CSS will nicht so wie ich :: Webdesign mit HTML, CSS sowie Javascript

PHP Portal » PHP Forum » Entwicklung » Webdesign mit HTML, CSS sowie Javascript » CSS will nicht so wie ich

Login
- Registrierung
- Passwort vergessen
- Login Passwort
Themenoptionen
Forum
Werbung
Sonstiges
- Impressum
- Datenschutz
- Sitemap
- Partner
- Link setzen

CSS will nicht so wie ich

04.08.2008 13:39 von wotan

Member

Code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

#nav ul {
 float:              right;
    list-style:         none;
    margin:             0px;
    padding:            0px;
}
#nav li {
    display:            inline;
    margin:             0px;
    padding:            0px;
}
#nav ul ul {
    list-style:         none;
    margin-left:        10px;
    padding:            0px;
}

soll eigentlich so werden:

Code

1
2
3
4
5

nav1
   nav1.1
   nav1.2
nav2
nav3

bekomme es aber irgendwie nicht sauber ausgerichtet.
Die Abstände zwischen den LI sind zu größ und die Einrückung ist auch zutief.

Re: CSS will nicht so wie ich

04.08.2008 14:10 von TBT

the Boss

Zitat

wie sieht den dein html Code dafür aus?

Re: CSS will nicht so wie ich

04.08.2008 15:54 von Gast

Besucher

Zitat

wieso ist ul gefloatet, hat aber keine breitenangabe?

Re: CSS will nicht so wie ich

04.08.2008 15:55 von Abraxax

Member

Zitat

wieso ist das ul gefloatet, aber nicht mit einer breite versehen?

Re: CSS will nicht so wie ich

04.08.2008 16:25 von SearchAB

Neuling

Zitat

Meinst Du vielleicht so:

Code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

<html>
<head>
<style type="text/css">
#nav ul{list-style:none;}
#li {margin-left: 10px;display:block;}
</style>
</head>
<body>
<ul id="nav">
<li>nav1</li>
<li>nav2</li>
<li id="li">nav2.1</li>
<li id="li">nav2.2</li>
<li>nav3</li>
</ul>
</body>
</html>

Re: CSS will nicht so wie ich

04.08.2008 17:56 von Abraxax

Member

Zitat

2x id="li" zu verwenden ist nicht erlaubt.

ausserdem würde das <ul> ein weiteres geschachteltes <ul> aufnehmen. so sollte wotan dies auch gemacht haben. denke/hoffe ich.

aber warten wir mal ab, welchen html-code er posten wird.

Re: CSS will nicht so wie ich

04.08.2008 23:43 von SearchAB

Neuling

Zitat

Zitat: Beitrag von Abraxax2x id="li" zu verwenden ist nicht erlaubt.
Nun gut, machen wir es regelkonform:

Code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

<html><head>
<style type="text/css">
#header{position:relative;float:right;width:60px;height:auto;}
ul#nav{list-style:none;margin:0px;padding:0px;}
#nav li{list-style:none;margin:0px;padding:0px;display:block;}
ul#nav ul#sub{margin-left:10px;display:block;}
</style></head>
<body>
 <div id="header">
  <ul id="nav">
   <li>nav1</li>
   <ul id="sub">
    <li>nav1.1</li>
    <li>nav1.2</li>
   </ul>
   <li>nav2</li>
   <li>nav3</li>
  </ul>
 </div>
</body></html>

Zufrieden?

Barrierefreie Navigationsmenüs

05.08.2008 00:51 von SearchAB

Neuling

Zitat

Habe gerade noch einen interessanten Beitrag gefunden:

Tutorium: Barrierefreie Navigationsmenüs
http://www.einf ... artikel/menues/
Beispielmenü:
http://www.einf ... tag5/menue.html

Re: CSS will nicht so wie ich

05.08.2008 09:40 von Abraxax

Member

Zitat

Zufrieden?

nö ... :D

das liegt auch daran, dass das zweite ul nicht innerhalb <li> liegt, dem es untergeordnet ist ...

aber egal ...

Re: CSS will nicht so wie ich

05.08.2008 10:18 von wotan

Member

Zitat

Hier der HTML-Code:

Code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

<ul>
<li><h2>Nav1</h2></li>
<li>
<ul>
<li><h3>Nav1.1</h3></li>
<li><h3>Nav1.2</h3></li>
<li><h3>Nav1.3</h3></li>
<li><h3>Nav1.4</h3></li>
</ul>
</li>
<li><h2>Nav2</h2></li>
<li><h2>Nav3</h2></li>
<li><h2>Nav4</h2></li>
<li><h2>Nav5</h2></li>
<li><h2>Nav6</h2></li>
<li>&nbsp;</li>
<li><h2>Nav7</h2></li>
</ul>

Antwort erstellen

php2all Webdesign &
Programmierung