Notifikationer

Markér alle som læst Log ud

Slettet bruger

11. juni 2006 - 15:14 Der er 43 kommentarer og
2 løsninger

Banner visning i div

Jeg har en side der er bygget op i tabeller og hele siden har en bredde på 800 og er centreret, jeg har så placeret et 120x600 banner i højre side i en div, denne div er placeret absolut.
Det resultere i at den laver en div over hele siden (gennemsigtig div) for så at vise banner i siden.

Det virker sådan set også fint nok, men de steder hvor div'en er over et link eller en input der er det ikke muligt at aktivere link/input. (links virker i IE, men intet virker i Opera)

Her er et link til min side, så er det lidt nemmere at se hvad jeg vil have den til og hvad den gør.

http://www.gizmo-hunter.dk/?pa=login&user=test

Husk at logge ind for at se det:
Brugernavn: test
Ingen kode/tomt felt

Synes godt om

mclemens Nybegynder

11. juni 2006 - 18:04 #1

Links virker ikke i min IE 6.0 ? Input virker i min IE men ikke i FF det er fordi at input's altid er højere oppe i laggene end absolute placerede objecter... Løsningen på dine links er at positionere den med absolute; eller evt. z-index:300; noget indhold op over layeret hvis absolute ikke sparker nok igennem... det gør dog at layeret ryger ned under indholdet der ryger op over link box'en f.eks.:

java script:document.getElementsByTagName("table")[0].style.position="absolute";void(0);

^ Indsæt i adresselinjen og enter når du er på siden

og den tilsvarende css rettelse:
.mainpage {
position:absolute;
width: 800;
background-color: #D85050;
}

- lægger lige svar samtidig hvis det nu hjælper :)

Synes godt om

mclemens Nybegynder

11. juni 2006 - 18:14 #2

måske skal du også definere left og top?

.mainpage {
position:absolute;left:0px;top:0px;
width: 800;
background-color: #D85050;
}

...

java script:tn=document.getElementsByTagName("table")[0];tn.style.position="absolute";tn.style.top="0px";tn.style.left="0px";void(0);

Synes godt om

Slettet bruger

11. juni 2006 - 19:13 #3

Jeg har nu sat "style='z-index: 300; position: absolute;'" ind i mainpage tabel'en og nu virker links og inputs i IE og Opera... men tilgengæld så er tabelen og banner placeret helt forkert IE... hvad skal jeg gøre ellers for at få siden tilbage i center og banner lige ved siden af uden at skubbe til tabelen!?

Synes godt om

mclemens Nybegynder

11. juni 2006 - 19:25 #4

En ydre div wrappet rundt om det hele med noget i denne stil:

<div style="width:etantalpx;margin:0px auto;position:relative;">

... alt indholdet

</div>

... men du skal nok lige have en head med doctype på for at IE overholder css...

<title>Gizmo-Hunter 2006</title>

<link rel="stylesheet" type="text/css" href="/themes/red/style.css">

rettes til:

<title>Gizmo-Hunter 2006</title>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1">

<link rel="stylesheet" type="text/css" href="/themes/red/style.css">
<title>Gizmo-Hunter 2006</title>
</head>
<body>

<div style="width:770px;margin:0px auto;position:relative;">

<div style="z-index: 1;" class="banner120"><script language="javascript">
var uri = 'http://impdk.tradedoubler.com/imp/js/16265072/1014438?' + new String (Math.random()).substring (2, 11);
document.write('<sc'+'ript language="JavaScript" src="'+uri+'" charset="ISO-8859-1"></sc'+'ript>');
</script></div>

... og nede i bunden:

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

</div>

</body></html>

... jeg kan ikke lige downloade og teste lokalt da det er eksterne scripts der spiller
ind prøver med lidt js i adresselinjen ... men prøv evt. ovenstående...

Synes godt om

mclemens Nybegynder

11. juni 2006 - 19:27 #5

rettes til:

<title>Gizmo-Hunter 2006</title> <- den title heroppe foran doctype
var en fejl fra min side ... doctype skal være det første på
siden... title står længere nede inde i head sektionen...

Synes godt om

mclemens Nybegynder

11. juni 2006 - 19:33 #6

Her er et eksempel hvor jeg piller ved body'ens css, dog anbefaler jeg at du wrapper det ind i en div som nævnt ovenover istedet...

java script:document.body.style.position="relative";document.body.style.margin="0px auto";document.body.style.width="770px";void(0);

body{width:770px;
margin:0px auto;
position:relative;
}

^ Og evt. anden body css der ikke har noget med margin position og width at gøre...

Synes godt om

mclemens Nybegynder

11. juni 2006 - 19:40 #7

P.s.: Du må heller ikke have mellemrum før doctypen...

... kan godt se banneret står lidt skævt ... js'er

Synes godt om

Slettet bruger

11. juni 2006 - 19:44 #8

Må indrømme jeg ikke forstår ret meget af det du kom med der, men hvis jeg sætter:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">

ind som du foreslår så flipper hele siden ud, bredden bliver 100% i stedet for 800 en del at den venstre-justeret tekst bliver center osv.

Vil det sige der er programeringsfejl i min kode ??? Hvis ja så tror jeg hellere lige jeg vil rette dem inden jeg roder mere med banner, det kan jo være det hjælper på det hele :/

Synes godt om

mclemens Nybegynder

11. juni 2006 - 19:50 #9

[ Vil det sige der er programeringsfejl i min kode ??? Hvis ja så tror jeg hellere lige jeg vil rette dem inden jeg roder mere med banner, det kan jo være det hjælper på det hele :/ ] - Når du sætter en gyldig doctype erklæring må din side overholder IE css ... og så ser du siden som den burde se ud ... Grunden til du får problemer er at du har kodet siden med IE i quirks mode... Jeg kører selv med IE i quirks med det er fordi jeg har en xml deklaration før min doctype som her:

<?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da"><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /><meta http-equiv="Content-Style-Type" content="text/css" />

... min standard test dokument ved kodning er dette:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<style type="text/css">

</style>

<script type="text/javascript">

</script>

</head><body>

</body></html>

... Du kan evt. vente lidt med at rette siden til med doctypen på og bare køre ændringen i 11/06-2006 19:33:34 ... hvis det virker?

Synes godt om

mclemens Nybegynder

11. juni 2006 - 19:56 #10

Du bruger også en lidt forældet markup som align="center" hvis det skal gøres med css er det style="text-align:center;" - og elementer centreres med margin:0px auto;

... og så er der også problemerne med width defineringerne som du selv nævner ... en del af årsagen til dette er nok css box-modellen ... IE overholder ikke denne model når den er i quirks mode ...

css box model:
width definerer indre elements bredde
padding definerer afstanden ud til border
border ligger uden til padding
margin ligger uden til border

... finder lige et link ...

Synes godt om

mclemens Nybegynder

11. juni 2006 - 19:58 #11

F.eks.: http://www.w3.org/TR/REC-CSS2/box.html

Synes godt om

mclemens Nybegynder

11. juni 2006 - 20:01 #12

Du kan også prøve den i 11/06-2006 19:25:23
- og så "glemme" doctypen midlertidig...

Synes godt om

Slettet bruger

11. juni 2006 - 20:14 #13

Okaaaay, rolig nu har stadig ikke stavet mig igennem de andre svar endnu hehe
CSS er ikke lige min stærke side, bruger kun de få elementer jeg har lært at bruge.

Jeg har nu lavet lidt hurtigt fusk, men at sætte en ekstra td ind (ved siden af main td). Jeg vil så prøve at rode lidt med nogle af de ting du foreslår på min lokale server, jeg går ud fra at det vil give samme resultat.

Synes godt om

mclemens Nybegynder

11. juni 2006 - 20:22 #14

[ Jeg har nu lavet lidt hurtigt fusk, men at sætte en ekstra td ind (ved siden af main td). Jeg vil så prøve at rode lidt med nogle af de ting du foreslår på min lokale server, jeg går ud fra at det vil give samme resultat. ]
... når du fusker den kan det være at du inden i den td skal have denne en
...<td><div style="position:relative;">Banner koderne her</div></td>...

... men det burde give samme resultat
som alt den anden spam jeg kom med :)

Synes godt om

Slettet bruger

11. juni 2006 - 20:40 #15

<td><div style="position:relative;">Banner koderne her</div></td>

Giver ikke nogle synlige ændringer og så jeg har lavel det nu, så virker det helt fint.
Det giver kun to problemer som jeg gerne ville slippe for:
1. Siden skubbes banner-bredden til venstre (ca 120 px)
2. Hvis jeg sætter et baggrunds-billede på siden (det bare stykke før menuerne i hver side), så vil banner td'en have den samme farve som selve indholds-siden.

Men jeg siger da tak for hjælpen indtil videre og så får du point, det er jo meget muligt at det virker, når først jeg får tilpasset hele siden ;)

Synes godt om

mclemens Nybegynder

11. juni 2006 - 20:49 #16

Kan ikke se fejl nr. 1 og 2 p.t. - m.h.t. 2 er det så ikke
bare at definere baggrundsfarven på banner td'en ?

[ Men jeg siger da tak for hjælpen indtil videre og så får du point, det er jo meget muligt at det virker, når først jeg får tilpasset hele siden ;) ] - Ok, kaster lige et svar ...

- Et lille p.s.: Din side er ikke centreret i firefox der skal du:

java script:document.getElementsByTagName("table")[0].style.margin="0px auto";void(0);

eller rettere:

.mainpage {
width: 800;
background-color: #D85050;
margin:0px auto;
}

Synes godt om

Slettet bruger

11. juni 2006 - 21:18 #17

Det er ikke sikkert du lige lægger mærke til de 2 fejl.
Fejl 1. Kan du se ved at "måle" af standen fra menuerne og ud, og derved se at venstre side er mindre end den højre, da banneret skubber hele tabellen.
Fejl 2. Kan ses ved at logge ind og skifte style/design til gray. (Jo man kunne godt definere baggrundsfarven for td'en, men syntes ikke det er den helt rigtige løsning, det kan dessuden også give nogle mærkelige overlapninger hvis man bruger bg-billeder med mange farver og strukture)

Så nu er siden centreret i Opera (går ud fra det også gælder ildræv) så fik vi da rettet en fejl :)

Synes godt om

mclemens Nybegynder

11. juni 2006 - 21:33 #18

Ok, 2: Hvad med at definerer tabellen (den yderste til background:transparent; ) - give den første td i den yderste hoved tabel en id /class og så definere baggrundsfarven på den - og den sidste td hvor du har placeret banneret i en id /class hvor du giver den background:transparent;

js eksempel:

java script:tmp=document.getElementsByTagName("td");document.getElementsByTagName("table")[0].style.background="transparent";tmp[0].style.background="#4E4E4E";tmp[tmp.length-1].style.background="transparent";void(0);

:)

Synes godt om

mclemens Nybegynder

11. juni 2006 - 21:40 #19

Denne her vil kaste banneret ud mod højre side...

java script:document.getElementsByTagName("table")[0].style.paddingLeft="120px";void(0);

- d.v.s. en padding-left:120px; på den yderste tabel ... husk rettelse nr 2 først ellers ser det ikke helt så smart ud med baggrunden :D

Synes godt om

mclemens Nybegynder

11. juni 2006 - 21:43 #20

^ Glem lige ovenstående ... det ser lidt dumt ud i 800x600 pixels ... du skal have banneret placeret absolute istedet ... tror du er nødt til at bruge en ekstra div med position relative og herefter absolute ... men lige om jeg kan css/js'e på de elementer der er der p.t. :)

Synes godt om

mclemens Nybegynder

11. juni 2006 - 21:44 #21

[ ^ Glem lige ovenstående ] ... sludder glem 11/06-2006 21:40:42
- men tag den i 11/06-2006 21:33:43 :o)

Synes godt om

mclemens Nybegynder

11. juni 2006 - 21:52 #22

Jeps, den gik ... her er en fuldstændig js test streng til visning af både
forslaget til løsning nr 1 og nr 2 - ind i browserens adresselinje og enter :o)

java script:tmp=document.getElementsByTagName("td");document.getElementsByTagName("table")[0].style.background="transparent";tmp[0].style.background="#4E4E4E";tmp[tmp.length-1].style.background="transparent";tmp=document.getElementsByTagName("td");tn=tmp[tmp.length-1].getElementsByTagName("a")[0];tn.style.position="absolute";void(0);

Løsning på nr 1 er:

id eller class på den td hvor du har lagt banner koderne i: (f.eks.)

<td id="bannerher" ...

og css:

#bannerher a{position:absolute;}

og løsningen på nr 2 er den i 11/06-2006 21:33:43

Synes godt om

Slettet bruger

11. juni 2006 - 22:05 #23

Hey du har vel ikke noget mod lige at forklare 11/06-2006 21:52:52 på et niveau så jeg også kan være med (børnehave niveau er helt fint) - du flipper jo helt ud med de der mærkelige javascript-ting *LOL*

Hvordan vil den helt nøjagtige CSS-kode se ud ? hehe

Synes godt om

mclemens Nybegynder

11. juni 2006 - 22:07 #24

^ Og hvis ovenstående ikke virker godt nok i IE så prøv denne tester:

java script:tmp=document.getElementsByTagName("td");document.getElementsByTagName("table")[0].style.background="transparent";document.getElementsByTagName("table")[0].style.position="relative";tmp[0].style.background="#4E4E4E";tmp[tmp.length-1].style.background="transparent";tmp=document.getElementsByTagName("td");tmp[tmp.length-1].style.position="absolute";tmp[tmp.length-1].style.right="-120px";void(0);

- css til denne linje:

- den yderste tabel skal have disse css koblet på sig:

#yderstetabel{
background:transparent;
position:relative;
}

... den første td hvor hoved indholdet er skal have denne css tilknyttet:

denforstetd{
background:#4E4E4E;
}

og den sidste td hvor bannerne er i skal have disse css tilknyttet:

sidstetd{
background:transparent;
position:absolute;
right:-120px;
}

Synes godt om

mclemens Nybegynder

11. juni 2006 - 22:09 #25

Hov, uopdate :)
Prøv lige at kaste javascript linjen ind i din browser fra
11/06-2006 21:52:52 og enter - samt fra 11/06-2006 22:07:12 og enter

... kommer med forklaring på 11/06-2006 21:52:52
hvis den foretrækkes istedet for den nye ...

Synes godt om

Slettet bruger

11. juni 2006 - 22:14 #26

Jeg kan umiddelbart ikke se nogen forskel på resultatet. Det eneste jeg kan sige er at 21:52:52 af og til kommer med en scriptfejl (og undlader at rygge siden de 120 px) og den får jeg ikke i 22:07:12.

Så valget er sådan set dit :)

Synes godt om

mclemens Nybegynder

11. juni 2006 - 22:15 #27

Jeps, anbefaler den sidste - havde lidt problemer med IE i opløsning 800x600 ved den første udgave... Skal jeg lige uddybe css'en fra 11/06-2006 22:07:12?

Synes godt om

mclemens Nybegynder

11. juni 2006 - 22:18 #28

Skrev lige dem som inline styles ...
så kan du nemmere se hvad jeg mente...

<title>Gizmo-Hunter 2006</title>

<link rel="stylesheet" type="text/css" href="/themes/blue/style.css">

<table cellspacing='0' cellpadding='0' border='0' style="background:transparent;position:relative;" class='mainpage'>
<tr>
<td valign="top" style="background:#4E4E4E;">

... Og en hel masse html ...

</td>
<td valign="top" style="padding-top: 135;background:transparent;position:absolute;right:-120px;"><script language="javascript">
var uri = 'http://impdk.tradedoubler.com/imp/js/1054950/1014438?' + new String (Math.random()).substring (2, 11);
document.write('<sc'+'ript language="JavaScript" src="'+uri+'" charset="ISO-8859-1"></sc'+'ript>');
</script></td>
</tr>

</table>

Synes godt om

Slettet bruger

11. juni 2006 - 22:18 #29

Ja tak, meget gerne :)

Synes godt om

mclemens Nybegynder

11. juni 2006 - 22:20 #30

Må nok lige hellere sige at den første td skal have en id eller class definering istedet - da farven på tabellen jo skal variere i dit stylesheet... den første td's farve er i mit eksempel baseret på det grå farve valg...

Synes godt om

Slettet bruger

11. juni 2006 - 22:25 #31

Jeg har helt undladt farven i første td og det virker fint.
Er der nogen bestemt grund til at den farve er der ?

Synes godt om

Slettet bruger

11. juni 2006 - 22:28 #32

Hmm Opera er ikke så glad for min banner opsætning, den skyder banner helt i bund og uden for skærmen, men der er ingen problemer med IE!!!

Synes godt om

mclemens Nybegynder

11. juni 2006 - 22:28 #33

Uhm, næh den del har du egentlig ret i :D
- det var før jeg placerede banneret med position:absolute;

Synes godt om

Slettet bruger

11. juni 2006 - 22:30 #34

Hvorfor kan folk ikke bare bruge IE, det ville gøre alting meget lettere hehe

Synes godt om

mclemens Nybegynder

11. juni 2006 - 22:38 #35

Det var lidt mere derhen af ... jeg kan ikke helt teste lokalt
- derfor javascripter jeg lidt ... er det her lidt derhen af?

java script:tds=document.getElementsByTagName("td");tds[tds.length-1].style.position="relative";tds[tds.length-1].getElementsByTagName("a")[0].style.position="absolute";tds[tds.length-1].getElementsByTagName("a")[0].style.top="10px";void(0);

... kommer med de nye css defineringer hvis det er ...

Synes godt om

Slettet bruger

11. juni 2006 - 22:39 #36

Jeg har lige fjernet noget gammel banner style i min CSS-fil og nu bliver banneret ikke længere skudt ud til siden, men det bliver kun skubbet for langt ned...

Synes godt om

mclemens Nybegynder

11. juni 2006 - 22:42 #37

Eller er denne bedre?

java script:tds=document.getElementsByTagName("td");tds[tds.length-1].style.position="relative";tds[tds.length-1].getElementsByTagName("a")[0].style.position="absolute";tds[tds.length-1].getElementsByTagName("a")[0].style.marginLeft="20px";tds[tds.length-1].getElementsByTagName("a")[0].style.paddingRight="20px";tds[tds.length-1].getElementsByTagName("a")[0].style.top="20px";void(0);

...

Synes godt om

Slettet bruger

11. juni 2006 - 22:42 #38

22:38:01 skubber banner op i øverste højre hjørne...

Kan man ikke bruge de der javascripts-test i Opera/FF ?
Det giver ikke nogle ændringer hvis jeg prøver...

Synes godt om

mclemens Nybegynder

11. juni 2006 - 22:43 #39

Hov, ok prøver lige at teste i IE, den
er jo i quirks ... glemmer det helt ... (sorry)

Synes godt om

Slettet bruger

11. juni 2006 - 22:44 #40

22:42:05 - bliver dårligere i IE og i Opera bliver det næsten lidt bedre, den kommer bare lidt for højt op og lidt for langt ud til siden.

Synes godt om

mclemens Nybegynder

11. juni 2006 - 23:17 #41

Prøvede lige at downloadede lidt... I 11/06-2006 22:39:3 var problemet vist blot at den var for langt nede... Hvis jeg tester nu - ja det er desværre lokal test så jeg ved ikke om det virker... men den padding-top der er sat på den sidste td ... hvis jeg sænker den til f.eks. 60px rykker den banner jeg har lokalt opad...

<td valign="top" style="padding-top: 60px; background:transparent; position:absolute; right:-120px;">

Synes godt om

mclemens Nybegynder

11. juni 2006 - 23:21 #42

Poster lige hele min lokale test fil ... prøv at teste den nu hvis den virker så hiv det nederste stykke over i din fil...

<html><head><title>Gizmo-Hunter 2006</title>

<link rel="stylesheet" type="text/css" href="123_files/style.css"></head><body><table style="z-index: 1;" class="mainpage" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td valign="top">

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr height="0">
<td></td>
</tr>
<tr>
<td><img src="./banner.jpg"></td>
</tr>
</tbody></table>

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr height="0">
<td></td>
</tr>
<tr>
<td align="center"><table class="topmenu" border="0" cellpadding="0" cellspacing="0" width="98%">
<tbody><tr>
<td align="center"><b><a href="http://www.gizmo-hunter.dk/?pa=product&c=1&id=241">Call of Duty 3</a></b></td>
<td align="center"><b><a href="http://www.gizmo-hunter.dk/?pa=product&c=2&id=124">24 Timer</a></b></td>
<td align="center"><b><a href="http://www.gizmo-hunter.dk/?pa=product&c=1&id=6">S.T.A.L.K.E.R.</a></b></td>
<td align="center"><b><a href="http://www.gizmo-hunter.dk/?pa=product&c=1&id=234">Crysis</a></b></td>
<td align="center"><b><a href="http://www.gizmo-hunter.dk/?pa=product&c=1&id=20">Elder Scrolls IV</a></b></td>
</tr>
</tbody></table></td>
</tr>
<tr height="5">
<td></td>
</tr>
</tbody></table>

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr>
<td rowspan="2" align="center" valign="top" width="160"><table border="0" cellpadding="0" cellspacing="0" width="95%">
<tbody><tr>
<td class="top_left"></td>
<td class="top_center"><h5 class="menutext">GIZMO-HUNTER</h5></td>
<td class="top_right"></td>
</tr>
<tr>
<td class="middle_left"></td>
<td class="middle_center" align="left"><a href="http://www.gizmo-hunter.dk/?pa=main" target="" class="menulink">Forside</a></td>
<td class="middle_right"></td>
</tr>
<tr>
<td class="middle_left"></td>
<td class="middle_center" align="left"><a href="http://www.gizmo-hunter.dk/?pa=contact" target="" class="menulink">Kontakt</a></td>
<td class="middle_right"></td>
</tr>
<tr>
<td class="bottom_left"></td>
<td class="bottom_center"></td>
<td class="bottom_right2"></td>
</tr><tr>
</tr></tbody></table>
<br>
<table border="0" cellpadding="0" cellspacing="0" width="95%">
<tbody><tr>
<td class="top_left"></td>
<td class="top_center"><h5 class="menutext">SPIL</h5></td>
<td class="top_right"></td>
</tr>
<tr>
<td class="middle_left"></td>
<td class="middle_center" align="left"><a href="http://www.gizmo-hunter.dk/?pa=products&c=1&ch=A" target="" class="menulink">Alfabetisk liste</a></td>
<td class="middle_right"></td>
</tr>
<tr>
<td class="middle_left"></td>
<td class="middle_center" align="left"><a href="http://www.gizmo-hunter.dk/?pa=articles&p=news&c=1" target="" class="menulink">Nyheder</a></td>
<td class="middle_right"></td>
</tr>
<tr>
<td class="middle_left"></td>
<td class="middle_center" align="left"><a href="http://www.gizmo-hunter.dk/?pa=articles&p=review&c=1" target="" class="menulink">Anmeldelser</a></td>
<td class="middle_right"></td>
</tr>
<tr>
<td class="middle_left"></td>
<td class="middle_center" align="left"><a href="http://www.gizmo-hunter.dk/?pa=release&c=1" target="" class="menulink">Spil på vej</a></td>
<td class="middle_right"></td>
</tr>
<tr>
<td class="middle_left"></td>
<td class="middle_center" align="left"><a href="http://www.gizmo-hunter.dk/?pa=articles&p=download&c=1" target="" class="menulink">Download</a></td>
<td class="middle_right"></td>
</tr>
<tr>
<td class="middle_left"></td>
<td class="middle_center" align="left"><a href="http://www.gizmo-hunter.dk/?pa=wallpapers&c=1" target="" class="menulink">Wallpapers</a></td>
<td class="middle_right"></td>
</tr>
<tr>
<td class="bottom_left"></td>
<td class="bottom_center"></td>
<td class="bottom_right2"></td>
</tr><tr>
</tr></tbody></table>
<br>
<table border="0" cellpadding="0" cellspacing="0" width="95%">
<tbody><tr>
<td class="top_left"></td>
<td class="top_center"><h5 class="menutext">FILM</h5></td>
<td class="top_right"></td>
</tr>
<tr>
<td class="middle_left"></td>
<td class="middle_center" align="left"><a href="http://www.gizmo-hunter.dk/?pa=products&c=2&ch=A" target="" class="menulink">Alfabetisk liste</a></td>
<td class="middle_right"></td>
</tr>
<tr>
<td class="middle_left"></td>
<td class="middle_center" align="left"><a href="http://www.gizmo-hunter.dk/?pa=articles&p=news&c=2" target="" class="menulink">Nyheder</a></td>
<td class="middle_right"></td>
</tr>
<tr>
<td class="middle_left"></td>
<td class="middle_center" align="left"><a href="http://www.gizmo-hunter.dk/?pa=articles&p=review&c=2" target="" class="menulink">Anmeldelser</a></td>
<td class="middle_right"></td>
</tr>
<tr>
<td class="middle_left"></td>
<td class="middle_center" align="left"><a href="http://www.gizmo-hunter.dk/?pa=release&c=2" target="" class="menulink">Film på vej</a></td>
<td class="middle_right"></td>
</tr>
<tr>
<td class="middle_left"></td>
<td class="middle_center" align="left"><a href="http://www.gizmo-hunter.dk/?pa=wallpapers&c=2" target="" class="menulink">Wallpapers</a></td>
<td class="middle_right"></td>
</tr>
<tr>
<td class="bottom_left"></td>
<td class="bottom_center"></td>
<td class="bottom_right2"></td>
</tr><tr>
</tr></tbody></table>
<br>

<form method="post" name="searchform" action="default.asp?pa=search">
<table border="0" cellpadding="0" cellspacing="0" width="95%">
<tbody><tr>
<td class="top_left"></td>
<td colspan="2" class="top_center"><h5 class="menutext">Søg</h5></td>
<td class="top_right"></td>
</tr>
<tr>
<td class="middle_left"></td>
<td style="padding-top: 5px;" class="middle_center" align="left"><input name="soeg" size="12" type="text"></td>
<td style="padding-top: 5px;" class="middle_center" align="right"><input name="submit" value="Søg" type="submit"></td>
<td class="middle_right"></td>
</tr>
<tr>
<td class="bottom_left"></td>
<td colspan="2" class="bottom_center"></td>
<td class="bottom_right2"></td>
</tr><tr>
</tr></tbody></table>
</form>
<br>

<table style="table-layout: fixed;" border="0" cellpadding="0" cellspacing="0" width="95%">
<tbody><tr>
<td class="top_left"></td>
<td class="top_center"><h5 class="menutext">Call of Duty 3</h5></td>
<td class="top_right"></td>
</tr>
<tr style="padding-top: 5px;">
<td class="middle_left"></td>
<td class="middle_center" align="right"><a href="http://www.gizmo-hunter.dk/?pa=product&c=1&id=241"><img src="./cover241.jpg" border="0" width="138"></a></td>
<td class="middle_right"></td>
</tr>
<tr>
<td class="bottom_left2"></td>
<td class="bottom_center"></td>
<td class="bottom_right2"></td>
</tr><tr>
</tr></tbody></table>
</td>
<td valign="top">

<br><br>

<center>
<h2><a href="http://www.gizmo-hunter.dk/pages/members/logout.asp">LOG AF</a></h2>
</center>

<br><br>

<table align="center" border="0" cellpadding="2" cellspacing="0" width="95%">
<tbody><tr>
<td align="right"><b>Brugernavn</b> : </td>
<td>test</td>
</tr>
<tr>
<td align="right" width="100"><b>Bruger-ID</b> : </td>
<td>1159161141</td>
</tr>
<tr>
<td align="right"><b>Rettigheder</b> : </td>
<td>Basic (Basic)</td>
</tr>
<tr>
<td align="right"><b>Design</b> : </td>
<td>

<form method="post" name="form" action="default.asp?pa=profile" style="margin: 0pt; padding: 0pt;">
<select name="design" onchange="document.form.submit();">
<option value="blue">blue</option><option value="gray" selected="selected">gray</option><option value="red">red</option>
</select>
</form>

</td>
</tr>
<tr>
<td align="right"><b>Oprettet</b> : </td>
<td>05-06-2006 18:15:17</td>
</tr>
<tr>
<td align="right"><b>Aktiv</b> : </td>
<td>True</td>
</tr>
</tbody></table>

</td>
<td rowspan="2" align="center" valign="top" width="160"><table border="0" cellpadding="0" cellspacing="0" width="95%">
<tbody><tr>
<td class="top_left"></td>
<td class="top_center"><h5 class="menutext">MEDLEM</h5></td>
<td class="top_right"></td>
</tr>
<tr>
<td class="middle_left"></td>
<td class="middle_center" align="right"><a href="http://www.gizmo-hunter.dk/?pa=profile" target="" class="menulink">Profil</a></td>
<td class="middle_right"></td>
</tr>
<tr>
<td class="bottom_left2"></td>
<td class="bottom_center"></td>
<td class="bottom_right"></td>
</tr><tr>
</tr></tbody></table>
<br>
<table border="0" cellpadding="0" cellspacing="0" width="95%">
<tbody><tr>
<td class="top_left"></td>
<td class="top_center"><h5 class="menutext">Afstemning</h5></td>
<td class="top_right"></td>
</tr>
<tr>
<td class="middle_left"></td>
<td style="padding-top: 5px;" class="middle_center" align="right">

<form method="post" action="/default.asp?v=x&pa=profile" name="voteform">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr>
<td colspan="2">
<b><span class="menutext">Hvad syntes du om denne side?</span></b>
<input name="voteid" value="1" style="display: none;" type="text">
</td>
</tr>
<tr>
<td colspan="2"> </td>
</tr>

<tr>
<td><span class="menutext"><label for="1">Den styre !</label></span></td>
<td align="right"><input id="1" name="voteanswer" value="1" onclick="document.voteform.submit();" class="radio2" type="radio"></td>
</tr>

<tr>
<td><span class="menutext"><label for="2">Helt fin</label></span></td>
<td align="right"><input id="2" name="voteanswer" value="2" onclick="document.voteform.submit();" class="radio2" type="radio"></td>
</tr>

<tr>
<td><span class="menutext"><label for="3">Har set bedre</label></span></td>
<td align="right"><input id="3" name="voteanswer" value="3" onclick="document.voteform.submit();" class="radio2" type="radio"></td>
</tr>

<tr>
<td><span class="menutext"><label for="4">Den stinker !</label></span></td>
<td align="right"><input id="4" name="voteanswer" value="4" onclick="document.voteform.submit();" class="radio2" type="radio"></td>
</tr>

<tr>
<td><span class="menutext"><label for="5">Ved ikke</label></span></td>
<td align="right"><input id="5" name="voteanswer" value="5" onclick="document.voteform.submit();" class="radio2" type="radio"></td>
</tr>

<tr>
<td colspan="2"> </td>
</tr>
<tr>
<td colspan="2" align="center"><a href="http://www.gizmo-hunter.dk/?pa=votes" class="menulink">Se afstemninger</a></td>
</tr>
</tbody></table>
</form>

</td>
<td class="middle_right"></td>
</tr>
<tr>
<td class="bottom_left2"></td>
<td class="bottom_center"></td>
<td class="bottom_right"></td>
</tr><tr>
</tr></tbody></table>
<br>

<table border="0" cellpadding="0" cellspacing="0" width="95%">
<tbody><tr>
<td class="top_left"></td>
<td colspan="2" class="top_center"><h5 class="menutext">COUNTER</h5></td>
<td class="top_right"></td>
</tr>

<tr>
<td class="middle_left"></td>
<td style="padding-top: 5px;" class="middle_center" align="left"><span class="menutext">Besøg idag:</span></td>
<td style="padding-top: 5px;" class="middle_center" align="right"><span class="menutext">15</span></td>
<td class="middle_right"></td>
</tr>

<tr>
<td class="middle_left"></td>
<td style="padding-top: 5px;" class="middle_center" align="left"><span class="menutext">Besøg igår:</span></td>
<td style="padding-top: 5px;" class="middle_center" align="right"><span class="menutext">2</span></td>
<td class="middle_right"></td>
</tr>

<tr>
<td class="middle_left"></td>
<td style="padding-top: 5px;" class="middle_center" align="left"><span class="menutext">Alle besøg:</span></td>
<td style="padding-top: 5px;" class="middle_center" align="right"><span class="menutext">32</span></td>
<td class="middle_right"></td>
</tr>
<tr>
<td class="middle_left"></td>
<td colspan="2" style="padding-top: 8px;" class="middle_center" align="center"><span class="menutext">Siden 4 juni 2006</span></td>
<td class="middle_right"></td>
</tr>
<tr>
<td class="bottom_left2"></td>
<td colspan="2" class="bottom_center"></td>
<td class="bottom_right"></td>
</tr><tr>
</tr></tbody></table>
<br>

<form action="http://www.softxchange.dk/Bannersearch.asp?partnerID=27483" method="post" name="Softxchange" target="_blank" id="Softxchange">
<table border="0" cellpadding="0" cellspacing="0" width="95%">
<tbody><tr>
<td class="top_left"></td>
<td class="top_center"><h5 class="menutext">PARTNER</h5></td>
<td class="top_right"></td>
</tr>
<tr>
<td class="middle_left"></td>
<td class="middle_center">
<h3 align="center"><a href="http://www.softxchange.dk/Bannersearch.asp?partnerID=27483" target="_blank">Soft<font size="5">X</font>change</a></h3>
<input name="sort" value="10" type="hidden">

 <input name="categoryID" value="2" class="radio2" checked="checked" type="radio">SPIL<br>
 <input name="categoryID" value="1" class="radio2" type="radio">FILM<br>
 <input name="categoryID" value="3" class="radio2" type="radio">MUSIK<br>

</td>
<td class="middle_right"></td>
</tr>
<tr>
<td class="middle_left"></td>
<td style="padding-top: 5px;" class="middle_center" align="center"><input name="search" style="width: 100%;" type="text"><br><input value="Køb her" type="submit"></td>
<td class="middle_right"></td>
</tr>
<tr>
<td class="bottom_left2"></td>
<td class="bottom_center"></td>
<td class="bottom_right"></td>
</tr><tr>
</tr></tbody></table>
</form>

<br>

<table style="table-layout: fixed;" border="0" cellpadding="0" cellspacing="0" width="95%">
<tbody><tr>
<td class="top_left"></td>
<td class="top_center"><h5 class="menutext">Caesar IV</h5></td>
<td class="top_right"></td>
</tr>
<tr style="padding-top: 5px;">
<td class="middle_left"></td>
<td class="middle_center" align="right"><a href="http://www.gizmo-hunter.dk/?pa=product&c=1&id=244"><img src="./cover244.jpg" border="0" width="138"></a></td>
<td class="middle_right"></td>
</tr>
<tr>
<td class="bottom_left2"></td>
<td class="bottom_center"></td>
<td class="bottom_right2"></td>
</tr><tr>
</tr></tbody></table>
</td>
</tr>
<tr>
<td align="center" valign="bottom"><br></td>
</tr>
</tbody></table>

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr height="0">
<td></td>
</tr>
<tr>
<td align="center">
<hr size="2" width="90%">
<h6>--- === | Copyright by GIZMO - Design by GIZMO | === ---</h6>
</td>
</tr>
<tr height="3">
<td></td>
</tr>
</tbody></table>

</td>

<td valign="top" style="padding-top: 60px; background:transparent;"><div style="position:relative;"><div style="position:absolute;left:20px;"><a href="bla" target="_blank"><img src="./DK-surftown-metal-160x600.gif" alt="" border="0" height="600" width="160"></a></div></div>
</td>
</tr>
</tbody></table>

</body></html>

Synes godt om

mclemens Nybegynder

11. juni 2006 - 23:23 #43

Her er lige det nederste stykke så det virker med banner loaderen...
(problemet var vist at IE ikke vil sætte en td til position:relative; :/

<td valign="top" style="background:transparent;"><div style="position:relative;"><div style="position:absolute;left:20px;"><script language="javascript">
var uri = 'http://impdk.tradedoubler.com/imp/js/16195724/1014438?' + new String (Math.random()).substring (2, 11);
document.write('<sc'+'ript language="JavaScript" src="'+uri+'" charset="ISO-8859-1"></sc'+'ript>');
</script></div></div>
</td>
</tr>
</tbody></table>

Synes godt om

Slettet bruger

12. juni 2006 - 09:20 #44

Så ser det sq ud til at virke, banneret er ihvert fald placeret samme sted i både IE og Opera...
Jeg brugte dit forslag fra 23:23:41, det eneste der manglede var top:135; ;)

Så jeg må sige mange TAK for hjælpen og her er dine point + lidt ekstra :)

Synes godt om

mclemens Nybegynder

12. juni 2006 - 09:31 #45

[ Så jeg må sige mange TAK for hjælpen og her er dine point + lidt ekstra :) ]
Super, det var så lidt, undskyld mange forsøg, og mange tak for point :)

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS