/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Hvordan laves brev med skygge ?
Fra : Jakob Munck


Dato : 10-10-03 07:56

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



 
 
Jakob Munck (10-10-2003)
Kommentar
Fra : Jakob Munck


Dato : 10-10-03 10:13

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



Knud Gert Ellentoft (10-10-2003)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 10-10-03 10:36

"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

Jens Gyldenkærne Cla~ (10-10-2003)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 10-10-03 10:39

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

Lobais (10-10-2003)
Kommentar
Fra : Lobais


Dato : 10-10-03 13:21

<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

Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408849
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste