Notifikationer

Markér alle som læst Log ud

bobbedude Nybegynder

11. oktober 2007 - 13:35 Der er 12 kommentarer og
1 løsning

Positioner element ud fra yderst tabel

på min side har jeg en tabel som er 750px bred og 100% høj den er centreret på siden.

<table width="750" border="0" height="100%" align="center" cellpadding="0" cellspacing="0">
<tr>
<td> </td>
</tr>
</table>

Hvordan kan jeg placer et grafik element 20px fra toppen af tabellen og 30px fra højre side i sit eget z index.

Synes godt om

w13 Novice

11. oktober 2007 - 13:37 #1

Jeg er ikke med. "30px fra højre side i sit eget z-index"?

Hvis du bruger position:absolute;top:20px; er det med toppen i hvert fald klaret. Eks.:

<img src="noget" style="position:absolute;top:20px">

Synes godt om

bobbedude Nybegynder

11. oktober 2007 - 13:41 #2

det jeg mente var at jeg vil have billedet til at være 20px fra toppen af tabellen og 30px fra højre side af tabellen.
beklager resten som var noget sludder.

Synes godt om

w13 Novice

11. oktober 2007 - 13:45 #3

<table width="750" border="0" height="100%" align="center" cellpadding="0" cellspacing="0">
<tr>
<td style="margin-top:20px;margin-right:30px;text-align:right"><img src="noget"></td>
</tr>
</table>

Sådan her?

Synes godt om

bobbedude Nybegynder

11. oktober 2007 - 13:51 #4

hehe nej ikke sådan jeg vil kunne flytte rundt på billedet gennem stylen det du gør har jo indvirkning på alt hvad der bliver vis i tabellen.

<div style="width: 100px; height: 100px; border: 1px solid red;">Boks 1</div>
<div style="position: relative; top: 0px; left: 105px; width: 100px; height: 100px; border: 1px solid blue;">Boks 2</div>

her er box 2 placeret iforhold til box 1 ikke men isted for box 1 har jeg en tabel

Synes godt om

w13 Novice

11. oktober 2007 - 13:54 #5

Ja? Og hvad sker der, hvis du prøver at erstatte dem med tabellen og grafikken?

Synes godt om

bobbedude Nybegynder

11. oktober 2007 - 13:57 #6

tror ikke jeg er istand til at spørge korrekt

Synes godt om

w13 Novice

11. oktober 2007 - 13:59 #7

Jeg er i hvert fald ikke helt sikker på, hvordan du vil ha' det til at ende op. =S Ellers må vi lige se et link.

Synes godt om

bobbedude Nybegynder

11. oktober 2007 - 13:59 #8

hvordan bestemmer jeg hvor et element skal placers inden i den tabel UDEN at det går ud over noget af det andet inhold der er i tabellen.
Altså billedet er i sit eget lag og jeg kan flytte rundt på det ved at ændre på css'en

Synes godt om

w13 Novice

11. oktober 2007 - 14:17 #9

Hvis du kodemæssigt placerer den inde i tabellen, tror jeg, det skulle være muligt. Når du har den positioneret, skulle indholdet i tabellen ikke rykke rundt på grund af den.

Synes godt om

bobbedude Nybegynder

11. oktober 2007 - 14:52 #10

Ok jeg har det her:

<HTML>
<head>
<title>Centered Column Layout</title>
<style type="text/css">
body {
background-color : #cccccc;
color : #000000;
text-align : center;
margin-top : 50px;
vertical-align : middle;
}
#content {
width : 750px;
margin-right : auto;
margin-left : auto;
margin-top : 30px;
border : 2px solid #000000;
background-color : #ffffff;
padding : 5px;
text-align : left;

}
#sidemu {
float:right;
width:150px;
height:250px;
border:2px dashed #c00;
margin-top:10px;
margin-right:10px;
background: orange;

}

</style>
</head>
<body>
wsfeawefawefewaf

<div id="content">
<table width="750" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td> </td>
</tr>
</table>
<div id="sidemu">asdcasdcasdcasdcasdcd
</div>
<h1>Sample Content</h1>
<p>
Place your main content here.
</p>
<ul>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
</ul>
<p>
Lorem ipsum sit dolor amum. Lorem ipsum sit dolor amum. Lorem ipsum sit dolor amum. Lorem ipsum sit dolor amum. Lorem ip</p>

<p>sum sit dolor amum. Lorem ipsum sit dolor amum.
Lorem ipsum sit dolor amum. Lorem ipsum sit dolor amum. Lorem ipsum sit dolor amum. Lorem ipsum sit dolor amum. Lorem ipsum sit dolor amum. Lorem ipsum sit dolor amum.
Lorem ipsum sit dolor amum. Lorem ipsum sit dolor amum. Lorem ipsum sit dolor amum. Lorem ipsum sit dolor amum. Lorem ipsum sit dolor amum. Lorem ipsum sit dolor amum.
Lorem ipsum sit dolor amum. Lorem ipsum sit dolor amum. </p>
</div>

</body>
</html>

Men kan man ikke bruge z-index når man ikke bruger position-absolute jeg prøvede at få sidemu til at ligge øverst men uden held hvordan kan det være ?

Synes godt om

bobbedude Nybegynder

11. oktober 2007 - 15:11 #11

glem det her

Synes godt om

olebole Juniormester

11. oktober 2007 - 16:16 #12

<ole>

(11/10-2007 13:51:49) >> Nej, dér har du ikke placeret noget i forhold til hinanden. Det har jeg til gengæld her:

<div style="position:relative">
<div style="position:absolute;left:100px;top:60px">Mit div</div>
</div>

- og det er jo noget fuldstændig andet :)

Det samme kan du gøre i en tabel. Det er dog ikke nok, at positionere en tabelcelle relativt - du skal have et div inden i:

<td>
<div style="position:relative">
<div style="position:absolute;left:100px;top:60px">Mit div</div>
</div>
</td>

/mvh
</bole>

Synes godt om

roenving Novice

14. oktober 2007 - 01:46 #13

-- eller man kan tage udgangspunkt i selve tabellen:

<table ... style="...;position:relative;">

...

<div style="position:absolute;left:100px;top:60px">Mit div</div>

...

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