Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag24.01.2010 um 16:11 (UTC)    
Titel: zweispaltige navigation

Also ich hab jetzt schon einige Zeit im Forum gesucht aber nichts passendes zu meinem Problem gefunden.
Es ist so: Ich will gerne in meinem Css Design, in der Navigation 2 Spalten haben
wie z.b hier http://glambaby.de (main menü, oder stuff 4 you)

weiß jemand wie ich das so hinbekomme?
Beitrag26.01.2010 um 12:07 (UTC)    
Titel:

er s t e l l e

doch einfach ein neues Feld und verlinke dort versch. Buttons....

* iss eig. ganz easy *
______________
Beitrag26.01.2010 um 12:11 (UTC)    
Titel:

Da musst du was in deinem Design ändern.
Was genau weiß ich grad ned. Wink
______________
www.irondash.de
Battlefield 3, CS:S, LoL und Fifa Clan!
Thema im HPBK http://www.homepage-baukasten.de/forum/viewtopic.php?p=773000#773000
Beitrag26.01.2010 um 13:41 (UTC)    
Titel:

Meinst du das so:
http://tjpeiler-designs.de.tl/home.htm

Hier ist der Code dafür:
Text über dem Design
Zitat:
<div class="navi">
<div class="secound_nav"><a href="/seitenname.htm">LINK01</a></div>
<div class="secound_nav" style="top: 35px;"><a href="/seitenname.htm">LINK02</a></div>
<div class="secound_nav" style="top: 65px;"><a href="/seitenname.htm">LINK03</a>[/color]</div>
<div class="first_nav"><a href="/seitenname.htm">Start01</a></div>
<div class="first_nav"><a href="/seitenname.htm">Start02</a></div>
<div class="first_nav"><a href="/seitenname.htm">Start03</a></div>
</div>


Farbe = Seitennamen der rechten Navigation
Farbe = Seitennamen der linken Navigation
Farbe = immer 30px dazu zählen sobald ein weiterer Button benötigt wird.

CSS Code ohne Style-Tags
Zitat:
.navi{
position: absolute;
left: 50%;
margin-left: -400px;
width: 385px;
border: 1px solid #000000;
padding: 5px;
background-color: #FFFFFF;
}

.first_nav{
width:180px;
height: 25px;
background-color: #CCCCCC;
padding-left: 10px;
padding-top: 5px;
}

.first_nav:hover{
width:180px;
height: 25px;
background-color: #999999;
padding-left: 10px;
padding-top: 5px;
}

.secound_nav{
position: absolute;
width:180px;
height: 25px;
background-color: #CCCCCC;
padding-left: 10px;
padding-top: 5px;
left: 200px;
}

.secound_nav:hover{
position: absolute;
width:180px;
height: 25px;
background-color: #999999;
padding-left: 10px;
padding-top: 5px;
left: 200px;
}

Du kannst natürlich alle Werte beliebig ändern...


Zuletzt bearbeitet von tjpeiler-designs am 26.01.2010, 14:42, insgesamt 2-mal bearbeitet
Beitrag28.01.2010 um 18:31 (UTC)    
Titel:

Mh... scheint wohl nicht so wichtig gewesen zu sein...
Naja, falls du's doch noch brauchst: http://wastebin.xe.cx/tool02.php
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de