Vertikale Abtrennlinien

Shimama · 05.12.10, 20:01

Hallo liebe Leute zur Zeit sieht meine Seite so aus:

[ Link nur für registrierte Mitglieder sichtbar. Bitte einloggen oder neu registrieren ]

Nun möchte ich eine Vertikale Abtrennlinie Dazuhaben damit das so Aussieht

[ Link nur für registrierte Mitglieder sichtbar. Bitte einloggen oder neu registrieren ]

Links soll das Menu Hin oben links das logo alles in einem eine ziehmlich einfache seite.

nun möchte ich aber gerne den code für vertikale abtrennlinien wissen.

für css oder html ist egal weil ich von beidem eigntl. gleich wenig weis.

Ich hoffe auf eine Antwort!

Simser · 05.12.10, 23:38

Funktioniert am besten mit border-left, border-right etc.

Beispiel:

PHP-Code:


			


<head>



<style type="text/css">

#header { height:100px; border-bottom:4px solid blue; }

#headerLeft { width:150px; height:100px; float:left; border-right:4px solid blue; margin-right:5px; }

#headerRight { margin:0 auto; height:100px; }

#content {  }

#contentLeft { width:150px; float:left; border-right:4px solid blue; margin-right:5px; }

#contentRight {  }

</style>



</head>



<body>



    <div id="header">

    

        <div id="headerLeft">logo.png</div>

        

        <div id="headerRight">bla</div>

        

    </div>



    <div id="content">

    

        <div id="contentLeft">

            Menu

        </div>

        

        <div id="contentRight">

            Nix

        </div>

    

    </div>



</body>

Shimama · 06.12.10, 17:01

danke funktioniert supa