Autor |
Nachricht |
aight
Threadersteller
Dabei seit: 26.09.2003
Ort: Berlin
Alter: 38
Geschlecht:
|
Verfasst Di 13.06.2006 21:16
Titel [CSS] Text-Shadow |
|
|
Da die "Text-Shadow" möglichkeit in CSS leider ja nur im Safari funktioniert und folgendes Script nicht ganz dem entspricht was ich mir vorstelle bin ich weiter auf der Suche nach einer guten Lösung.
Lösung wäre:
Code: |
CSS:
body { font-family: Arial, Helvetica, sans-serif; }
h1 {
position: relative;
left: 1px;
top: 1px;
color: #E2E6D7;
font-size: 20px;
}
.topic {
position: absolute;
left: -1px;
top: -1px;
color: #7A7C66;
font-size: 20px;
}
HTML:
<h1>Headline<span class="topic">Headline</span></h1>
|
Das Problem hierdran ist jedoch das man jedes Wort das mit Schatten versehen werden soll 2 mal im Code angeben werden muss. Kennt jemand eine bessere Möglichkeit die auch in allen Browsern funktioniert?
|
|
|
|
|
mahzell
Dabei seit: 16.06.2003
Ort: bochum
Alter: 43
Geschlecht:
|
|
|
|
|
Anzeige
|
|
|
aight
Threadersteller
Dabei seit: 26.09.2003
Ort: Berlin
Alter: 38
Geschlecht:
|
Verfasst Di 13.06.2006 23:31
Titel
|
|
|
Gute Idee und danke. Funktioniert nur leider nicht im Internetexplorer. Denke mal das es an dem :before liegt.
Jemand ne Idee oder ne andere Möglichkeit?
Hier noch der Link, hatte ich eben vergessen: http://www.aight.name/test/shadow.html
Zuletzt bearbeitet von aight am Mi 14.06.2006 08:59, insgesamt 1-mal bearbeitet
|
|
|
|
|
aight
Threadersteller
Dabei seit: 26.09.2003
Ort: Berlin
Alter: 38
Geschlecht:
|
Verfasst Mi 14.06.2006 17:18
Titel
|
|
|
hat niemand sonst ne idee?
|
|
|
|
|
big-deaddy
Dabei seit: 25.05.2006
Ort: Twistringen
Alter: 39
Geschlecht:
|
Verfasst Do 15.06.2006 12:11
Titel
|
|
|
also ich finde deine idee mit den doppeltem text schon recht gut.
ich hätte vielleicht noch nen ansatz für ne idee, abba weiß überhaupt net ob des funktionieren kann weil ich es noch nie probiert habe, abba ich mach einfach erstma meinen vorschlag:
wenn du eine XML-fähige seite hast, kannst du dann den text nich theoretisch von einer externen textdatei auslesen lassen? also worauf ich hinaus will is folgendes: du erstellst in einer externen datei einen text und verlinkst dann halt eben nur 2 mal auf diese datei, so bräuchtest du nur einmal nen text ändern. ich weiss net ob dich die idee weiterbringt und des was für dich wäre.
ne andere alternative wäre eine seite in flash, da könntest per AS nen verweis machen, sodass du einmal den text eingibst und durch deine "doppelt-hält-besser"-methode der dann für beide textefelder übernommen wird. da wäre es auch mit einer externen datei möglich.
hoffe dia ne anregung geliefert zu haben.
liebe grüße, marcel
|
|
|
|
|
aight
Threadersteller
Dabei seit: 26.09.2003
Ort: Berlin
Alter: 38
Geschlecht:
|
Verfasst Do 15.06.2006 13:21
Titel
|
|
|
die ideen bringen mich nicht ganz weiter. alles komplizierte lösungen. es wäre auch mit js möglich. damit könnte man den text einfach nochmal duplizieren und verschieben lassen. habe jedoch keine ahnung davon.. Falls jemand weiß wie man es bewerkstelligen könnte freue ich mich auf Hilfe.
|
|
|
|
|
|
|
|
Ähnliche Themen |
Text Shadow im IE
text shadow - Problem
Box-shadow in Opera
Schriften gelöscht - Excel/Word Text Text nicht angezeigt
Indesign Text vektorisieren oder Text einbetten
Dreamwaever MX 2004 7.0.1: Text als Text einfügen
|
|