centrera en bild? till myspace

Tja! Som ni ser så har jag lagt in hela min myspacescrtipt här.
Men jag har ett litet problem bara.
Jag vill centrera "lol2.gif" som ligger i "topbanner".
Bilden är en imagemap bild "funkar fortf fast det är fel kordinater i den bara".

*Har lagt till <div align="center"> runt <img> elementet funkade inte.
*Har provat med div.topbanner {
text-align:center;
}

div.topbanner img {
margin:0 auto;
}
Men det la sig i rutan nedan på sidan.

Så ser koden ut efter lite ändringar. Sidan det handlar om är https://www.myspace.com/slayblitz

<style type="text/css">
* {color:000000; font-family:Trebuchet MS, Arial, Helvetica, san-serif !important; font-size:12px;}
table {background:transparent !important; border:none;}
td {background:transparent !important; border:none !important;}
table table table td {background:D6D7D6 !important; color:000000;}
dh_myspace_header table {border: !important;}
div table {background:transparent !important;}
table.navigationBar td {background:transparent !important; color:000000;}
tablemusicnav {display:none;}
input {color:000000 !important; font-size:12px !important;}
a:link, a:visited {font-family:Trebuchet MS, Arial, Helvetica, san-serif !important; font-size:12px !important; color:000000;}
a:hover, a:active {color:000000;}
a:link.navbar {color:000000 !important;}
a:hover.navbar {color:000000; background:transparent;}
.whitetext12 {color:000000;}
.btext, .redbtext, a.redlink:link, .orangetext15, .redtext {color:000000;}
divprofile_bandschedule table td {border:0 !important; background:D6D7D6 !important;}
divprofile_bandschedule table table table td {background: 000000 !important;}
divprofile_bandschedule table table td {background:D6D7D6 !important;}
divprofile_bandschedule table table td table {background:transparent !important; border:0 !important;}
divprofile_bandschedule table table td table tr td {background:D6D7D6 !important;}

body{ 
background-position:center top;
margin-top: 750;background-color: transparent; background-image: url("http://www.djdragonfly.se/Slayblitz/myspace/buttons/bmp/stormain.jpg");
}

div.topbanner {
top: 0px;
left: 0px;
margin-left: 0px;
width: 0px;
height: 0px;
position: absolute; center; display: inline;
}
</style>

<div class="topbanner">

<img src="http://www.djdragonfly.se/Slayblitz/myspace/myspaceimage/bilder/lol2.gif" width="1024" height="756" border="0" alt="" usemap="slayblitzmain_Map">
<map name="slayblitzmain_Map">
<area shape="poly" alt="" coords="546,47, 530,44, 521,57, 514,66, 515,79, 520,88, 529,94, 531,102, 524,107, 512,114, 506,124, 511,140, 526,138, 532,125, 546,125, 555,118, 563,126, 573,129, 583,125, 592,129, 600,128, 610,131, 616,125, 621,142, 632,147, 637,154, 647,156, 650,138, 637,132, 632,128, 644,126, 650,125, 663,128,
673,125, 683,128, 688,126, 695,129, 701,125, 709,130, 720,125, 727,128, 742,131, 749,127, 761,131, 770,122, 776,115, 772,111, 767,112, 769,105, 775,95, 772,94, 773,87, 774,80, 766,80, 758,76, 747,79, 740,74, 738,59, 731,65, 725,70, 714,64, 704,62, 697,74, 697,53, 688,57, 683,65, 680,72, 680,79, 676,81, 668,77, 665,72, 666,51,
648,64, 648,77, 648,82, 643,80, 638,76, 633,80, 626,76, 618,85, 614,80, 609,81, 604,76, 600,80, 591,79, 586,80, 582,73, 583,55, 577,53, 564,65, 553,65, 547,60, 556,52, 559,45, 554,42" href="http://www.slayblitz.webb.se">
<area shape="poly" alt="" coords="702,282, 692,278, 688,282, 688,289, 693,290, 693,294, 692,301, 690,306, 685,311, 688,320, 698,323, 700,319, 693,314, 696,314, 701,318, 707,322, 714,319, 714,314, 722,313, 735,314, 741,313, 751,313, 758,315, 768,313, 773,314, 779,314, 785,313, 792,311, 805,315, 812,311, 820,312, 830,314,
837,314, 844,313, 894,313, 900,307, 898,299, 894,293, 889,292, 887,295, 881,288, 874,285, 872,294, 867,292, 862,292, 859,293, 853,293, 851,288, 847,285, 844,287, 839,290, 837,286, 832,285, 827,285, 821,288, 821,292, 819,296, 816,291, 809,291, 804,284, 798,284, 795,290, 793,295, 784,287, 777,285, 775,292, 756,293, 746,290,
741,286, 731,287, 733,291, 727,292, 721,292, 715,291, 716,279, 714,277, 710,280" href="http://messaging.myspace.com/index.cfm?fuseaction=mail.forward&friendID=207415019&f=forwardprofile">
<area shape="poly" alt="" coords="417,277, 409,280, 406,289, 411,292, 414,297, 411,305, 406,311, 408,321, 417,323, 420,319, 415,315, 421,313, 425,313, 431,313, 439,313, 442,311, 448,315, 455,313, 460,312, 468,317, 473,314, 479,316, 488,314, 494,314, 509,314, 518,314, 530,314, 554,317, 565,312, 567,295, 558,292, 552,293,
544,286, 538,292, 533,292, 524,292, 520,289, 516,287, 511,285, 506,292, 503,291, 503,285, 498,284, 492,286, 487,291, 481,293, 472,291, 469,285, 462,289, 456,294, 450,288, 442,286, 442,293, 434,286, 430,291, 427,291" href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=207415019&MyToken=c1ff00b9-13d2-47a5-a02c-c9fb5530b9e6">
<area shape="poly" alt="" coords="795,201, 784,198, 778,206, 782,212, 784,215, 784,224, 777,229, 776,237, 782,242, 791,242, 785,235, 784,233, 798,234, 805,233, 860,232, 869,234, 872,231, 879,234, 882,227, 882,220, 881,214, 874,211, 871,214, 863,212, 845,213, 845,202, 836,207, 836,212, 825,212, 816,212, 811,213, 811,203,
813,199, 807,201, 804,199" href="http://djdragonfly.se/Slayblitz/band.php">
<area shape="poly" alt="" coords="573,197, 571,206, 572,219, 578,230, 581,233, 580,239, 590,239, 592,229, 595,225, 601,231, 609,229, 612,231, 619,228, 627,232, 629,228, 636,232, 642,231, 649,231, 655,230, 659,229, 672,231, 682,237, 693,233, 700,229, 715,228, 725,230, 738,229, 734,220, 740,214, 735,205, 728,201, 714,196,
705,190, 672,192, 661,200, 662,206, 654,206, 651,203, 650,198, 636,198, 636,205, 630,203, 626,197, 621,194, 616,194, 613,197, 611,194, 603,196, 599,199, 596,199, 590,188, 584,187, 580,193" href="http://www.slayblitz.webb.se">
<area shape="poly" alt="" coords="425,200, 403,196, 397,208, 404,214, 404,234, 411,239, 423,244, 427,237, 437,236, 454,237, 464,237, 469,244, 478,244, 478,237, 490,236, 523,237, 532,235, 532,221, 531,213, 519,213, 509,213, 509,205, 496,209, 497,213, 488,212, 486,201, 470,199, 463,198, 466,207, 468,212, 464,215, 456,211,
449,212, 439,212, 427,214, 423,212" href="http://djdragonfly.se/Slayblitz/Shows.php">
</map>

