webForumDet fria alternativet
Logga in / Bli medlem

centrera en bild? till myspace

HTML & CSSur HTML, XHTML & CSS

11 svar · 868 visningar · startad av kraeftan

kraeftans avatarkraeftanMedlem sedan juli 200782 inlägg
Frågan#1

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>
headbugs avatarheadbugMedlem sedan sep. 2006867 inlägg
#2

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 :)

kraeftans avatarkraeftanMedlem sedan juli 200782 inlägg
#3

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

jarvkloMedlem sedan juli 20013 378 inlägg
#4

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) ;)

headbugs avatarheadbugMedlem sedan sep. 2006867 inlägg
#5

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

kraeftans avatarkraeftanMedlem sedan juli 200782 inlägg
#6

"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.

Fuels avatarFuelMedlem sedan okt. 20001 285 inlägg
#7
div.topbanner {
    text-align:center;
}

div.topbanner img {
    margin:0 auto;
}
kraeftans avatarkraeftanMedlem sedan juli 200782 inlägg
#8

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.

Fuels avatarFuelMedlem sedan okt. 20001 285 inlägg
#9

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>
kraeftans avatarkraeftanMedlem sedan juli 200782 inlägg
#10

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. =/

Fredde Mannens avatarFredde MannenMedlem sedan nov. 20014 054 inlägg
#11

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!

kraeftans avatarkraeftanMedlem sedan juli 200782 inlägg
#12

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?

144 ms totalt · 3 externa anrop · v20260731065814-full.b746b907
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
141 ms — hämta tråd, inlägg och bilagor (db)