/ 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
z-index
Fra : Michael Arildsen


Dato : 30-11-03 00:56

Hej

http://testcenter_nord.tripod.com/test.html

Jeg kan ikke få z-index til at virke på følgende kode. Logo'et
skulle ligge oppe til venstre på det store billede.

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da">

<head>
<title>test</title>
</head>

<body>

<table cellpadding="0" cellspacing="0" border="1">
<tr><td height="200" width="200">

<img style="position:relative; top:0px; left:0px; z-index:1;"
src="kontakt.jpg" height="200" width="200" alt="Web-Tech" />

<img style="position:relative; top:5px; left:5px; z-index:2;"
src="logo.gif" height="25" width="125" alt="Web-Tech" />

</td></tr></table>
</body></html>

Nogen der kan gennemskue problemet???

Mvh. Michael Arildsen



--
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

 
 
Knud Gert Ellentoft (30-11-2003)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 30-11-03 01:18

Michael Arildsen <f.arildsen@email.dk> skrev :

>Nogen der kan gennemskue problemet?

Du er vidst nødt til at bruge positition: absolute i stedet for
relative.

Med relative vil det blive positioneret i forhold til det tidlige
element.
--
Knud

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


Dato : 30-11-03 01:22

Michael Arildsen skrev:

> http://testcenter_nord.tripod.com/test.html
>
> Jeg kan ikke få z-index til at virke på følgende kode. Logo'et
> skulle ligge oppe til venstre på det store billede.

Start med at validere din kode. Der er nok at tage fat på. Du har
erklæret din kode som XHTML 1.0 Strict, men indholdet ligner mere
HTML 4.01 transitional.


> <?xml version="1.0" encoding="iso-8859-1"?>

Hvis du vil skrive XHTML, kan det anbefales at undlade xml-
erklæringen. Ellers sætter du IE og visse Opera-udgaver i quirks
mode, mens Mozilla og nyere Opera-udgaver går i standardmode.

Se evt. tabellen på siden her:
<http://www.hut.fi/~hsivonen/doctype.html>

NB: Jeg har kun kigget på dit onlineeksempel. Det ser ud til at
være noget forskelligt fra det du har sendt til gruppen her. Det er
fint nok at give et link til siden.
--
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

Knud Gert Ellentoft (30-11-2003)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 30-11-03 01:54

Jens Gyldenkærne Clausen <jens@gyros.invalid> skrev :

>NB: Jeg har kun kigget på dit onlineeksempel. Det ser ud til at
>være noget forskelligt fra det du har sendt til gruppen her. Det er
>fint nok at give et link til siden.

Det er vel al tripodsnasket, der gør det?
--
Knud

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


Dato : 30-11-03 02:10

Knud Gert Ellentoft skrev:

> Det er vel al tripodsnasket, der gør det?

Muligvis - men det burde man IMO alligevel tage konsekvensen af -
og nedgradere til HTML 4.01 transitional. En browser kan jo ikke se
forskel på hvilken kode der indsættes af Tripod og hvilken kode der
ligger i kildefilen.

Jeg har også en mistanke om at det er på grund af doctypen (der
sætter standardmode i Mozilla) at jeg får et halvt javascript
udskrevet på siden:


468 ) sWidth= parseInt(sWidth/2) - 234; else sWidth= 0; sX(adRef,
sWidth); sY(adRef, sHeight); sE(adRef); } window.onload = new
Function("showAd('FooterAd_603');"); if(!displayAd())
document.write("-" + "->"); //-->
--
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

Michael Arildsen (30-11-2003)
Kommentar
Fra : Michael Arildsen


Dato : 30-11-03 02:52

Jens GyldenkærneClausen skrev:

> Start med at validere din kode. Der er nok at tage fat på. Du har
> erklæret din kode som XHTML 1.0 Strict, men indholdet ligner mere
> HTML 4.01 transitional.

Koden er ændret og valideret......Men ligner HTML4.01 og XHTML1.0
ikke også hinanden eller har jeg misforstået noget?


> Hvis du vil skrive XHTML, kan det anbefales at undlade xml-
> erklæringen. Ellers sætter du IE og visse Opera-udgaver i quirks
> mode, mens Mozilla og nyere Opera-udgaver går i standardmode.

Ok, tak for oplysningen.Det var jeg ikke klar over.....men er det nu


> NB: Jeg har kun kigget på dit onlineeksempel. Det ser ud til at
> være noget forskelligt fra det du har sendt til gruppen her. Det
er
> fint nok at give et link til siden.

Det er vist noget tripod tingeltangel reklame

Ny kode:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/transitional.dtd">
<html>
<head>
<title>test</title>
<meta http-equiv="content-type" content="text/html;
charset=iso-8859-1" />
</head>

<body>
<div style="text-align:center">
<div style="text-align:left;width:80%; border-left:#000000 1px
solid; border-right:#000000 1px solid;border-top:#000000 1px
solid;border-bottom:#000000 1px solid;">

<table cellpadding="0" cellspacing="0" border="0">
<tr><td style="height:200px;width:200px;">

<img style="position:relative top:0px; left:0px; z-index:1;"
src="kontakt.jpg" height="200" width="200" alt="Web-Tech" />

<img style="position:absolute; top:40px; left:115px; z-index:2;"
src="logo.gif" height="25" width="125" alt="Web-Tech" />

</td></tr>
</table>

<p>
<a href="http://validator.w3.org/check/referer">
src="
http://www.w3.org/Icons/valid-xhtml10"
alt="Valid XHTML 1.0!" height="31" width="88" /></a>
</p>

</div></div>

</body></html>

Nu ligger logoet rigtigt, ihvertfald på min skærm (1024x768 -
IE6.0), men hvis jeg trækker browservinduet sammen følger logoet
ikke med.
Kan man undgå dette?

mvh. Michael Arildsen




--
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

Michael Arildsen (30-11-2003)
Kommentar
Fra : Michael Arildsen


Dato : 30-11-03 03:24

Undskyld besværet, men jeg har igen ændret koden, så nu ser de vist ens
ud i både IE6.0 og Mozilla1.5 (hvis da det tripod java ikke forvirrer
mozilla)
ellers finder jeg lige etnyt webhotel.

Ny kode:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/transitional.dtd">
<html>
<head>
<title>test</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"
/>
</head>

<body style="margin:10% 10% 0px;">
<div >
<div style="width:80%; border-left:#000000 1px solid;
border-right:#000000 1px solid;border-top:#000000 1px
solid;border-bottom:#000000 1px solid;">

<table cellpadding="0" cellspacing="0" border="0">
<tr><td style="height:200px;width:200px;">

<img style="position:relative top:0px; left:0px; z-index:1;"
src="kontakt.jpg" height="200" width="200" alt="Web-Tech" />

<img style="position:absolute; top:130px; left:115px; z-index:2;"
src="logo.gif" height="25" width="125" alt="Web-Tech" />

</td></tr>
</table>

<p>
<a href="http://validator.w3.org/check/referer">
src="
http://www.w3.org/Icons/valid-xhtml10"
alt="Valid XHTML 1.0!" height="31" width="88" /></a>
</p>

</div></div>

</body></html>

Samme problemstilling.

Mvh. Michael Arildsen

--
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

Christian (30-11-2003)
Kommentar
Fra : Christian


Dato : 30-11-03 09:48

Michael Arildsen wrote in dk.edb.internet.webdesign.html:
> Undskyld besværet, men jeg har igen ændret koden, så nu ser de vist ens
> ud i både IE6.0 og Mozilla1.5 (hvis da det tripod java ikke forvirrer
> mozilla)
> ellers finder jeg lige etnyt webhotel.
>


Prøv geocities, jeg havde også valgt tripod i starten, men de kan bare
ikke lade vær med at reklamere for dem selv. Prøv frac.dk eller
geocities.com

--
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

Lise Hougaard (30-11-2003)
Kommentar
Fra : Lise Hougaard


Dato : 30-11-03 21:49


> > ellers finder jeg lige etnyt webhotel.
> Prøv geocities, jeg havde også valgt tripod i starten, men de kan bare
> ikke lade vær med at reklamere for dem selv. Prøv frac.dk eller
> geocities.com
>
Eller www.1go.dk - de har et rigtig godt supportforum og er reklamefri.

Mvh. Lise Hougaard

--
Ved direkte henvendelse: Erstat .invalid med .dk
Jo mere man ved desto mere ved man, at man ikke ved.
Hilsen den Uvidende



Søg
Reklame
Statistik
Spørgsmål : 177559
Tips : 31968
Nyheder : 719565
Indlæg : 6408938
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste