Sponsored Links |
|
||||
Was passt denn nicht?
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato... All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege www.richard-thiel.de | Müssen Websiten überall gleich ausschauen? |
Sponsored Links |
|
|||
Nun es ist so ich möchte gerne das der contact ganz am rand ist und so ist wie der Main einfach spiegel verkehrt und nicht grün und das zwischen drin gleich mässig abstand hat.
|
|
|||
Zitat:
Code:
} #header .nav li { float:left; background:url(images/divider.gif) 100% 0 repeat-y; } |
|
|||
habe ich schon gemacht
CSS Code:
/*===== header =====*/ #header .menu { background:url(images/menu-right.gif) 100% 0 no-repeat #fff; } #header .menu .wrapper { background:url(images/menu-left.gif) 0 0 no-repeat; height:80px; } #header .nav { float:left; } #header .nav li { float:left; background:url(images/divider.gif) 101% 0 repeat-y; } #header .nav li a { padding:0 100px 0 0px; float:left; line-height:80px; text-decoration:none; color:#313131; text-decoration:none; font-size:20px; } #header .nav li a:hover, #header .nav li a.current { background:url(images/nav-bg1.gif) 0 0 repeat-x; color:#fff; text-align: center; } #header .nav li.first a { padding:0; } #header .nav li.first a b { float:left; padding:0 32px 0 32px; } #header .nav li.first a:hover b, #header .nav li.first a.current b { background:url(images/menu-left-act.gif) no-repeat 0 0; } #header .nav li.second a { padding:0; } #header .nav li.second a b { float:right; padding:0 20px 0 20px; } #header .nav li.second a:hover b, #header .nav li.second a.current b { background:url(images/menu-right-act.gif) no-repeat 100% 0; } #header .nav li.third a { padding:0; } #header .nav li.third a b { float:right; padding:0 30px 0 25px; } #header .nav li.forth a { padding:0; } #header .nav li.forth a b { float:right; padding:0 20px 0 20px; } #header .nav li.fifth a { padding:0; } #header .nav li.fifth a b { float:right; padding:0 14px 0 13px; } Code:
</head> <body id="page1"> <!-- header --> <div id="header"> <div class="tail-left"></div> <div class="bg"> <div class="container"> <div class="menu"> <div class="wrapper"> <!-- .nav --> <ul class="nav"> <li class="first"><a href="index.html"><b>main</b></a></li> <li class="third"><a href="index-1.html"><b>about</b></a></li> <li class="forth"><a href="index-2.html"><b>service</b></a></li> <li class="fifth"><a href="index-3.html" class="current"><b>portfolio</b></a></li> <li class="second"><a href="index-4.html"><b>contact</b></a></li> </ul> <!-- /.nav --> <!-- .adv-nav --> <!-- /.adv-nav --> </div> </div> <div class="logo"><a href="index.html"><img src="images/arabiantransparent .png" alt="" width="231" height="451" /></a></div> <!-- .banners --> <!-- /.banners --> </div> </div> </div> |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Spry Menü bar falsch dargestellt im IE | Hilltono | CSS | 2 | 02.12.2010 23:01 |
Div Höhe an Bildschirm Resthöhe anpassen | amiroo | CSS | 3 | 10.03.2010 20:08 |
Navigation Bar ausblenden | akma82 | Javascript & Ajax | 1 | 05.03.2010 20:31 |
CSS-Layout der Browsergröße anpassen | Jen | CSS | 3 | 14.11.2008 09:39 |
<div>-Grösse anpassen | arkanis | CSS | 3 | 01.10.2004 11:39 |