Navigation anstelle von Tabelle in Div

14.01.2005, 00:18

Code:

							<table width="505" height="30" border="0" cellpadding="0" cellspacing="0">
							  <tr>
								<td>[img]image/navigation/home.jpg[/img]</td>
								<td>[img]image/navigation/trennung.jpg[/img]</td>
								<td>[img]image/navigation/Kurse.jpg[/img]</td>
								<td>[img]image/navigation/trennung.jpg[/img]</td>
								<td>[img]image/navigation/team.jpg[/img]</td>
								<td>[img]image/navigation/trennung.jpg[/img]</td>
								<td>[img]image/navigation/lokal.jpg[/img]</td>
								<td>[img]image/navigation/trennung.jpg[/img]</td>
								<td>[img]image/navigation/gaestebuch.jpg[/img]</td>
								<td>[img]image/navigation/trennung.jpg[/img]</td>
								<td>[img]image/navigation/ende.gif[/img]</td>
							  </tr>
							</table>

So sieht meine Navigation im Moment aus. Wie packe ich so etwas in ein Div - Tag?

14.01.2005, 00:22

zumindest dass die bilder schön aneinander liegen...das mit dem hover und aktiv bring ich glaub hin.

danke im voraus

derHund · 14.01.2005, 00:46

Zitat:

So sieht meine Navigation im Moment aus. Wie packe ich so etwas in ein Div - Tag?

garnicht!

ul/li setzt sich dafür langsam durch.

ich kann zwar nicht im kopf deinen code parsen, aber .. geh mal auf alistapart.com und such nach ... sliding doors ... teil 1

Riot · 14.01.2005, 01:27

Hallo,

Wie derHund schon erwähnt hat, macht man das heute(eigentlich auch schon gestern) mit einer Liste.

PHP-Code:

  CSS:

#menu {

  list-style-type:none;

  backgroud-image:url(HintergrundgrafikFuerDasMenue.gif);

}

#menu a{

   background-image:url(normalesHintergrundbild.gif);

}

#menu a:hover{

   background-image:url(hoveresHintergrundbild.gif);

}

 
 
 
HTML:

<ul id="menu">[*][url="url"]Home[/url][*][url="url"]Menüpunkt2[/url][*][url="url"]Menüpunkt2[/url][/list]

MFG

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
tabellen verknüpfen	philips	Datenbanken	26	06.05.2006 11:15
Zeilenanzahl einer tabelle mit WHERE aber ohne schleife?	sovereign	Datenbanken	13	17.04.2006 20:34
[Erledigt] Problem mit dem Füllen einer Tabelle über Formular		PHP Tipps 2006	18	10.01.2006 12:51
Problem mit Anzeige einer Tabelle mit dem Firefox?		HTML, Usability und Barrierefreiheit	8	28.11.2005 15:08
[Erledigt] Tabelle aktualisieren		Datenbanken	3	23.11.2005 09:54
[Erledigt] Problem mit mySQL		Datenbanken	7	27.09.2005 12:06
[Erledigt] mysql abfrage über 4 Tabelle - bis 3 geht, bei der 4. habert		Datenbanken	2	08.09.2005 11:59
tabelle in tabelle ohne aussenrand	noskule	HTML, Usability und Barrierefreiheit	6	25.08.2005 14:17
spielplan, und Tabelle erstellen	alias_zappler	PHP Tipps 2005-2	3	01.08.2005 00:25
[Erledigt] Interne Tabelle (DB Tabelle in Array auslesen)		PHP Tipps 2005	10	29.03.2005 17:08
HTML Tabellenzeile in Tabelle einfügen?		Datenbanken	2	28.01.2005 00:28
Tabelle in Tabelle ausrichten		HTML, Usability und Barrierefreiheit	7	03.01.2005 14:32
[Erledigt] Tabelle in Tabelle automatisch anpassen		HTML, Usability und Barrierefreiheit	3	04.11.2004 21:37
Sortieren anhand einer zweiten Tabelle		PHP Tipps 2004	6	20.09.2004 09:03
HILFE: Column count doesn't match value count at row 1		Datenbanken	17	12.06.2004 16:45


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

14.01.2005, 00:22
Gast Beiträge: n/a	zumindest dass die bilder schön aneinander liegen...das mit dem hover und aktiv bring ich glaub hin. danke im voraus

14.01.2005, 01:27
Riot Erfahrener Benutzer Registriert seit: 23.12.2004 Beiträge: 255	Hallo, Wie derHund schon erwähnt hat, macht man das heute(eigentlich auch schon gestern) mit einer Liste. PHP-Code: `CSS: #menu { list-style-type:none; backgroud-image:url(HintergrundgrafikFuerDasMenue.gif); } #menu a{ background-image:url(normalesHintergrundbild.gif); } #menu a:hover{ background-image:url(hoveresHintergrundbild.gif); } HTML: <ul id="menu">[][url="url"]Home[/url][][url="url"]Menüpunkt2[/url][*][url="url"]Menüpunkt2[/url][/list]` MFG __________________ Webdesign - optimized for user