---

Jeg laver en site, hvor brugerne skal sende interne breve til hinanden. Til
det formål skal de skrive i en formular. Men jeg vil gerne have at brevet
vises med en skyggevirkning, og det har jeg så forsøgt at lave i en tabel.
Men uden at det rigtig er lykkedes. Se her:

www.forfatterkvarteret.dk/brev.htm

Jeg har forsøgt at få de små transparente felter regulet i størrelse v.hj.a.
en transparent .gif-fil, men stadig virker det ikke rigtigt. Skyggen er ikke
høj nok i højre side og den er for smal nederst.

Her er min kode:

<table width="400" border="0" align="center" cellpadding="10"
cellspacing="0" bgcolor="ffffff">
<TR>
<TD colspan="2" rowspan="2" align="top">
Her skriver jeg mit brev<br>
Her skriver jeg mit brev<br>
Her skriver jeg mit brev<br>
Her skriver jeg mit brev
</TD>

<TD bgcolor="FEFFEB">
<img src="pixel.gif" height="5" width="5">
</TD>
</TR>
<TR>

<TD bgcolor="c0c0c0"></TD>
</TR>
<TR>
<TD bgcolor="FEFFEB">
<img src="pixel.gif" height="5" width="5">
</TD>
<TD bgcolor="c0c0c0"></TD>
<TD bgcolor="c0c0c0"></TD>
</TR>
</TABLE>

Kan nogen give mig et par gode råd om hvordan jeg får det til at se rigtigt
ud?

v.h.
Jakob Munck

---

Jeg ser at det er meget lettere at lave denne skyggevirkning v.hj.a. CSS, og
det har jeg gjort således:

#box
{
width:350px;
height:1px;
padding:1em;
border:1px solid rgb(0,0,0);
background:rgb(1000,1000,1000);
color:rgb(255,255,255);
font: bold 1.5em arial,sans-serif;
filter: progid:DXImageTransform.Microsoft.dropShadow(
Color=CCCCCC,offX=8,offY=8,positive=true);
}

Men denne box har har venstre-alignment. Hvordan får jeg den placeret på
midten af siden. Hvad er CSS-koden for det?

v.h.
Jakob Munck

---

"Jakob Munck" <j.munck@tdcadsl.dk> skrev :

>Jeg ser at det er meget lettere at lave denne skyggevirkning v.hj.a. CSS, og
>det har jeg gjort således:

> filter: progid:DXImageTransform.Microsoft.dropShadow(
>Color=CCCCCC,offX=8,offY=8,positive=true);
> }

Vil ikke virke, det er ikke standard css.

Nå jo, i IE, men ikke i andre browsere.

>Men denne box har har venstre-alignment. Hvordan får jeg den placeret på
>midten af siden. Hvad er CSS-koden for det?

Hvis du bruger en doctype, der sætter IE i standardmode ved at
sætte margin-left: 0 og margin-right: 0.

Hvis du vil have ældre browsere med, så kig på
http://bluerobot.com/web/css/center1.html.
--
Knud

---

Jakob Munck skrev:

> filter: progid:DXImageTransform.Microsoft.dropShadow(
> Color=CCCCCC,offX=8,offY=8,positive=true);

Virker kun i IE.


> Men denne box har har venstre-alignment. Hvordan får jeg den
> placeret på midten af siden. Hvad er CSS-koden for det?

I nyere browsere er det nok at tilføje margin: auto; (husk at
benytte en standardsættende doctype). Hvis du vil have IE5.5 og
tidligere med, skal du benytte et hack der sætter text-align:
center på en omgivende boks (husk at annullere den med en passende
text-align inden i #box hvis du ikke vil have centreret teksten).

Du kan se metoden på html-faq.dk
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

---

<snip>en masse tabel værk</snip>
Isteddet for hele den tabel kan du nøjes med to divs.
I din kode vil det ikke fylde mere end:
<div id="brev">noget</div>
<div id="skygge"></div>

I din CSS skal du så have noget med en negativ margin left og top.

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials