CSS bilder blir ikke sentrert

NicholasWalker · 11. august 2010

Hei, har laget en side men har litt problemer med neon bilder som ikke blir sentrert.

Jeg lærer enda css men jeg tror margin:0px; gjør det sentrert.

xtrm.tk er sia du kan se hvordan de 3 bildene er flyttet ut av bildet.

dreamweaver gjør at allt blir satt opp feil så jeg laget htmlen fra bunn av og nå ser alt bra ut utenom det youtube greiene...

Webhosten min tar vekk alt som det står youtube i men det tar jo ikke vekk bildene så jeg tror ikke det er derfor.

dette er hele htmlen:

<body>
<div id="main_bg">
<div id="header">
<div id="header_nav">
<p><a href="http://xtrm.tk/">Home</a> | <a href="http://xtrm.tk/forums">forums</a></p>
</div>
</div>
<div id="wrap">
<div id="clan_info">
<div id="clan_matches">
<center>
<p>There are no upcoming matches</p>
</center>
</div>
<div id="clan_note">
<center>
<p>You can get more inforamtion about more clan matches 
and other events in the <a href="http://xtrm.tk/forums/">xTrM Events Forum</a></p>
</center>
</div>
</div>
<div id"menu">
<div id="menu_home" onclick="location.href='index.html';"></div>
<div id="menu_info" onclick="location.href='http://xtrm.tk/forums/viewtopic.php?f=22&t=5&sid=ea08b95db2272ed03f741c7732ce7335';"></div>
<div id="menu_forum" onclick="location.href='http://xtrm.tk/forums/index.html';"></div>
<div id="menu_y" onclick="location.href='';"></div>
<div id="menu_support" onclick="location.href='http://xtrm.tk/forums/viewforum.php?f=5&sid=371bfcc1ea568d441f759d83499815fd';"></div>
<div id="menu_d" onclick="location.href='http://xtrm.tk/forums/viewtopic.php?f=21&t=16&sid=5949038346e3993b372c491f0863b2a2';"></div>
<div id="wrap_BG">
<div id="main_content">
<div id="news_top">
<div id="news_user">
Nicho1995W
</div>
<div id="news_rank">
Administrator
</div>
<div id="news_postdate">
August 10 2010
</div>
<div id="news_content">
Hello and welcome to xtrm Call of Duty Clan. This is our new template that i have coded in css
and thanks to Johannes simonsen for the nice photoshop template that he made for us. This clan
is very new and we will have more information and clan matches when we get more members. Also visit
the forum here: <a href="http://xtrm.tk/forums">FORUMS</a>
</div>
<div id="news_left">
<div id="news_note">
<font color="red">[NOTE]:</font>This clan is for Modern Warfare 2 on PS3 only!
</div>
</div>
<div id="news_right" onclick="location.href='http://xtrm.tk/forums/viewtopic.php?f=21&t=17&sid=4580398d13d0c7db8a5e65d1d5507462';">
</div>
<div id="y">
<div id="y_top"></div>
<div id="y_left" onclick="location.href='http://xtrm.tk/forums';"></div>
<div id="y_right" onclick="location.href='http://xtrm.tk/forums';"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="footer"></div>
</body>

Dette er cssen til youtube bildene:

#y {
margin:0px;
float:left;
padding-top:37px;
padding-bottom:0px;
width:799px;
height:460px;
}
#y_top {
float:left;
width:799px;
height:59px;
background:url(images/YHeader.jpg);
}
#y_left {
cursor:pointer;
float:left;
width:400px;
height:401px;
background:url(images/YLeft.jpg);
}
#y_right {
cursor:pointer;
float:left;
width:399px;
height:401px;
background:url(images/YRight.jpg);
}

Jeg vet ikke hvorfor jeg har float left på alle men hvis jeg tar det vekk så funker ikke padding-top:37px;

FuLu · 12. august 2010

Sjekket bare i Firefox, ser ok ut her, utenom den youtube boksen som er noe utenfor. Problemet er hvor i html-koden den er blitt lagt. DIV med id="y" må flyttes noen hakk nedover i hiarkiet. Jeg testet å klippe ut DIV#y til bunnen av DIV#wrap_BG, da så det noe bedre ut.

NicholasWalker · 13. august 2010

Sjekket bare i Firefox, ser ok ut her, utenom den youtube boksen som er noe utenfor. Problemet er hvor i html-koden den er blitt lagt. DIV med id="y" må flyttes noen hakk nedover i hiarkiet. Jeg testet å klippe ut DIV#y til bunnen av DIV#wrap_BG, da så det noe bedre ut.

Takker, flytta det ned og nå er den perfekt. Takker igjen:D

Logg inn

CSS bilder blir ikke sentrert

Anbefalte innlegg

NicholasWalker

Lenke til kommentar

Videoannonse

FuLu

Lenke til kommentar

NicholasWalker

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer