zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden News Liste formatieren

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 25.06.2009, 14:19
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 10.10.2008
Beiträge: 13
marc75 befindet sich auf einem aufstrebenden Ast
Standard News Liste formatieren

Hallo Leute,

aktuell habe ich meine News Liste so aufgebaut:


HTML-Code:
<UL class="news">
<LI>16.06.2009 - dfghdg hfadfghadf gadfgfdag</LI>
<LI>30.05.2009 - adfgdf gadfgadfgdfg dagfadfg</LI>
<LI>22.05.2009 - adgfdg fdafgadfgdgf dfg ergadfgdagadfg adfgdafg adfgadgf adf gad kdlfg dlfg dlgkf adfgh</LI>
<LI>14.04.2009 - afgad fgadfgdfa gdafgadfgdf</LI>
</UL>
Bei zu langen Titeln wird ein Umbruch gemacht und der Text geht unter dem Datum weiter, gibts da eine einfache Möglichkeit den umgebrochenen Text erst nach dem obrigen Datum anfangen zu lassen?
  • 16.06.2009 - sdfgasd gfsdasdglf dgfasg aslgdlsd gldg
  • 30.05.2009 - sdgfkl asgl afgadlökfg jdalgf jaödlfjgk
  • 22.05.2009 - asdgfhdgf adfg akdlf gaökdlfgh kdafgh akdfghakdfjghkdaf ghakdf ghadfökghaökdf ghadgkf hjakdf klsdf jgdlgf dlf gadlfkg hadlkf gakdlfgakdlfg dl ghdal jghfadl jgh
  • 14.04.2009 - sakdfjghaskdfjgh adfkghadf gaökdlf ghödf gh
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 25.06.2009, 16:05
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Ich würde es eh als dl machen: dt (mit Datum) floatet links (Breite ist nicht nötig) und dd (mit dem Text) bekommt passenden margin-left in em. Für den IE 6 ist dann noch ein Hack gegen den 3px-Bug nötig.

Wenn es eine ul bleiben soll, ist Zusatz-Markup nötig, das aber sogar sinnvoll ist. Ein Beispiel (der 3px-Hack ist etwas ungewöhnlich, da der IE sehr empfindlich mit Listen ist und es außerdem kaum anders möglich ist, die Listensymbole zu erhalten):

HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html lang="de" xml:lang="de" xmlns="http://www.w3.org/1999/xhtml">

<head>
<title>Test</title>
<style type="text/css">

* {
	margin: 0;
	padding: 0;
	}

ul {
	width: 20em;
	background: #c0c0c0;
	margin: 1em;
	}

li {
	margin-left: 25px;
	padding-left: 6em;
	}

em {
	float: left;
	margin-left: -6em;
	font-style: normal;
	}

* html li {
	text-indent: -3px;
	}

* html em {
	position: relative;
	padding-left: 3px;
	}

</style>
</head>

<body>

<ul>
<li><em>30.05.2009 -</em> wenig Text</li>
<li><em>30.05.2009 -</em> viel Text viel Text viel Text viel Text viel Text viel Text viel Text viel Text</li>
<li><em>30.05.2009 -</em> wenig Text</li>
</ul>

</body>

</html>
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Problem mit dem formatieren einer Liste anhand deren Inhalt mr_arrogant CSS 5 28.02.2008 12:19
unsortierte Liste als dropdown-menu formatieren joseba CSS 3 25.02.2008 20:54
Links in einer Liste formatieren Steakfred CSS 2 26.01.2008 16:49
Ungeordnete Liste, Übertitel formatieren optimfish CSS 16 11.07.2007 11:35
Liste (inline) Umbruch erzeugen Steakfred CSS 3 09.05.2006 13:27


Alle Zeitangaben in WEZ +2. Es ist jetzt 16:36 Uhr.