[HR][/HR]
Guten Morgen liebes
Forum,
ihr seid hier meine letzte Rettung, denn bisher konnte/wollte mir
keiner helfen.
Vorab muss ich sagen, dass ich ein kompletter HTML &
CSS Neuling bin.
Ich habe einen eigenen Blog und will dort ein Drop Down
Menü einfügen. Google sei Dank habe ich auch eine Anleitung gefunden und das
HTML Format schon fertig.
Nun muss ich das ganze bei „Blogger“ noch mit
CSS richtig in meinen Blog einpflegen und genau darin besteht für mich das große
Problem. Auf einmal sind meine Seitentaps in der umgekehrten Reihenfolge, also
zuerst „Kontakt“ statt Startseite etc.
Außerdem soll, wenn man auf das
Menü fährt und das Drop-Down Menü runterklappt die einzelnen Dropfenster eckig
sein, sie sind aber rund.
Kann mir bitte bitte irgendjemand helfen? Und
bitte so, dass sogar ein unwissender wie ich es kapiert?
Habe hier noch den Link zu meinem „Test-Blog“ und den momentanen CSS Code:
#nav1 {
width: 770px;
background: url(link);
height:25px;
text-align:center;
margin:0;
z-index:20;
position: center;
top: 2px;
font:normal 14 Coming Soon;
color:black;
line-height:25px;
text-decoration:none;
padding: 0px;
}
#nav1
ul {
display:inline-block;
margin:0;
padding:0;
list-style:none;
white-space:nowrap;
text-align:center;
}
#nav1 li {
margin:0;
padding:0;
list-style:none;
clear:both;
float:none;
}
#nav1
ul ul {
position:fixed;
left:-9999px;
}
#nav1 ul li.level1-li
{
float:right;
display:block;
position:relative;
clear:none;}
#nav1 ul {
background:
transparent;
}
#nav1 ul ul{
background:transparent;
}
#nav1 a
{
display:block;
font:normal 14 Coming Soon;
color:black;
line-height:25px;
text-decoration:none;
padding: 0 15px 0
15px;
outline:none;
}
#nav1 ul li:hover > ul
{
visibility:visible;
left:0;
top:5px;
position:relative;
right: 20px;
}
#nav1 li:hover >
a,
#nav1 ul li:hover > a {
background: url(LINK);
}
#nav1 li a
{
border: none;
}
#nav1 ul, .tabs-outer
{
overflow:visible;
}
.main-outer {
z-index:10;
}
.tabs-outer
{
z-index:11;
}
Danke schön
Sunny