selfhtml.de - Alles für den Webmaster!

 

Empfehlung:

wix.com

Kostenlose Homepage

Besuchen Sie auch:

Jobs:

Problem mit first-letter und justify (was:Re: Problem mit text-transform)

Autor: gaby [Beiträge: 6016]
Datum: 26.10.2013 19:37:17

> Hast du es mal mit display:table-cell für li und
> display:table für ul probiert? Bei mir klappt es
> so. :-)


moin ;-)

Danke für deinen Vorschlag, und ja, das hatte ich schon probiert. ;-)
Dabei werden zwar die Initialen groß geschrieben, wenn ich zusätzlich noch das A-Element zu einem Block-Element mache, aber die Links werden nicht gleichmäßig über die vorhandene Breite verteilt.
'table-cell' berechnet das padding immer analog zur Länge des jeweiligen Linktextes. Das wird deutlich, wenn man sehr unterschiedlich lange Linktexte verwendet, zb so:

(JS wg Werbung deaktivieren)
http://gaby77.ga.funpic.de/forum/fr/first-letter/dat-2.html


> Für was ist denn das padding-right:95% bei
> li.last und warum soll das nur 1px x 1px gross
> sein? Ist das so ein Dummy-li? ;-)

Ja, das ist ein Dummy-LI. ;-)
'text-align: justify' erzeugt ja einen Blocksatz; nur eben nicht bei der letzten Zeile.
Wenn man also nur eine einzige Zeile hat, deren Elemente man gleichmäßig verteilen möchte, hat man Pech gehabt. ;-)
Alternativ kann man dafür sorgen, daß noch eine zweite Zeile entsteht. Das erreiche ich mit diesem "Dummy-LI", und durch das große padding (ich hätte auch 99% als Wert geben können), bin ich sicher, daß für diesen Dummy-LI auch tatsächlich eine neue Zeile angefangen wird.
Somit stehen meine Links dann nicht mehr in der letzten Zeile, und 'text-align: justify' findet Anwendung.

(JS wg Werbung deaktivieren)
http://gaby77.ga.funpic.de/forum/fr/first-letter/dat-0.html

Problem ist jetzt nur die ungewollte Kleinschreibung.
*soifz*  


Grüße
gaby


Beiträge

Antwort schreiben

Username: Usernamen registrieren
Passwort: Passwort vergessen?
Thema:
  Bitte benutze für deinen Beitrag die Groß-/Kleinschreibung!
Beitrag:
Link (URL):
Titel für Link:
Grafik (URL):
  Die Breite der Grafik darf 468 Pixel nicht überschreiten.
 
E-Mail-Benachrichtigung:



Zum Abschicken deines Beitrags bitte die Schaltfläche "Abschicken" nur einmal anklicken und warten. Der Server braucht manchmal einige Zeit, bis er den Beitrag in die Datenbank übernommen hat. Wenn du die Schaltfläche mehrmals drückst, erscheint dein Beitrag auch mehrmals im Forum.

Bewerten Sie Ihren Webhosting-Provider

Webhosting Provider bewerten und Apple iPad gewinnenWie zufrieden sind Sie mit Ihrem Webhosting-Provider? Gibt es Probleme beim Service, mit der Performance oder der Abrechnung?

Teilen Sie jetzt Ihre Erfahrungen mit anderen Webmastern und schreiben Sie eine Provider-Bewertung. Mit etwas Glück können Sie ein Apple iPad gewinnen!

Weitere Informationen und Teilnahme...