div, rahmen nur unten?

  • hi!

    ich hätte gerne für die div-box am oberen rand des bildschirms einen border der NUR am unteren rand liegt... geht das??
    wenn ja wie?

    bitte um hilfe!

  • du hast also oben in der Seite nen Div

    ___________ <-Seitenbegin
    A---
    | div |
    B---


    __________ <- Seitenende

    Natürlich kannst du bei einem Div nur A oder nur B als Border anzeigen lassen


    meintest du das?

    Sämtlicher Code erhebt keinen Anspruch auf syntaktische Korrektheit geschweige denn Ausführbarkeit und ist für die Implementation außerhalb der Beispiele nicht geeignet.
    [Blockierte Grafik: http://www.snippr.de/social/img/logo.png]
    Kein Support für kommerzielle Scripts | Kein kostenloser Support via ICQ

  • style="border-top-color: White;
    border-left-color: White;
    border-right-color: White;
    border-bottom-color: Black;"

    Das ergibt einen Rahmen, wo nur unten Schwarz ist. Sprich die anderen sind weiß und damit nicht sichtbar. Hoffe du verstehst das Prinzip.

    Wer andern eine Bratwurst brät, wird selbst zum Bratwurstbratgerät.
    Ron Stoppable

  • Zitat von quib

    ja ok das prinzip verstehe ich... nur wo muss ich das style hinpacken??


    Ich denke mal hier:

    Code
    <div style="border-top-color: White; 
    border-left-color: White; 
    border-right-color: White; 
    border-bottom-color: Black;" >
  • <div style="border-top-color:#ffffff; border-left-color:#ffffff; border-right-color:#ffffff; border-bottom-color:#000000;"> </div>

    ganz einfach so, aber um den quelltext besser zu gestalten würde ich die css styles grundsätzlich im head bereich deiner seite oder in einem stylesheet speichern. Aber die Art wie ich es dir gepostet hab geht auf jeden Fall!

    mfg pat

    -= Internet Explorer suckt =-
    -= meist aktiv zwischen 19.00 - 24.00 Uhr =-

  • sieht jetzt also so aus

    Code
    <div class="oben" style="border-top-color: Black;
    border-left-color: Black;
    border-right-color: Black;
    border-bottom-color: White;" >
    <code>
    <center>text... </center>
    </code>
    </div>

    passiert aber genau garnix...

    falls es was bringt... "oben" is so definiert:

    Code
    .oben{
    background:black;
    padding:5px;
    height:80px;
    }
  • <div class="head">
    <code>
    <center>text... </center>
    </code>
    </div>


    .head{
    background:black;
    padding:5px;
    height:80px;
    border-top-color: Black;
    border-left-color: Black;
    border-right-color: Black;
    border-bottom-color: White;
    }

    Ich wusste ja nicht, dass es schon eine class dafür gibt.

    Wer andern eine Bratwurst brät, wird selbst zum Bratwurstbratgerät.
    Ron Stoppable

  • nimm mal das code raus und probiers erneut, ansonsten post mal den gesamten code!

    -= Internet Explorer suckt =-
    -= meist aktiv zwischen 19.00 - 24.00 Uhr =-

  • also auch das rauf schreiben von den border-befehlen hat nix verändert...

    wegnehmen von <code> macht den text viel größer und ändert die schrift... sonst auch kein effekt auf den rahmen...

  • Vielleicht solltest du mal nen Link posten, oder den kompletten Text damit ich das mal selber testen kann.

    Wer andern eine Bratwurst brät, wird selbst zum Bratwurstbratgerät.
    Ron Stoppable

  • ersetz mal die farbe black durch #000000 und die farbe white durch #ffffff

    -= Internet Explorer suckt =-
    -= meist aktiv zwischen 19.00 - 24.00 Uhr =-

  • War schon fast richtig, musste nur noch die Stärbe des Borders angegeben werden.
    .oben{
    background:black;
    padding:5px;
    height:80px;
    margin:0;
    border:5px solid;
    border-top-color: black;
    border-right-color: black;
    border-left-color: black;
    border-bottom-color: white;
    }

    Wer andern eine Bratwurst brät, wird selbst zum Bratwurstbratgerät.
    Ron Stoppable

  • oh shit, natürlich! Dann kannst du auch Black und White stehen lassen!

    Sorry ich kann von der drecks schule aus hier nichts testen und mit dem texteditor is mir das zu blöd!

    -= Internet Explorer suckt =-
    -= meist aktiv zwischen 19.00 - 24.00 Uhr =-

  • PROBLEM BEHOBEN!!

    in der dusche kam mir die erleuchtung :wink:

    und es funktioniert! danke!