nicht angemeldet
Hallo,
Ich spiele gerade etwas mit optischen Möglichkeiten herum.
Gerade versuche ich ein Logo ohne Bilder formschön zu bekommen.
Das geht auch soweit mit einer Tabelle und einigem Stylemischmasch.
Doch genau das wollte ich nicht, denn es soll tabellenlos ein
aber dann auch mit sauberem CSS.
Das scheint nicht möglich zu sein.
Entweder ich nutze Blockelemente, dann muss ich diese
aber floaten, was 1. meiner Meinung nach sowieso ein Getrickse
ist(float) und 2. was browserdifferenzen mit sich bringt, es
sei denn man gibt exakt den Doctype an,usw...
Oder ich nutze Span, wobei ich dann allerdings wieder weitere
spans ineinander verschachteln muss, auch nicht gerade schön.
Aber dennoch CSS muss doch in der Lage sein das gleiche Ergeniss
sauber ohne Tricks zu produzieren wie eine Tabelle, oder?
Beispiel:
*Hinweis
Es geht nur ums Prinzip. Das hier IE spezifisches zum Tragen kommt
und Schriftarten vorausgesetzt werden, hat nichts mit meiner Frage zu tun, auch nicht meine unsaubere Codierung . Ist nur eine Testumgebung. ;-)
<table bgcolor="#FFFFFF" style="border:2px solid #000000;margin-bottom:3px;" cellspacing="3" cellpadding="2" border="1" bordercolor="#000000">
<tr>
<td align="center" style="letter-spacing:4px;width:40px;font-weight:bold;font-size:18px;color:#000000;background-color:#FFFFFF;">
|G|</td>
<td style="filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#00009F,endColorStr=#EFEFEF);">
<span style="letter-spacing:4px;font-weight:bold;font-size:14px;color:#FFFFFF;"> G</span>
<span style="padding:0px;margin:0px;font-size:24px;color:#FFFFFF;font-family:webdings;">qq</span>
<span style="letter-spacing:4px;font-weight:bold;font-size:14px;color:#FFFFFF;">gle </span>
</td>
<td bgcolor="#00009F"><span style="font-weight:bold;font-size:11px;color:#DFDFDF;"> inc. </span></td>
</tr>
</table>
Geht das Gleiche in "Schön", "rein CSS" und "wenig Code"?
Gruss Stefan
Struppi