Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag10.08.2007 um 17:02 (UTC)    
Titel: noch ein problem mit dem design "css"

hi ich problem, und zwar will ich die navigation in den oberen streifen setzten des hab ich auch hin bekommen aber jetzt hab ich ein problem weil die buttpns der navigation ja untereinander sind was muss ich am folgenden code ändern das die nebeneinander und nich untereinander sind???

Zitat:
#navi {
margin: 0;
padding: 0;
width: 150px;}

#navi ul, #navi li{
list-style-type: none;
padding-top: 2px;
font-weight: bold;}

#navi li a {
text-decoration: none;
display: block;
width:100%;
padding: 5px;}

#navi a:link, #navi a:visited {
color: #FFFFFF;
background-color: #07417C;}

#navi #akt {
color: #FFFFFF;
background-color: #7F0000;}

#navi a:hover, #navi a:hover#akt {
color: #FFFFFF;
background-color: #000080;}



Vielen dank schonmal im voraus!!
Mfg nico


Zuletzt bearbeitet von poke-idol am 10.08.2007, 18:04, insgesamt 2-mal bearbeitet
Beitrag10.08.2007 um 17:47 (UTC)    
Titel:

kann mir keiner weiter helfen???
Beitrag10.08.2007 um 18:06 (UTC)    
Titel:

Hallo,

verwende dann bitte das "Coolmenü".....
das hat die Navigation nebeneinander.

Oder verwende bitte einen CSS-Menü Generator,
welcher fertige Codes erstellt.

Zum Beispiel hier:
http://www.thorstenvock.de/css_menuegenerator.php

Gruss Wolle
______________
[img:d7175f9cca]http://img.webme.com/pic/w/wolle/bu.gif[/img:d7175f9cca] [img:d7175f9cca]http://img.webme.com/pic/g/grafics/supporter.png[/img:d7175f9cca] [img:d7175f9cca]http://img.webme.com/pic/w/wolle/bm.gif[/img:d7175f9cca]
Beitrag10.08.2007 um 18:12 (UTC)    
Titel:

ok hab jetzt 2 codes bekommen

der head muss doch in den streifen rein oder ? und der andere?

Zitat:
Diesen Teil plazieren Sie bitte im <body>-Bereich ihres Codes

:&lt;ul id="navi"&gt; &lt;li&gt; &lt;a href="http://poke-idol.de.tl/Home.htm" title="Home" id="akt"&gt;Home&lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href="http://poke-idol.de.tl/G.ae.stebuch.htm" title="Kontakt"&gt;Kontakt&lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href="http://poke-idol.de.tl/Kontakt.htm" title="Gästebuch"&gt;Gästebuch&lt;/a&gt; &lt;/li&gt; &lt;/ul&gt;

Diesen Teil müssen Sie im <head>-Bereich ihres Codes einfügen:

&lt;style&gt; #navi { margin: 0; padding: 0; text-align:center; } #navi ul, #navi li { margin: 0; padding: 0; display: inline; list-style-type: none; } #navi a:link, #navi a:visited { float: left; line-height: 20px; font-weight: bold; margin: 0; padding: 2px 15px; text-decoration: none; color: #990000; background-color: #000000; } #navi #akt { color: #990000; } #navi a:hover, #navi a:hover#akt { color: #990000; } &lt;/style&gt;


Zuletzt bearbeitet von poke-idol am 10.08.2007, 19:15, insgesamt 3-mal bearbeitet
Beitrag10.08.2007 um 18:22 (UTC)    
Titel:



Zuletzt bearbeitet von wolle am 10.08.2007, 19:22, insgesamt einmal bearbeitet
Beiträge der letzten Zeit anzeigen:   


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