Centrera bild [CSS]|Programmering / Grafisk formgivning|Forum|Nordichardware

Search
Forum Scope


Match



Forum Options



Minimum search word length is 3 characters - maximum search word length is 84 characters
Lost password?
The forums are currently locked and only available for read only access
sp_Feed sp_TopicIcon
Centrera bild [CSS]
Aquila
Mina inlägg skrivs i binär kod
Medlem
Forum Posts: 118
Member Since:
November 10, 2001
sp_UserOfflineSmall Offline
1
October 8, 2003 - 11:42 pm
sp_Permalink sp_Print

Jag har lite problem med att få en bild centrerad. Bilden ska dessutom vara längst upp på sidan. Just nu kör jag med:

<style type="text/css">
#top {position:absolute; top:0%; left:50%;}
</style>

Men det gör ju inte att själva bilden blir riktigt centrerad, bara att webbläsaren så att säga börjar skriva den i mitten, så att den hamnar till höger om mitten. Om man använder ett annat procenttal så stämmer det ju inte heller om man har en annan upplösning...

LJunkan
Almost a full-blooded keyboard-warrior
Medlem
Forum Posts: 215
Member Since:
February 4, 2002
sp_UserOfflineSmall Offline
432056
October 9, 2003 - 7:11 am
sp_Permalink sp_Print

testa ändra absolute till relative

bossse
Nu vet jag hur man gör inlägg!
Medlem
Forum Posts: 47
Member Since:
March 6, 2002
sp_UserOfflineSmall Offline
432172
October 9, 2003 - 10:43 am
sp_Permalink sp_Print

Så här kan man också göra!

<html>
<head>
<title></title>
<style type="text/css">
<!--
.bild { position:absolute;left:50%;top:50%;margin-left:-150px;margin-top:-120px;}
-->
</style>
</head>
<body>
<div id="bildlager" class="bild">
[Image Can Not Be Found] </div>
</body>
</html>
Ändra width och height till bildens dimensioner. Du ändrar alltså värden för margin-left/margin-top enl. nedan.


Om din bild är 300px bred och 200px hög så blir margin-värdena -150px respektive -100px.


Dvs hälften av bildens mått. Bilden ligger då alltid i mitten oavsett upplösning.


Om du bara vill centrering åt ett håll så tror jag du kan räkna ut detta själv!
Aquila
Mina inlägg skrivs i binär kod
Medlem
Forum Posts: 118
Member Since:
November 10, 2001
sp_UserOfflineSmall Offline
432421
October 9, 2003 - 4:26 pm
sp_Permalink sp_Print

Tack för hjälpen 🙂

Forum Timezone: Europe/Stockholm
Most Users Ever Online: 1030
Currently Online:
Guest(s) 348
Currently Browsing this Page:
1 Guest(s)
Top Posters:
Andreas Galistel: 16287
Jonas Klar: 15897
ilg@dd: 10810
Nyhet: 10607
Mind: 10550
Ctrl: 10355
Gueno: 9881
Guest: 9344
Snorch: 8881
Callister: 8468
Newest Members:
PetrbonFU PetrbonFU
Karine Bembry
Dolores Mcdaniels
Anibal McLeish
Francisca Alt
Alfie Everhart
Lester Huitt
Orlando Jorgensen
Mikki Lundgren
Dakota Kozlowski
Forum Stats:
Groups: 11
Forums: 59
Topics: 146630
Posts: 1300967

 

Member Stats:
Guest Posters: 2
Members: 79425
Moderators: 0
Admins: 11
Administrators: nordicadmin, Henrik Berntsson, Anton Karmehed, Carl Holmberg, Joel Oscarsson, Mikael Linnér, Mikael Schwartz, Andreas Paulsson, Nickebjrk, Mattias Pettersson, EmxL