selfhtml.de - Alles für den Webmaster!

Anzeige: Goneo - Du machst das Web!

Anzeige: united-domains - Die ganze Welt der Domains

Text an Kreisbogen ausrichten (was: Text und Grafik in Kreis einpassen?)

Autor: gaby [Beiträge: 5701]
Datum: 10.08.2010 10:09:05

> Schon mal Danke Gaby

bitte sehr! :-)

> (auch wenn ich noch nicht so ganz verstehe, wie das funktioniert).


Lies dir mal durch, wie 'float' funktioniert:

http://de.selfhtml.org/css/eigenschaften/positionierung.htm#float

Der Text, der neben den gefloateten Boxen steht, fließt exakt an ihnen vorbei.

http://gaby77.ga.funpic.de/web/demos/text-ausrichtung/text_an_bogen/dat-0.html

im Stylesheet:
box {Höhe: zb 10px, clear, float, border} -->(mit passenden Werten)

Die unterschiedlichen Breiten der Float-Boxen kannst du als Inline-Styles im HTML-Teil vergeben.

Dann positionierst du die Bogen-Grafik absolut darüber, und passt Höhe und Breite der Float-Boxen so an, daß sie in etwa die Kontur der Grafik nachzeichnen. Je niedriger die Float-Boxen sind, desto besser.
Andernfalls hast du "Treppenstufen" im Textverlauf.

http://gaby77.ga.funpic.de/web/demos/text-ausrichtung/text_an_bogen/20-23.png

> Es hört sich erstmal nach jeder Menge Arbeit an.

Etwas aufwendig ist es ja auch.

> Komm ich da nicht irgendwie vorbei ;-)?

Nicht, wenn du den Text entlang der Kreiskontur ausrichten möchtest.


Grüße
gaby

Antwort schreiben

Username:	Usernamen registrieren
Passwort:	Passwort vergessen?
Thema:
	Bitte benutze für deinen Beitrag die Groß-/Kleinschreibung!
Beitrag:	> > Schon mal Danke Gaby > > bitte sehr! :-) > > > (auch wenn ich noch nicht so ganz verstehe, wie > das funktioniert). > > > Lies dir mal durch, wie 'float' funktioniert: > > > http://de.selfhtml.org/css/eigenschaften/positionierung.htm#float > > Der Text, der neben den gefloateten Boxen steht, > fließt exakt an ihnen vorbei. > > > http://gaby77.ga.funpic.de/web/demos/text-ausrichtung/text_an_bogen/dat-0.html > > im Stylesheet: > box {Höhe: zb 10px, clear, float, border} -->(mit > passenden Werten) > > Die unterschiedlichen Breiten der Float-Boxen > kannst du als Inline-Styles im HTML-Teil > vergeben. > > Dann positionierst du die Bogen-Grafik absolut > darüber, und passt Höhe und Breite der > Float-Boxen so an, daß sie in etwa die Kontur der > Grafik nachzeichnen. Je niedriger die Float-Boxen > sind, desto besser. > Andernfalls hast du "Treppenstufen" im > Textverlauf. > > > http://gaby77.ga.funpic.de/web/demos/text-ausrichtung/text_an_bogen/20-23.png > > > Es hört sich erstmal nach jeder Menge Arbeit > an. > > Etwas aufwendig ist es ja auch. > > > Komm ich da nicht irgendwie vorbei ;-)? > > Nicht, wenn du den Text entlang der Kreiskontur > ausrichten möchtest. > > > Grüße > gaby
Link (URL):
Titel für Link:
Grafik (URL):
	Die Breite der Grafik darf 468 Pixel nicht überschreiten.

E-Mail-Benachrichtigung:

wenn auf einen Beitrag zu diesem Thema geantwortet wird
nur wenn auf meinen eigenen Beitrag geantwortet wird
nie

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

Wie 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...