Avatar billede mysitesolution Nybegynder
07. juli 2003 - 23:18 Der er 8 kommentarer og
1 løsning

Placering af objecter i css

hvordan siger man at ex image1 skal være 20 px fra toppen og 30 px fra venstre?

hvis jeg har denne kode

<html>
<head>
<style>
.image1 {
???
}
</style>
</head>
<body>
<img class="image1" src="noget.gif">
</body>
</html>
Avatar billede ahv Nybegynder
07. juli 2003 - 23:20 #1
margin-top: 20px;
margin-left: 30px;
Avatar billede roenving Novice
07. juli 2003 - 23:21 #2
<style>
.image1 {
position:absolute;/*hvis det f.eks. er inde i en td skal den hedde relative*/
top:20px;
left:30px;
}
</style>
Avatar billede roenving Novice
07. juli 2003 - 23:22 #3
-- desuden bevirker absolute, at elementet ligesom ikke findes nede på siden, men svæver ovenover, så andre ting kan komme ind under ...
Avatar billede mysitesolution Nybegynder
07. juli 2003 - 23:25 #4
kan man fx gøre så image1 er 40 px højre fra midten?
Avatar billede roenving Novice
07. juli 2003 - 23:27 #5
Hvis du har et element, den skal ligge inden i, hvor midten er elementets venstre kant, så ja, eller nej, den har jeg ikke set !-)
Avatar billede mysitesolution Nybegynder
07. juli 2003 - 23:29 #6
roenving svar mener jeg er mest "rigtigt"....

opretter du et svar?
Avatar billede roenving Novice
07. juli 2003 - 23:31 #7
jamen velbekomme '-)
Avatar billede =maddog= Nybegynder
07. juli 2003 - 23:37 #8
mht til 40px til højre for midten skal vi netop ud i relative. rent løssluppet nogenlunde i denne stil.
<table style="width:100%;height:100%;position:absolute;">
<tr>
<td style="vertical-align:middle;text-align:center;">
<img src="pic.gif" style="position:relative; left:40px;">
</td>
</tr>
</table>
Avatar billede roenving Novice
07. juli 2003 - 23:45 #9
>>=maddog=

-- bliver man så ikke også nødt til at medtage ½ af billedets bredde ?-)

-- ellers er det jo simpelt og genialt, men har så den bagdel, at forudsætningerne for hele opbygningen kan give problemer med alt andet ...
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