schlagschatten u. ausrichtung

nüchtern · 29.07.2003, 12:41

ein schönen guten tag

ich habe mit css so meine probleme. vielleicht kennt ja von euch jemand eine lösung!
1. bekommt man einen schlagschatten für eine ganznormale schrift mit css hin? wenn nicht geht es auch anders?
2. kann eine tabelle in einem html-dokument in der mitte mit css ausgerichtet werden? meine versuche sind kläglich gescheitert

wäre über eure hilfe sehr dankbar

prefix · 29.07.2003, 12:45

hi!

dazu folgende fragen:

zu 1: jein, wird zurzeit noch von keinem browser (soweit mir bekannt ist), dargestellt!

beispiel - teste mal mit div. browsern

allerdings kann man sich eines tricks in css bedienen, der einen ähnlichen effekt hat -> stichwort z-index

zu 2: sicher doch - kommt darauf an, wie du sie definiert hast! in pixel oder in % (breite)?

prefix · 29.07.2003, 12:54

noch kurz zum schatten: hab dir da mal mit dem "trick" *hehe* ein kleines beispiel gebastelt, dass du hier siehst.

ganz einfach 2 container mit unterschiedlichem z-index und leichtem verschub, hier der code:

Zitat:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
body {
font-family: Arial, Helvetica, sans-serif;
margin: 0;
}

#schrift1 {
position: absolute;
left: 50px;
top: 50px;
z-index: 1;
color: Gray;
font-size: 400%;
}

#schrift2 {
position: absolute;
left: 47px;
top: 47px;
z-index: 2;
color: red;
font-size: 400%;
}
</style>
</head>

<body>
<div id="schrift1">Ich bin Text</div>
<div id="schrift2">Ich bin Text</div>
</body>
</html>

nüchtern · 29.07.2003, 13:25

heho, danke für deine mühen. sorry das ich erst jetzt antworte aber ich war zu tisch.

dein erstes beispiel "Ich bin Text mit Schatten, oder? der?" hat bei mir nicht funktioniert. aber bei deinem zweitem "Ich bin Text" bekommt man es auch noch hin den schatten etwas verwüscht aussehen zu lassen. das die spitzen kanten verschwinden?

zu 2. ich habe siein pixel definiert.
ist der css-selktor tabel dafür zuständig?

prefix · 29.07.2003, 13:30

na, beispiel 1 funktioniert ja auch nicht, obwohl es lt. css-spezifikation definiert ist -> hab grad darüber einen eintrag dazu gebloggt - dort findest du weitere quellen.

zum beispiel, das ok ist: den text zu verwischen schafft man an sich nicht, man kann max. die opacity-eigenschaft (nur im ie darstellbar) in kombination mit einer schriftvergrößerung benutzen. ansonsten bleibt da leider nur, dass du eine grafik verwendest!

achte darauf, dass ich im beispiel absolut positionierte container verwendet habe!

was den dreamweaver betrifft: füg einen neuen stil hinzu, dort kannst das alles definieren (box und positionierung).

ich schieb den thread doch wieder zurück ins dw board

nüchtern · 29.07.2003, 14:15

ich möchte erstmal ein groß lob aussprechen, das forum ist wirklich super. ein großes danke schön an die moderatoren und besonders perfix für die zahlreichen antworten. vor euch ziehe ich den hut ;o) macht weiter so

alles habe ich nicht verstanden. was ist ein absolut positionierte container ?

prefix · 29.07.2003, 14:16

<ironie>hehe, und wenn du meinen nick noch einmal falsch schreibst, dann hol ich dich

</ironie>

im ernst: danke, das ist wirklich nett von dir

nüchtern · 29.07.2003, 14:36

oh sorry das war nicht mit absicht prefix.
ich werde mal bissel rum probieren... werde mich nochmal dazu melden ob es bei mir funktioniert hat.
vielen dank