Centering A DIV, Can't seem to find solution |
 Aug 3 2008, 07:28 PM
Post
#1
|
|
|
Senior Member  Group: Member Posts: 35 Joined: Jan 2007 Member No: 492,619  |
CODE <style>body{background-color:000000;}</style> <style>embed, object {width:0px; height:0px;} table table table embed, table table table object {width:320px; height:240px;} </style> <style> .contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12, .btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden} td td td td{border:0px;width:0px;text-align:left;} table,td,tr{padding:0px;width:;background-color:transparent} table table table{padding:1px;height:.01%;width:100%;} table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important} a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;} table table table table,table table table table td.text, td.text td.text table{display:none;} td.text table table{display:inline;visibility:visible;} table td table tr td.text table{visibility:hidden;} table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;} </style> <div class="blog"> <img src="http://img45.imageshack.us/img45/1535/221kw9.jpg" border="0" usemap="#Map" /> <map name="Map"> <area shape="rect" coords="27,599,205,624" href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTE5NTQxNjMzJk15 G9rZW49NDEyYzAzZWEtNzI5NS00NzdmLWExMWQtNWE3MjUzYWE2NjEx" /> <area shape="rect" coords="28,640,200,666" href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz 2FnZSZmcmllbmRJRD0xMTE2MDM3NTQmTXlUb2tlbj03YjcyYTNhNS0wMGFiLTQ0ZGUtYjBmMy01ZDczN ViMTBiNjY=" /> <area shape="rect" coords="32,684,198,709" href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu mlld1BpY3R1cmUmZnJpZW5kSUQ9MTk1NDE2MzM=" /> <area shape="rect" coords="8,804,270,831" href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTE5NTQxNjMzJk15 G9rZW49N2FmMzZiYzctMjUzYS00OTdhLTkxODAtODdhMzgwMWQxMDcx" /><area shape="rect" coords="8,847,237,877" href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz 2FnZSZmcmllbmRJRD0xOTU0MTYzMyZNeXRva2VuPUU2MERDOTI0LTY1OTYtNDRFMy1COTQ1OTdCODRGN ZFQjRCNDYyOTA0Njc=" /> <area shape="rect" coords="31,555,127,584" href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyJk15VG9rZW49" /> <input name="friendID" value="19541633" type="hidden" /> </map> </div> Code above, picture below it. Problem is I can't get the div layout to be centered, its off to the right and theres a blinking white line as if theres text where the small red arrow is pointing and I think thats the problem. Thanks in advanced.
Reason for edit: thumb images, please. :) -nat
|
|
|
|
 |
Replies
(1 - 9)
|
Aug 3 2008, 07:51 PM
Post
#2
|
|
 We are the cure. Group: Staff Alumni Posts: 4,936 Joined: Jan 2004 Member No: 1,456 |
In your CSS, add:
#blog {width: 612px; margin: 0 auto} body {text-align:center} |
|
|
|
|
Aug 3 2008, 08:12 PM
Post
#3
|
|
|
Senior Member Group: Member Posts: 35 Joined: Jan 2007 Member No: 492,619 |
QUOTE(waccoon @ Aug 3 2008, 07:51 PM)  In your CSS, add: #blog {width: 612px; margin: 0 auto} body {text-align:center} didn't quite catch that  where do I put that code? |
|
|
|
|
Aug 3 2008, 08:15 PM
Post
#4
|
|
|
We are the cure. Group: Staff Alumni Posts: 4,936 Joined: Jan 2004 Member No: 1,456 |
In between your <style> tags.. which I notice are kind of weird. Change it to <style type="text/css">.
|
|
|
|
|
Aug 3 2008, 08:18 PM
Post
#5
|
|
|
Senior Member Group: Member Posts: 35 Joined: Jan 2007 Member No: 492,619 |
QUOTE(waccoon @ Aug 3 2008, 08:15 PM) In between your <style> tags.. which I notice are kind of weird. Change it to <style type="text/css">. mind if you change it up for me and gieb me code? kinda lost my man.. |
|
|
|
|
Aug 3 2008, 09:07 PM
Post
#6
|
|
 simple and clean... Group: Official Designer Posts: 149 Joined: Nov 2006 Member No: 478,009 |
