Søg
Avatar billede mrbs Nybegynder
26. september 2005 - 16:29 Der er 8 kommentarer og
1 løsning

Placering af to div'er i en tabel

Hej!
Jeg skal placere to div'er oven på hinanden. Disse skal ligge i en tabel. Den ene div fungerer som baggrundsbillede den anden ligger over med et andet (transparent) billede.
Hvordan placeres disse oven over hinanden?

Relativ eller absolut positionering?
Jeg kan ikke hit' u' a'et!
Avatar billede roenving Novice
26. september 2005 - 16:37 #1
<table>
  <tr>
    <td>
      <div style="position:relative;width:100px;height:100px;">
        <div style="width:100px;height:100px;">&nbsp;</div>
        <div style="position:absolute;left:0;filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;width:100px;height:100px;">&nbsp;</div>
      </div></td>
  </tr>
</table>
Avatar billede mrbs Nybegynder
26. september 2005 - 16:39 #2
Dig igen... :o)
Nå - jeg prøver lige...
Avatar billede mrbs Nybegynder
26. september 2005 - 16:44 #3
Det virker simpelthen ikke...
Prøv at se det resultat jeg får af denne kode:

<table>
<tr><td>

<div style="position:relative;width:100px;height:100px;">

<div style="width:100px;height:100px;background-color:red;">&nbsp;</div>
<div style="position:absolute;left:0;filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;width:100px;height:100px;">transparent</div>

</div>

</td></tr>
</table>
Avatar billede mrbs Nybegynder
26. september 2005 - 16:45 #4
ligger på mrbs.dk
Avatar billede roenving Novice
26. september 2005 - 16:46 #5
Hrm, jeg huskede forkert, skift left ud med top !-)
Avatar billede mrbs Nybegynder
26. september 2005 - 17:03 #6
Åh ja... Det var den der "top" jeg havde glemt... Jeg har kun brugt margen-top - og det er jo ikke det samme... Tak skal du have! igen - smid bare et svar... :)
Avatar billede mrbs Nybegynder
26. september 2005 - 17:07 #7
Kan du måske fortælle mig hvordan man centrerer en tabel?
Avatar billede roenving Novice
26. september 2005 - 17:12 #8
Hvis du har en korrekt doctype inklusive dtd-link (f.eks.

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

!-), skal du bare angive en bredde og så sætte margin til auto:

<table style="width:779px;margin:0 auto;">

-- els velbekomme '-)
Avatar billede roenving Novice
26. september 2005 - 17:16 #9
-- 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
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 17:10 Windows 10 Home 22H2 produktnøgle Af Uvanga i Windows
I går 17:10 Windows 10 Home 22H2 produktnøgle Af Uvanga i Windows
05/0810:19 Kan jeg beholde Publisher på min maskine efter at MS stopper med support Af KurtG i Office & Kontorpakker
02/0814:53 TV4ever 3.0 Af valby i Diverse
01/0816:21 Installere Ubuntu på Virtuel Maskine Af Uvanga i Andet software
White papers
Flere white papers »