Jeg har lagt billede og tekst på min side med absolute position
og z-index.
Jeg har brugt z-index: 1; til billedet og lagt teksten [Enter]
ovenpå billedet med z-index: 2;
Teksten [Enter] er brugt som tekst-link til main.htm siden.
Hvordan undgår jeg IE´s irriterende lille "Save this
image"-toolbar, der kommer frem når musen holdes over billedet?
****Sådan ser min xhtml ud:*******
<?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>Sidens titel</title>
<link rel="stylesheet" type="text/css" href="styleintro.css">
</head>
<body>
<div id="logo">
<img src="pics/billede.jpg" alt="Tryk på [Enter] for at komme
videre...">
</div>
<p>
<a href="main.htm">[Enter]</a>
</p>
</body>
</html>
****Sådan her ser min styleintro.css ud:*********
body {
background-color: "#BDB9AE";
}
p {
font-family: verdana, arial, sans-serif;
font-size: 11px;
position: absolute;
left: 450px;
top: 370px;
z-index: 2;
}
a {
text-decoration: none;
}
a:link {
color: black;
}
a:visited {
color: black;
}
a:active {
color: black;
}
a:hover {
color: black;
}
#logo {
position: absolute;
left: 300px;
top: 50px;
z-index: 1;
}
--
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