Har för mig att du måste skriva

body{ 
background-position:center top;

dvs vända ordningen på dina argument.

Prova det och återkom om det inte hjälpte :)

ne funkade inte ,bilden följer den vänstra kanten fortfarande :/

Hmm...

Vad kan du meka med och vad genereras av MySpace ?
Testa att sätta en <div align="center"> runt själva bilden (<img>-elementet) - funkar vid en snabbkoll i FF iallafall (men jag skall i ärlighetens namn säga att jag inte fick din img-map att funka alls i MSIE efter klipp-och-klistra av koden härifrån och därför alltså inte har testat fullt ut i MSIE) ;)

Oj, var lite skel-ögd där ser nu att jag spanade in fel bild, jpg:en istället för gif:en...

"jarvklo" jag har försökt med div-taggen den gjorde inte någon skillnad. Försök att kopiera min img-map nu o se om det funkar. Bilden är ändrad till 1024 på bredden. Fast den håller sig fortf till den vänstra kanten.

Sen vet jag inte va dom tillåter på myspace men det är nästan typ allt bara att man måste länka bilder/sidor från nån annan ftp.

div.topbanner {
    text-align:center;
}

div.topbanner img {
    margin:0 auto;
}

Fuel den la sig i about rutan längst ner. =/ eller har jag ersatt det på nått fel sätt. Visa ungefär var den ska sitta annars.

Den här är centrerad för mig. Testad i både IE7 & FF 2.0.0.5

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>kraeftan - centrerad bild</title>
<style type="text/css">
* {
    padding: 0;
    padding: 0;
}

body {
    background-position: center top;
    background-color: #000000;
    background-image: url("http://www.djdragonfly.se/Slayblitz/myspace/buttons/bmp/stormain.jpg");
}

div.topbanner {
    text-align: center;
}

div.topbanner h1 {
    display:none;
}

div.topbanner img {
    margin: 0 auto;
    padding: 0;
    border: 0;
    display: block;
}
</style>
</head>
<body>

<div class="topbanner">
<h1>Slayblitz</h1>
<img src="http://www.djdragonfly.se/Slayblitz/myspace/myspaceimage/bilder/lol2.gif" width="1024" height="756" alt="" usemap="slayblitzmain_Map" />
</div>

</body>
</html>

fuel det är inte samma sak som att skriva in det i ett vanligt html doc. Har du ett myspace konto? för det visar helt andra saker där iaf. =/

kraeftan skrev:

ne funkade inte ,bilden följer den vänstra kanten fortfarande :/

Om du kan styra och ändra div.topbanner?

div.topbanner {
display:inline;
height:0px;
left:0px;
margin-left:0px;
position:absolute;
text-align:center;
top:0px;
width:100%;
}

Obs! Att den måste ha bredden 100% så den går över hela sidan.. :)

Funkar i FF i alla fall.. kollade in via Firebug, och ändra.

pröva!

asså fredde har du verkligen fått det att funka? jag kopierade ditt script fast det va samma. Har du en myspace där du kan visa att det funkar?