Try it this way. Replace the code with this:
CODE <style>
body{background-color:000000;} .blog {left:50%; margin-left:-306px; position:absolute;} embed, object {width:0px; height:0px;} table table table embed, table table table object {width:320px; height:240px;} .contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12, btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden} td td td td{border:0px;width:0px;text-align:left;} table,td,tr{padding:0px;width:;background-color:transparent} table table table{padding:1px;height:.01%;width:100%;} table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important} a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;} table table table table,table table table table td.text, td.text td.text table, .userProfileURL{display:none;} td.text table table{display:inline;visibility:visible;} table td table tr td.text table{visibility:hidden;} table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;} </style> <div class="blog"> <img src="http://img45.imageshack.us/img45/1535/221kw9.jpg" border="0" usemap="#Map" /> <map name="Map"> <area shape="rect" coords="27,599,205,624" href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTE5NTQxNjMzJk15 G9rZW49NDEyYzAzZWEtNzI5NS00NzdmLWExMWQtNWE3MjUzYWE2NjEx" /> <area shape="rect" coords="28,640,200,666" href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz 2FnZSZmcmllbmRJRD0xMTE2MDM3NTQmTXlUb2tlbj03YjcyYTNhNS0wMGFiLTQ0ZGUtYjBmMy01ZDczN ViMTBiNjY=" /> <area shape="rect" coords="32,684,198,709" href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu mlld1BpY3R1cmUmZnJpZW5kSUQ9MTk1NDE2MzM=" /> <area shape="rect" coords="8,804,270,831" href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTE5NTQxNjMzJk15 G9rZW49N2FmMzZiYzctMjUzYS00OTdhLTkxODAtODdhMzgwMWQxMDcx" /><area shape="rect" coords="8,847,237,877" href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz 2FnZSZmcmllbmRJRD0xOTU0MTYzMyZNeXRva2VuPUU2MERDOTI0LTY1OTYtNDRFMy1COTQ1OTdCODRGN ZFQjRCNDYyOTA0Njc=" /> <area shape="rect" coords="31,555,127,584" href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyJk15VG9rZW49" /> <input name="friendID" value="19541633" type="hidden" /> </map> </div> |
|
|
|
|
Aug 3 2008, 09:15 PM
Post
#7
|
|
|
Senior Member Group: Member Posts: 35 Joined: Jan 2007 Member No: 492,619 |
QUOTE(allvanishing @ Aug 3 2008, 09:07 PM) Try it this way. Replace the code with this: CODE <style> body{background-color:000000;} .blog {left:50%; margin-left:-306px; position:absolute;} embed, object {width:0px; height:0px;} table table table embed, table table table object {width:320px; height:240px;} .contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12, btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden} td td td td{border:0px;width:0px;text-align:left;} table,td,tr{padding:0px;width:;background-color:transparent} table table table{padding:1px;height:.01%;width:100%;} table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important} a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;} table table table table,table table table table td.text, td.text td.text table, .userProfileURL{display:none;} td.text table table{display:inline;visibility:visible;} table td table tr td.text table{visibility:hidden;} table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;} </style> <div class="blog"> <img src="http://img45.imageshack.us/img45/1535/221kw9.jpg" border="0" usemap="#Map" /> <map name="Map"> <area shape="rect" coords="27,599,205,624" href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTE5NTQxNjMzJk15 G9rZW49NDEyYzAzZWEtNzI5NS00NzdmLWExMWQtNWE3MjUzYWE2NjEx" /> <area shape="rect" coords="28,640,200,666" href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz 2FnZSZmcmllbmRJRD0xMTE2MDM3NTQmTXlUb2tlbj03YjcyYTNhNS0wMGFiLTQ0ZGUtYjBmMy01ZDczN ViMTBiNjY=" /> <area shape="rect" coords="32,684,198,709" href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu mlld1BpY3R1cmUmZnJpZW5kSUQ9MTk1NDE2MzM=" /> <area shape="rect" coords="8,804,270,831" href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTE5NTQxNjMzJk15 G9rZW49N2FmMzZiYzctMjUzYS00OTdhLTkxODAtODdhMzgwMWQxMDcx" /><area shape="rect" coords="8,847,237,877" href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz 2FnZSZmcmllbmRJRD0xOTU0MTYzMyZNeXRva2VuPUU2MERDOTI0LTY1OTYtNDRFMy1COTQ1OTdCODRGN ZFQjRCNDYyOTA0Njc=" /> <area shape="rect" coords="31,555,127,584" href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyJk15VG9rZW49" /> <input name="friendID" value="19541633" type="hidden" /> </map> </div> thanks a bunch  one concern though, how do I take out the navigation (home,mail etc..) and also make the div go up a bit? once again, thanks for taking the time to recode, and hopefully answer this question ! 
|
|
|
|
|
Aug 3 2008, 09:26 PM
Post
#8
|
|
|
simple and clean... Group: Official Designer Posts: 149 Joined: Nov 2006 Member No: 478,009 |
Don't worry. It only takes about a minute.
 Now replace the code with this:CODE <style>
