formatierung einer liste "nebeneinander"

robo47 · 25.03.2005, 19:50

kann ich eine liste auch nebeneinander ausgaben? hab jetzt online diverse seiten mal durchgeschaut, selfhtml etc css4you, nirgendwas hab ich sowas gesehen, also um mein problem genauer zu beschrieben, eine navigation soll, je nach stylesheet entweder so aussehne:

Code:

punkt 1
punkt 2
punkt 3

oder eben so

Code:

punkt 1 punkt 2 punkt 3

aber er bricht nach dem immer um, muss ich ganz auf die liste verzichten ob gibts ne möglichkeit das irgendwie mit css zu regeln?

mfg
robo47

agrajag · 25.03.2005, 22:03

Entweder per display:inline oder per float:left/right.

Zu dem Thema findest du aber eigentlich im Internet mehr als genug Infos.

robo47 · 25.03.2005, 22:40

hmm vielen Dank schonmal, das hatte ich schon ausprobiert, das Problem was dann aufgetreten ist war folgendes, sobald ich den Link der in der Liste drin ist, ein display: block; gegeben hab, damit die "Zelle" die ich erstellt hab, auch komplett klickbar ist, ging das nicht mehr.

mit: display:inline für #nav a und #nav a:hover
www.robo47.net/beta/v1.php

mit: display:block für #nav a und #nav a:hover
www.robo47.net/beta/v2.php

hmm ich seh grad, hab die ganze zeit mit IE getestest, weil der mir die ganze zeit am meisten probs gemacht hat, jetzt schau ich mir die testseite im FF an und könnt kotzen.

ich glaub ich fang ncohmal von vorne an :P

dieses ganze div / listen-zeug mit css zu machen, da steig ich ncoh ned ganz durch :P

naja bin erstmal noch bissel am testen.

mfg
robo47

agrajag · 26.03.2005, 00:04

Zitat:

Zitat von robo47

das Problem was dann aufgetreten ist war folgendes, sobald ich den Link der in der Liste drin ist, ein display: block; gegeben hab, damit die "Zelle" die ich erstellt hab, auch komplett klickbar ist, ging das nicht mehr.

Ist das nicht irgendwie logisch?
Ein Block-Element erzeugt nun mal einen Umbruch.

In dem Fall verwende einfach float.

Code:

li {float:left;
width:200px;
}
a {display:block;}
<ul>[*]<a>Link</a>[*]<a>link</a>[/list]

robo47 · 26.03.2005, 00:12

ah okay, das werd ich mir mal anschauen, aber ich glaub mir fehlt da noch zu viel, bevor ich das jetzt benutze und eh nciht wirklcih raffe wie und was, geh ich lieber mir mal noch ein paar tutorials anschauen.

auf jeden fall mal vielen dank, das hat mir viel weiter geholfen.

mfg
robo47

26.03.2005, 00:14

Schau doch mal hier:

http://www.thestyleworks.de/tut-art/listnav3.shtml

robo47 · 26.03.2005, 00:26

hmm vielen dank ich werds mir das mal durchschauen.

mfg
robo47

imported_Ben · 26.03.2005, 07:12

Schau mal in den Quellcode.

www.muellerkrug.de

Bitte keine Kommentare zu dieser Seite .. ist nicht gerade ein Paradestück .. und auch schon etwas älter.

Grüße Ben.

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
HTML Formatierung beibehalten	HaraDej	PHP Tipps 2007	6	15.02.2007 16:12
Javascript Select liste verdoppeln	dsmcg	HTML, Usability und Barrierefreiheit	8	19.10.2006 16:56
Liste in Liste und das ganze in nen Link verpackt	dethlef14	HTML, Usability und Barrierefreiheit	7	08.05.2006 19:42
Liste	Fatal Error	PHP Tipps 2006	4	04.05.2006 16:55
Problem mit css formatierung		HTML, Usability und Barrierefreiheit	2	14.12.2005 20:59
[UNRESOLVED] array in html liste		PHP Tipps 2005-2	4	09.08.2005 13:04
Php liste per E-Mail?		PHP Tipps 2005-2	2	21.07.2005 09:43
Dropdown-Menü nach klick in Liste füllen		PHP Tipps 2005-2	0	13.06.2005 09:33
Daten von einer Liste in eine Eingabemaske (Formular) - wie?		PHP Tipps 2005	6	26.05.2005 08:33
JavaScript Doppelklick in Liste		PHP Tipps 2005	17	24.05.2005 11:53
[Erledigt] Top 10 Liste		Datenbanken	9	20.04.2005 22:32
mysql daten ohne html formatierung ausgeben	wizzardxx	PHP Tipps 2005	2	28.03.2005 00:56
dynamische liste		PHP Tipps 2005	6	15.03.2005 20:44
[Erledigt] Liste in Textarea einfügen		HTML, Usability und Barrierefreiheit	0	03.01.2005 19:16
Liste		PHP Tipps 2004	9	19.07.2004 20:12

