html - Baggrunds reklame - Udvikleren.dk - Programmering, webdesign og grafik

Tags: html css

Bruger #6080 @ 14.11.08 18:44

Hej folkens,

Jeg har et lille/stort problem, som jeg er jogget fast i..

Jeg vil gerne have en baggrunds reklame på min side, har prøvet to ting den ene var at lave et div med z-index: -1, men så virker onClick ikke

Den anden er dette:

HTML:

HTML kode

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
   <head>
 
     <title>Forsiden - Baggrunds reklame</title>
 
     <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 
     <link rel="stylesheet" type="text/css" href="css/style.css" />
 
     <script type="text/javascript">
 
       function popup() {
         window.open('http://www.udvikleren.dk/');
       }
 
     </script>
 
   </head>
 
   <body onclick="popup()">
 
     <div class="design_markup"></div>
 
   </body>
 
 </html>

CSS:

CSS kode

 html, body {
         height: 100%;    
 }
 
 body {
         background-image: url(bgads.gif);
         margin: 0px 0px 0px 0px;
 }
 
 .design_markup {
         width: 781px;
         min-height: 100%;
         text-align: left;
         top: 10px;
         margin: 0 auto;
         background-image: url(back_top.gif);
         background-repeat: repeat-y;
 }

Men nu åbner den også linket hvis man trykker på mit content..

Hvordan gør jeg det smartest? Vil helst undgå tables, hvis det er muligt, og indholdet skal være i midten.

Indlæg senest redigeret d. 14.11.2008 19:05 af Bruger #6080

1 svar postet i denne tråd vises herunder
0 indlæg har modtaget i alt 0 karma

Sorter efter stemmer Sorter efter dato

Bruger #11506 @ 17.11.08 21:35

190

Du kan prøve at style på selve a-tag med CSS. dvs at du har et span som du koder om til en divblok via absolute og display block. Det eneste problem er at for at det skal virke 100% skal du have noget relative at stå i. Den har jeg ikke lige kunne lave, måske kan du selv fixe det? fx ved ikke at bruge background img, Jeg har testet scriptet i FF, IE, S, men ikke i ældre versioner fx IE6.

Kode

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
	margin: 0px;
	padding: 0px;
	height: 100%;
}
div#container {
	position: absolute;
	height: 100%;
	width: 100%;
	display: block;
	z-index: 3;
}
a span#back {
	width:100%;
	height:100%;
	z-index:4;
	background: url(bck.jpg);
	display: block;
	position: absolute;
	cursor: pointer;
}
div#commercial {
	height: 600px;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	background: #0033FF;
	z-index: 5;
}
-->
</style>
</head>

<body>
<div id="container">
<a href="http://www.udvikleren.dk"><span id="back"></span></a><div id="commercial"></div></div>
</body>
</html>

Baggrunds reklame

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler