Avatar billede mrbs Nybegynder
10. marts 2005 - 17:22 Der er 7 kommentarer og
1 løsning

kan div overskride tabel

Jeg har brug for at indsætte et billede i en tabel. Denne tabel sidder et bestemt side på siden. Billedet som skal sidde inde i tabellen skal dog (af designmessige årsager) rykkes en anelse op over tabellen.

Derfor har jeg indsat tabellen i en div-tag, denne er belvet stylet med en degativ top-margen på 10px. Den har blevet z'index'et så den skulle ligge som det højeste lag.

Toppen bliver alligevel skåret af der hvor tabellen er, så mit spørgsmål er, om det overhovedet kan lade sig gøre at skubbe og vise billedet uden for tabellens ramme. Og i så fald - hvordan...

./ms
Avatar billede basementjack Nybegynder
10. marts 2005 - 21:24 #1
Har du sat z-index på alle den tabel den er inden i, og alle de andre parent-elementer?.. Ved ikke om det vil hjælpe..
Avatar billede mrbs Nybegynder
10. marts 2005 - 21:27 #2
Det har jeg... Men det virker ikke ...
Avatar billede basementjack Nybegynder
10. marts 2005 - 21:34 #3
Nogen mulighed for at bruge absolut positionering?
Avatar billede mrbs Nybegynder
10. marts 2005 - 21:39 #4
Nej - det kan jeg desværre ikke. Siden indgår som indhold i et CMS-system med en specialdesignet forside-skabelon...
Avatar billede roenving Novice
11. marts 2005 - 11:35 #5
Sådan:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>

<title>Tomt dokument</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{height:100%;margin:0px;border:0px;padding:0px;font-family:tahoma,verdana,arial,sans-serif;font-size:small;}
td{border:1px solid red;}
</style>
<script language="javascript" type="text/javascript">

</script>
</head>
<body>
<table style="position:relative;width:760px;margin:0 auto;">
  <tr>
    <td colspan="2" style="text-align:center;height:55px;">Her er der f.eks. et banner</td>
  </tr>
  <tr>
    <td style="text-align:center;height:55px;width:50%;">Her er der noget, som skal vises</td>
    <td style="text-align:center;height:55px;width:50%;">Her er der noget, som sådan set ikke er vigtigt at se fuldstændigt</td>
  </tr>
  <tr>
    <td style="text-align:center;height:55px;width:50%;">Her er der noget, som skal vises</td>
    <td style="text-align:center;height:55px;width:50%;position:relative;">
      <img src="../billede.jpg" style="position:absolute;left:0;top:-40px;height:200px">&nbsp;</td>
  </tr>
</table>
</body>

</html>
Avatar billede mrbs Nybegynder
26. juli 2005 - 22:46 #6
Roenving må gerne svare!
Avatar billede roenving Novice
26. juli 2005 - 23:14 #7
Jamen, så velbekomme '-)
Avatar billede roenving Novice
26. juli 2005 - 23:45 #8
-- og tak for point ;~}
Avatar billede 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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

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