Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag17.10.2009 um 21:04 (UTC)    
Titel: 2 Fragen: Abstand der Menüpunkte und Navi verschieben

Hallo Leute, ich habe zwei sehr wichtige Fragen.

1.) Kann mir jemand sagen, wie ich den Abstand zwischen den Menüpunkten mache? Jetzt liegen alle (Home, GBook, Handlung usw.) zusammen, wie kann ich einen Abstand machen?
2.) Ich möchte gerne meine Navi verschieben, und zwar nach links. Wie ist das möglich? Habe bereits ausprobiert, nichts rausgefunden. Momentan ist die Navi ja unter dem Header (Coolmenü), jetzt möchte ich sie aber links. Wie kann ich sie verschieben?

So, erstmals hier der Code.

Das ist der gesamte Navi Code.

#nav { position:relative; top: -7px; bottom:0; list-style:none; }
* html #nav { bottom:-1px; }
#nav li { float:left; }
#nav li a {
background:url(http://img.webme.com/pic/e/extreme-design/norm1.png);
display:block; height:50px; width: 100px;
font-family: Comic Sans MS, sans-serif;
text-decoration: none !important;
}

#nav li a:hover {
display:block;
background:url(http://img.webme.com/pic/e/extreme-design/hover1.png); height:50px; width: 100px;

}
#nav li a strong { color: #FFFFFF; padding-left: 20px;
position:relative; top: 5px;
}


ich wäre echt sehr froh, wenn mir jemand bei einer der Fragen, oder noch besser, bei beiden behilflich sein könnte, selber finde ich keine Antwort.


lg
Jonas
______________
Updates:
http://twitter.com/JonasKaufmann

Danke dass ich im Baukasten so viel lernen & erfahren durfte!

Beitrag18.10.2009 um 11:20 (UTC)    
Titel:

Zu Frage 1:
Mit "margin"(http://homepage-baukasten.homepage-baukasten.de/forum/viewtopic.php?t=102656) kann man die Abstände nach außen festlegen.

Zu Frage 2:
Kann das sein das du, es festgelegt hast, dass das Design immer mittig angezeigt wird? Denn wenn das Design immer mittig angezeigt wird bringen Befehle wie "left" nichts.
______________
Jeder lernt es... Irgendwann...
Beitrag18.10.2009 um 16:53 (UTC)    
Titel:

danke für deine Hilfe, das mit margin klappt.
Für das andere Problem, hier mal der ganze Code.
Vlt. hilft das?


Css-Code ohne Style Tags

div#nav_container{visibility: hidden;}
li.nav_element{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
li.nav_element{display: none;}
li.nav_element a{display: none;}
div.header{display: none;}

a{color:#800000; font-size: 15px; text-decoration: none;}
a:hover {color: #800000; font-size: 15px; text-decoration: none;}
a:link {color: #800000; font-size: 15px; text-decoration: none;}
a:active {color: #800000; font-size: 15px; text-decoration: none;}
a:visited {color: #800000; font-size: 15px; text-decoration: none;}


body {background-color:#FFFFFF;background-image:url(http://shop.rabenring.com/WebRoot/Store/Shops/Rabenring/45B4/AC5B/9CDB/9F78/94E8/7F00/0001/CCFB/molton_buehne_grau.jpg);}


* { padding: 0; margin: 0; }

#Abenteuergeschichte {
margin: 0 auto;
width: 700px;}

#Header_oben {
color: #FFFFFF;
width: 680px;
height:160px;
background-image: url(http://img.webme.com/pic/e/extreme-design/unbenanntversuch1.png);
float: left;
padding: 10px;
margin: 10px 0px 0px 0px;
}


#content {
width: 680px;
background: #000000;
color: #FFFFFF;
float: left;

margin: -6px 0px 0px 0px;
padding: 10px;
overflow:auto;
font-family: Comic Sans MS, sans-serif;
}


#counter {
width: 700px;
height: 20px;
text-align:center;
color: #FFFFFF;
background:url(http://img.webme.com/pic/e/extreme-design/footer1.png);
margin: 0px 0px 10px 0px;
font-size: 15px;
float: left;
}

#nav { position:relative; top: -7px; bottom:0; list-style:none; }
* html #nav { bottom:-1px; }
#nav li { float:left; }
#nav li a {
background:url(http://img.webme.com/pic/e/extreme-design/norm1.png);
display:block; height:50px; width: 100px;
font-family: Comic Sans MS, sans-serif;
text-decoration: none !important;
margin: 0px
}

#nav li a:hover {
display:block;
background:url(http://img.webme.com/pic/e/extreme-design/hover1.png); height:50px; width: 100px;

}
#nav li a strong { color: #FFFFFF; padding-left: 20px;
position:relative; top: 5px;
}



lg
Jonas
______________
Updates:
http://twitter.com/JonasKaufmann

Danke dass ich im Baukasten so viel lernen & erfahren durfte!

Beiträge der letzten Zeit anzeigen:   


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