25.03.2005, 19:50
robo47 Moderator Registriert seit: 03.09.2004 Beiträge: 11.792 PHP-Kenntnisse: Fortgeschritten	formatierung einer liste "nebeneinander" kann ich eine liste auch nebeneinander ausgaben? hab jetzt online diverse seiten mal durchgeschaut, selfhtml etc css4you, nirgendwas hab ich sowas gesehen, also um mein problem genauer zu beschrieben, eine navigation soll, je nach stylesheet entweder so aussehne: Code: punkt 1 punkt 2 punkt 3 oder eben so Code: punkt 1 punkt 2 punkt 3 aber er bricht nach dem immer um, muss ich ganz auf die liste verzichten ob gibts ne möglichkeit das irgendwie mit css zu regeln? mfg robo47 __________________ robo47.net - Blog, Codeschnipsel und mehr \| Caching-Klassen und Opcode Caches in php \| Robo47 Components - PHP Library extending Zend Framework


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

25.03.2005, 22:03
agrajag Moderator Registriert seit: 02.10.2006 Beiträge: 3.820 PHP-Kenntnisse: Fortgeschritten	Entweder per display:inline oder per float:left/right. Zu dem Thema findest du aber eigentlich im Internet mehr als genug Infos. __________________ Today you...Tomorrow me.

25.03.2005, 22:40
robo47 Moderator Registriert seit: 03.09.2004 Beiträge: 11.792 PHP-Kenntnisse: Fortgeschritten	hmm vielen Dank schonmal, das hatte ich schon ausprobiert, das Problem was dann aufgetreten ist war folgendes, sobald ich den Link der in der Liste drin ist, ein display: block; gegeben hab, damit die "Zelle" die ich erstellt hab, auch komplett klickbar ist, ging das nicht mehr. mit: display:inline für #nav a und #nav a:hover www.robo47.net/beta/v1.php mit: display:block für #nav a und #nav a:hover www.robo47.net/beta/v2.php hmm ich seh grad, hab die ganze zeit mit IE getestest, weil der mir die ganze zeit am meisten probs gemacht hat, jetzt schau ich mir die testseite im FF an und könnt kotzen. ich glaub ich fang ncohmal von vorne an :P dieses ganze div / listen-zeug mit css zu machen, da steig ich ncoh ned ganz durch :P naja bin erstmal noch bissel am testen. mfg robo47 __________________ robo47.net - Blog, Codeschnipsel und mehr \| Caching-Klassen und Opcode Caches in php \| Robo47 Components - PHP Library extending Zend Framework

26.03.2005, 00:12
robo47 Moderator Registriert seit: 03.09.2004 Beiträge: 11.792 PHP-Kenntnisse: Fortgeschritten	ah okay, das werd ich mir mal anschauen, aber ich glaub mir fehlt da noch zu viel, bevor ich das jetzt benutze und eh nciht wirklcih raffe wie und was, geh ich lieber mir mal noch ein paar tutorials anschauen. auf jeden fall mal vielen dank, das hat mir viel weiter geholfen. mfg robo47 __________________ robo47.net - Blog, Codeschnipsel und mehr \| Caching-Klassen und Opcode Caches in php \| Robo47 Components - PHP Library extending Zend Framework

26.03.2005, 00:14
Gast Beiträge: n/a	Schau doch mal hier: http://www.thestyleworks.de/tut-art/listnav3.shtml

26.03.2005, 00:26
robo47 Moderator Registriert seit: 03.09.2004 Beiträge: 11.792 PHP-Kenntnisse: Fortgeschritten	hmm vielen dank ich werds mir das mal durchschauen. mfg robo47 __________________ robo47.net - Blog, Codeschnipsel und mehr \| Caching-Klassen und Opcode Caches in php \| Robo47 Components - PHP Library extending Zend Framework

26.03.2005, 07:12
imported_Ben Erfahrener Benutzer Registriert seit: 18.09.2003 Beiträge: 13.598 PHP-Kenntnisse: Fortgeschritten	Schau mal in den Quellcode. www.muellerkrug.de Bitte keine Kommentare zu dieser Seite .. ist nicht gerade ein Paradestück .. und auch schon etwas älter. Grüße Ben. __________________ Webentwickler-Blog - Buchbesprechung PHP Design Patterns - SQL-Antipatterns