myGully.com

myGully.com (https://mygully.com/index.php)
-   Programmierung (https://mygully.com/forumdisplay.php?f=67)
-   -   Vertikale Abtrennlinien (https://mygully.com/showthread.php?t=2177610)

Shimama 05.12.10 20:01

Vertikale Abtrennlinien
 
Hallo liebe Leute zur Zeit sieht meine Seite so aus:

[Link nur für registrierte und freigeschaltete Mitglieder sichtbar. Jetzt registrieren...]

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

[Link nur für registrierte und freigeschaltete Mitglieder sichtbar. Jetzt 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. :D :T

Ich hoffe auf eine Antwort! :D

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 :D


Alle Zeitangaben in WEZ +1. Es ist jetzt 18:58 Uhr.

Powered by vBulletin® (Deutsch)
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.