body{background-color:000000;} .blog {left:50%; margin-left:-306px; position:absolute; padding-bottom:50px; top:130px;} embed, object {width:0px; height:0px;} table table table embed, table table table object {width:320px; height:240px;} div table td font { display: none } div div table tr td a.navbar, div div table tr td font { display: none } div form, .mslogo, div ul {display:none!important;} div div, div td {background-color:transparent; background-image:none!important;} div.profileWidth {margin-top: -30px !important;}div.profileWidth div {filter:alpha(opacity=0); opacity:0.0001}div.profileWidth div.clearfix, i i i, div.profileWidth div div {filter:none; opacity:0.9999}div.profileWidth div.clearfix {position:relative; top:30px} div div select, div div form {display:none !important;} .contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12, btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden} td td td td{border:0px;width:0px;text-align:left;} table,td,tr{padding:0px;width:;background-color:transparent} table table table{padding:1px;height:.01%;width:100%;} table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important} a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;} table table table table,table table table table td.text, td.text td.text table, .userProfileURL{display:none;} td.text table table{display:inline;visibility:visible;} table td table tr td.text table{visibility:hidden;} table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;} </style> <div class="blog"> <img src="http://img45.imageshack.us/img45/1535/221kw9.jpg" border="0" usemap="#Map" /> <map name="Map"> <area shape="rect" coords="27,599,205,624" href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTE5NTQxNjMzJk15 G9rZW49NDEyYzAzZWEtNzI5NS00NzdmLWExMWQtNWE3MjUzYWE2NjEx" /> <area shape="rect" coords="28,640,200,666" href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz 2FnZSZmcmllbmRJRD0xMTE2MDM3NTQmTXlUb2tlbj03YjcyYTNhNS0wMGFiLTQ0ZGUtYjBmMy01ZDczN ViMTBiNjY=" /> <area shape="rect" coords="32,684,198,709" href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu mlld1BpY3R1cmUmZnJpZW5kSUQ9MTk1NDE2MzM=" /> <area shape="rect" coords="8,804,270,831" href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTE5NTQxNjMzJk15 G9rZW49N2FmMzZiYzctMjUzYS00OTdhLTkxODAtODdhMzgwMWQxMDcx" /><area shape="rect" coords="8,847,237,877" href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz 2FnZSZmcmllbmRJRD0xOTU0MTYzMyZNeXRva2VuPUU2MERDOTI0LTY1OTYtNDRFMy1COTQ1OTdCODRGN ZFQjRCNDYyOTA0Njc=" /> <area shape="rect" coords="31,555,127,584" href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyJk15VG9rZW49" /> <input name="friendID" value="19541633" type="hidden" /> </map> </div> |
|
|
|
|
Aug 3 2008, 09:30 PM
Post
#9
|
|
|
Senior Member Group: Member Posts: 35 Joined: Jan 2007 Member No: 492,619 |
QUOTE(allvanishing @ Aug 3 2008, 09:26 PM) Don't worry. It only takes about a minute. Now replace the code with this:CODE <style> body{background-color:000000;} .blog {left:50%; margin-left:-306px; position:absolute; padding-bottom:50px; top:130px;} embed, object {width:0px; height:0px;} table table table embed, table table table object {width:320px; height:240px;} div table td font { display: none } div div table tr td a.navbar, div div table tr td font { display: none } div form, .mslogo, div ul {display:none!important;} div div, div td {background-color:transparent; background-image:none!important;} div.profileWidth {margin-top: -30px !important;}div.profileWidth div {filter:alpha(opacity=0); opacity:0.0001}div.profileWidth div.clearfix, i i i, div.profileWidth div div {filter:none; opacity:0.9999}div.profileWidth div.clearfix {position:relative; top:30px} div div select, div div form {display:none !important;} .contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12, btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden} td td td td{border:0px;width:0px;text-align:left;} table,td,tr{padding:0px;width:;background-color:transparent} table table table{padding:1px;height:.01%;width:100%;} table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important} a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;} table table table table,table table table table td.text, td.text td.text table, .userProfileURL{display:none;} td.text table table{display:inline;visibility:visible;} table td table tr td.text table{visibility:hidden;} table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;} </style> <div class="blog"> <img src="http://img45.imageshack.us/img45/1535/221kw9.jpg" border="0" usemap="#Map" /> <map name="Map"> <area shape="rect" coords="27,599,205,624" href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTE5NTQxNjMzJk15 G9rZW49NDEyYzAzZWEtNzI5NS00NzdmLWExMWQtNWE3MjUzYWE2NjEx" /> <area shape="rect" coords="28,640,200,666" href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz 2FnZSZmcmllbmRJRD0xMTE2MDM3NTQmTXlUb2tlbj03YjcyYTNhNS0wMGFiLTQ0ZGUtYjBmMy01ZDczN ViMTBiNjY=" /> <area shape="rect" coords="32,684,198,709" href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu mlld1BpY3R1cmUmZnJpZW5kSUQ9MTk1NDE2MzM=" /> <area shape="rect" coords="8,804,270,831" href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTE5NTQxNjMzJk15 G9rZW49N2FmMzZiYzctMjUzYS00OTdhLTkxODAtODdhMzgwMWQxMDcx" /><area shape="rect" coords="8,847,237,877" href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz 2FnZSZmcmllbmRJRD0xOTU0MTYzMyZNeXRva2VuPUU2MERDOTI0LTY1OTYtNDRFMy1COTQ1OTdCODRGN ZFQjRCNDYyOTA0Njc=" /> <area shape="rect" coords="31,555,127,584" href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyJk15VG9rZW49" /> <input name="friendID" value="19541633" type="hidden" /> </map> </div> i read your profile.. YOUR 14?! genius take care, alls perfect now thanks to both of you |
|
|
|
|
Aug 4 2008, 12:52 PM
Post
#10
|
|
 Senior Member Group: Administrator Posts: 8,629 Joined: Jan 2007 Member No: 498,468 |
Topic Closed & Moved
|
|
|
|
 |
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: