• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Check das mit den div container irgendwie nich so....

Status
Für weitere Antworten geschlossen.
S

Sporty

Neues Mitglied
sers,

also ich hab mir grad mal den quellcode von ner website angeguckt und ich peil mit den div containern und macnhen tags nicht durch.
hab bisher immer nur mit tabellen gearbeitet!

kann mir vielleicht jemand ne seite sagen wo die tags, die zu den div dingern gehören (wie ul, li und si) klar und deutlich erklärt werden?

danke
 
Werbung:
ul li haben nichts mit div zu tun wo liegt dein prob? beim css? div selbst ist nur ein leeres blockelement...
 
Ich peil nur den ganzen Code irgendwie net.
Ist son Menü, dass sich nach unten aufklappt,w nen man drüber fährt...

Hie rmal der Code.....
Wie klappt sich das nahc unten auf, wie ist das definiert?

Code: 
<html>
<style type="text/css">

 ul#navlist { font-family: sans-serif; }

ul#navlist a
{
font-weight: bold;
text-decoration: none;
}

ul#navlist, ul#navlist ul, ul#navlist li
{
margin: 0px;
padding: 0px;
list-style-type: none;
}

ul#navlist li { float: left; }

ul#navlist li a
{
color: #ffffff;
background-color: #003366;
padding: 3px;
border: 1px #ffffff outset;
}

ul#navlist li a:hover
{
color: #ffff00;
background-color: #003366;
}

ul#navlist li a:active
{
color: #cccccc;
background-color: #003366;
border: 1px #ffffff inset;
}

ul#subnavlist { display: none; }
ul#subnavlist li { float: none; }

ul#subnavlist li a
{
padding: 0px;
margin: 0px;
}

ul#navlist li:hover ul#subnavlist
{
display: block;
position: absolute;
font-size: 8pt;
padding-top: 5px;
}

ul#navlist li:hover ul#subnavlist li a
{
display: block;
width: 10em;
border: none;
padding: 2px;
}

ul#navlist li:hover ul#subnavlist li a:before { content: " >> "; }

</style>

<div id="navcontainer">
<ul id="navlist">
<li id="active">[url="#"]Item one[/url]
<ul id="subnavlist">
<li id="subactive">[url="#"]Subitem one[/url]
[*][url="#"]Subitem two[/url]
[*][url="#"]Subitem three[/url]
[*][url="#"]Subitem four[/url]
[/list]


[*][url="#"]Item two[/url]
[*][url="#"]Item three[/url]
[*][url="#"]Item four[/url]
[/list]
</div>
</html>
 
Werbung:
die pseudo-klasse ":hover" ist definiert, wenn du maus über einem element ist. der selektor "ul#navlist li:hover ul#subnavlist xx" klappt den quasi mit "display: block" das menü auf
 
ah super idee sowas habe ich grade gesucht mit aufklappen !
:D
 
Werbung:
das geht dann wieder in manchen anderen browsern nicht -_-
ich wuerde es so lassen (Standard Konform)
soll richtig weh tun wenn man den IE benutzt :)
 
Werbung:
will aber kein JS benutzen.
ich frag mich halt warum das nicht geht?

irgendwie muss man den obigen script doch IE tauglich bekommen.
IE checkt doch css
 
nein
IE kann kein ordentliches css1 kein css2 und kein css 2.1
alles nur teilweise oder falsch unterstuetzt
 
Werbung:
dafuer waere javascript mal nuetzlich .. (ausnahmsweise)
Entschuldigung sie benutzen den Internet Explorer.
Bitte holen sie sich einen ordentlichen browser und kommen sie wieder. ;ugl
 
Werbung:
niklasboelter schrieb:
dafuer waere javascript mal nuetzlich .. (ausnahmsweise)
Entschuldigung sie benutzen den Internet Explorer.
Bitte holen sie sich einen ordentlichen browser und kommen sie wieder. ;ugl
Zum Vergrößern anklicken....
Klar! Anti-Usability betreiben! Nur dass dann kein Mensch mehr auf deine Seite kommt, weil man die Leute einfach nicht vom IE wegkriegt (fast wie bei einer Sucht...).
 
yo,mein vater hat auch erst mit IE gesurft,bis wir ihn zwei stunden vollgelabert haben dass es da was besseres gibt.Ist etz voll zufrieden mit FF :mrgreen:
 
Werbung:
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben