Frage zu CSS

Übersicht

Sonstiges

Smalltalk

	pirahni Betreff: Frage zu CSS	Mo, Jun 08, 2009 14:40 Antworten mit Zitat
Hallo, ich fange gerade mit ersten Gehversuchen in CSS an. Und da habe ich eine frage... Kann man einen bestimmten HTML Befehl vor einem anderem bestimmten HTML befehl machen? also ich meine, wenn man einen Link hat, davor einfach einen Pfeil machen über CSS? Also statt man eingeben muss <a href="sowieso"><img src="pfeil">blabla</a> Mann nur <a href="sowieso">blabla</a> schreiben muss und der Pfeil kommt automatisch? Hoffe ihr versteht was ich meine...

pirahni

Betreff: Frage zu CSS

Mo, Jun 08, 2009 14:40
Antworten mit Zitat

Hallo, ich fange gerade mit ersten Gehversuchen in CSS an. Und da habe ich eine frage... Kann man einen bestimmten HTML Befehl vor einem anderem bestimmten HTML befehl machen? also ich meine, wenn man einen Link hat, davor einfach einen Pfeil machen über CSS?

Also statt man eingeben muss
<a href="sowieso"><img src="pfeil">blabla</a>

Mann nur
<a href="sowieso">blabla</a>
schreiben muss und der Pfeil kommt automatisch?

Hoffe ihr versteht was ich meine...

	n-Halbleiter	Mo, Jun 08, 2009 14:48 Antworten mit Zitat
Ich bin mir nicht sicher, ob diese Formatierung funktionieren würde, Ich habe es nicht probiert... Aber Ich würde sagen, du kannst ja mal das ausprobieren: Code: [AUSKLAPPEN] [EINKLAPPEN] a.klassenname { text-indent:[X]; background-image:url(Bild); background-repeat:no-repeat; } X sollte die Breite des Bildes sein. Was macht dieser Code (wenn er denn funktioniert)? Text-indent sagt, dass der Text um soundso viel nach rechts gerückt wird. Hintergrundbild sollte klar sein, in Kombination mit background-repeat wird es eben nur einmal angezeigt.
mfg, Calvin Maschine: Intel Core2 Duo E6750, 4GB DDR2-Ram, ATI Radeon HD4850, Win 7 x64 und Ubuntu 12.04 64-Bit Ploing! Blog "Die Seele einer jeden Ordnung ist ein großer Papierkorb." - Kurt Tucholsky (09.01.1890 - 21.12.1935)

n-Halbleiter

Mo, Jun 08, 2009 14:48
Antworten mit Zitat

Ich bin mir nicht sicher, ob diese Formatierung funktionieren würde, Ich habe es nicht probiert... Aber Ich würde sagen, du kannst ja mal das ausprobieren:
Code: [AUSKLAPPEN]

a.klassenname { text-indent:[X]; background-image:url(Bild); background-repeat:no-repeat; }

X sollte die Breite des Bildes sein.

Was macht dieser Code (wenn er denn funktioniert)? Text-indent sagt, dass der Text um soundso viel nach rechts gerückt wird. Hintergrundbild sollte klar sein, in Kombination mit background-repeat wird es eben nur einmal angezeigt.

mfg, Calvin
Maschine: Intel Core2 Duo E6750, 4GB DDR2-Ram, ATI Radeon HD4850, Win 7 x64 und Ubuntu 12.04 64-Bit
Ploing!
Blog
"Die Seele einer jeden Ordnung ist ein großer Papierkorb." - Kurt Tucholsky (09.01.1890 - 21.12.1935)

Zuletzt bearbeitet von n-Halbleiter am Mo, Jun 08, 2009 14:51, insgesamt 2-mal bearbeitet

	Smily	Mo, Jun 08, 2009 14:48 Antworten mit Zitat
mit css kann man in den meisten anwendungsfällen auf <img> verzichten: du könntest den a-tag um ein paar px einrücken und eine hintergrundgrafik mit no-repeat festlegen. Grüße, Smily
Lesestoff: gegen Softwarepatente \| Netzzensur \| brain.exe \| Unabhängigkeitserklärung des Internets "Wir müssen die Rechte der Andersdenkenden selbst dann beachten, wenn sie Idioten oder schädlich sind. Wir müssen aufpassen. Wachsamkeit ist der Preis der Freiheit --- Keine Zensur!" stummi.org

Smily

Mo, Jun 08, 2009 14:48
Antworten mit Zitat

mit css kann man in den meisten anwendungsfällen auf <img> verzichten:

du könntest den a-tag um ein paar px einrücken und eine hintergrundgrafik mit no-repeat festlegen.

Grüße,
Smily

Lesestoff:
gegen Softwarepatente | Netzzensur | brain.exe | Unabhängigkeitserklärung des Internets

"Wir müssen die Rechte der Andersdenkenden selbst dann beachten, wenn sie Idioten oder schädlich sind. Wir müssen aufpassen. Wachsamkeit ist der Preis der Freiheit --- Keine Zensur!"
stummi.org

	#Reaper Newsposter	Mo, Jun 08, 2009 14:54 Antworten mit Zitat
Schau dir mal das an: http://www.css4you.de/content.html Genau das was du suchst. Nur du darst mal raten, welcher Browser das nicht unterstützt... (Ok, kA was die neuste Version angeht...)
AMD Athlon 64 3500+, ATI AX800 Pro/TD, 2048 MB DRR 400 von Infineon, ♥RIP♥ (2005 - Juli 2015 -> sic!) Blitz3D, BlitzMax, MaxGUI, Monkey X; Win7

#Reaper

Newsposter

Mo, Jun 08, 2009 14:54
Antworten mit Zitat

Schau dir mal das an:
http://www.css4you.de/content.html
Genau das was du suchst.
Nur du darst mal raten, welcher Browser das nicht unterstützt... Wink

(Ok, kA was die neuste Version angeht...)

AMD Athlon 64 3500+, ATI AX800 Pro/TD, 2048 MB DRR 400 von Infineon, ♥RIP♥ (2005 - Juli 2015 -> sic!)
Blitz3D, BlitzMax, MaxGUI, Monkey X; Win7