kostenloser Webspace werbefrei: lima-city

Wagerechte CSS Navigation

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   trainercard-club

   

   trainercard-club hat kostenlosen Webspace.

   6:45, 19.10.2011

   Hallo,
   ich habe eben eine CSS Navigation erstellt, der html code sieht so aus:
   

   <a class="start" href="start.php"></a>
   <a class="page2" href="page2"></a>

   
   
   der CSS Code dazu sieht so aus:
   

   a.start {  
     display:block;  
     width:80px;   
     height:25px;  
     background:transparent url('img/elements/start.gif') no-repeat top left;  
   }  
     
   a.start:hover {  
     display:block;  
     width:80px;   
     height:25px;  
     background:transparent url('img/elements/start.gif') no-repeat bottom right;   
   }  
   
   a.page2 {  
     display:block;  
     width:200px;   
     height:25px;  
     background:transparent url('img/elements/page2.gif') no-repeat top left;  
   }  
     
   a.page2:hover {  
     display:block;  
     width:200px;   
     height:25px;  
     background:transparent url('img/elements/page2.gif') no-repeat bottom right;   
   }

   
   
   Meine Frage:
   Wie mache ich die Navigation wagerecht statt senkrecht?
   
   Danke im Vorraus ;)

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. bessani

   bessani hat kostenlosen Webspace.

   9:45, 19.10.2011

   hier steht es
   http://de.selfhtml.org/css/layouts/navigationsleisten.htm
   
   unter Horizontale Formatierung
   
   hoffe du verstehst es.
   
   
   

4. all-web

   all-web hat kostenlosen Webspace.

   13:31, 19.10.2011

   Das ganze regelst du am besten per float. Mit float kannst du angeben, wie der Fluss des Elementes verläuft: sagst du hier left, reiht es sich an das vorherige an, mit clear:both kannst du das ganze Zurücksetzen.
   Infos dazu gibt es unter http://de.selfhtml.org/css/eigenschaften/positionierung.htm, der Link von bessani kannst du dir natürlich auch zu Herzen führen.

5. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?