Kev11
Threadersteller
Dabei seit: 28.07.2009
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 28.07.2009 19:30
Titel [myspace] DIV zentrieren |
|
|
Hallo an das MGi-Team.
Hätte eine Frage:
Habe mal ein Myspace-Profil entworfen das nicht will was ich will vor langer Zeit.
Da ich es jetzt online hab würde ich gern wissen wie ich das Profil zentriere auf myspace.
Normal bringe ich es ja zusammen Div´s zu zentrieren aber dieses will einfach nicht -.-
Kopiere euch mal den Code rein in der Hoffnung das ihr einen Fehler entdeckt ^^
Vertikal und Horizontal zentrieren wär eine super Sache
Bin jetzt ca. um 40px außermittig auf jedem Bildschirm. Nur bei kleinen Bildschirmen is das SCH**** ^^
Code: | <style>body{
background-color: b4ccd2;
scrollbar-arrow-color:be5553;
scrollbar-track-color:b4ccd2;
scrollbar-shadow-color:fff;
scrollbar-face-color:fff;
scrollbar-highlight-color:fff;
scrollbar-darkshadow-color:fff;
scrollbar-3dlight-color:fff;}
</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 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;}
table, tr, td{
background-color:
transparent; border: 0px;
}
body div table td form option{display:none!important;}
body div table td form select{display:none!important;}
body div table td form input{display:none!important;}
body div table td form{display:none!important;}
body{
background-color: b4ccd2;}
.div{
position:absolute;
visibility:visible;
width:482px;
height:600px;
margin:auto;
z-index:0;
top:50%;
left:50%;
margin-top:auto;
margin-left:auto;
margin-right:auto;
margin-bottom:auto;
.section1{
position: absolute;
left: 50%;
margin-left:-105px;
top: 167px;
z-index:5;
width: 220px;
height: 140px;
overflow: hidden;}
body,table, td, li, p, div
{
font:normal 10px tahoma;
color:000;
font-weight:none;
border:0px;
text-transform: none;
line-height:12px;}
textarea{
background-color: transparent;
width: 150px;
height: 50px;
color: fff;
font:7px small fonts;
text-transform:uppercase;
border: solid 1px 000;}
a:active,a:visited,a:link,a{
color:ad1907;
font-size:10px;
margin-top:1px;
cursor:default;
font-weight:normal;
letter-spacing:1px;
font-family:tahoma;
text-decoration:none;
text-transform:none;
}
a:hover{
color:000;
font-size:10px;
margin-top:1px;
cursor:default;
font-weight:normal;
letter-spacing:1px;
font-family:tahoma;
text-decoration:none;
text-transform:none;}
.standard b, p b, B, strong {
font-family:verdana;
font-size:9px;
color:ad1907;
font-weight:none;
border:0px;
text-transform: none; }
</style>
<style>.r{}</style>
<style>
embed, object{ display:block; width:51px; height:51px;}
</style>
<div style="text-align:center; width:482px; margin-left:auto; margin-right:auto; margin-top:auto; margin-bottom:auto;">
<img id="KENNY" src="http://img166.imageshack.us/img166/802/mysa.png" usemap="#KENNY" border="0" width="482" height="600" alt="" />
<map id="_Kev11" name="Kenny">
<area shape="rect" coords="173,161,212,202" href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy" alt="" title="" />
<area shape="rect" coords="219,161,258,202" href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD0zMDgzMDAxODQ=" alt="" title="" />
<area shape="rect" coords="264,161,303,202" href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTMwODMwMDE4NA==" alt="" title="" />
<area shape="rect" coords="311,161,350,202" href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIudmlld0FsYnVtcyZmcmllbmRJRD0zMDgzMDAxODQ=" alt="" title="" />
<area shape="rect" coords="125,161,164,202" href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy" alt="" title="" />
<area shape="rect" coords="480,598,482,600" href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmltYWdlLW1hcHMuY29tL2luZGV4LnBocD9hZmY9bWFwcGVkX3VzZXJzXzQyMDA5MDcyODA5MjMxMTk=" alt="" title="" />
<area shape="poly" coords="411,589,409,583,408,578,406,573,406,568,406,562,411,558,416,555,422,550,426,545,427,541,426,540,421,541,416,541,414,541,414,534,414,527,410,519,410,513,410,506,409,500,410,491,409,486,408,479,408,471,408,465,408,459,412,453,414,447,417,441,424,435,433,433,441,431,449,431,457,431,464,435,470,439,478,444,476,446,480,453,480,460,481,468,480,589,480,599,415,599," href="http://www.myspace.com/mario_cell" alt="" title="" />
</map>
</div>
<style>.r{}</style>
<style>.r{}</style>
<style>
table tbody td table tbody tr td.text table table, table tbody td table tbody tr td.text table table tbody td.text {visibility:visible;}</style>
<div style="position:relative; height:60px; overflow:hidden; border:0px;"><table><tr><td><table><tr><td>
<div id="makems" style="position: absolute; top:100px; left:0px;"></div>
<style>.lastlogin {visibility:hidden;}</style>
<style>
table.userProfileURL{
display:none;
}
</style>
<style>
.contactTable {display: none;}
</style>
<style>
.latestBlogEntry {display:none;}
</style>
<style>
td.columnsWidening img, td.columnsWidening object { max-width:100% !important; width: ..this.width > 400 ? 400 : true); }
</style><style>
.popup_wrapper {.. !important;}
</style><style>
td.columnsWidening img, td.columnsWidening object { max-width:100% !important; width: ..this.width > 400 ? 400 : true); }
</style><style>
.popup_wrapper {.. !important;}
</style><style>
td.columnsWidening img, td.columnsWidening object { max-width:100% !important; width: ..this.width > 400 ? 400 : true); }
#header_gae { text-align:center; margin-left:auto; margin-right:auto; }
#profilelinks { padding-right:25px;}
#profilelinks select { top: inherit !important; visibility:visible !important; WIDTH: 125px !important; display:inline !important; position:static; }
body DIV DIV DIV#profilelinks{ VISIBILITY: visible !important; display:inline !important; position:static; padding-right:15px; }
table div div#tkn_leaderboard,table div div#tkn_leaderboardDiv{ visibility:visible !important; display: inline !important; }
#googlebar{VISIBILITY: visible !important; display:inherit !important; }
#googlebar {margin-bottom:6px;margin-top:14px;padding-top:0px;}
#imgGoogle { BACKGROUND-IMAGE: url(); BACKGROUND-REPEAT: no-repeat; _background-image:none;}
#imgGoogle {
FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cms.myspacecdn.com/cms/Headers_and_Footers/googlelogo.png', sizingMethod='image');
WIDTH: 92px; HEIGHT: 23px;}
div#header_search select#t
{
vertical-align:bottom;
}
div#header_search
{
width:100% !important;
}
#topnav{background-color:#6698cb;}
#adspacer{height:35px;width:1px;}
.friendSpace {display:none;}.userProfileDetail {display:none;}.profileInfo {display:none;}
table td div {visibility:hidden;}
table table td div {visibility:visible;}
tr {background:transparent;}
table tr td div div {
visibility:hidden;
display:none;
border:0px!important;
background-color:transparent;
}
body table td div form {display:none !important;}
body {background-color:000000;background-image:url(http://images.codemylayout.com/myspace-layouts/images/layouts/1214904373-703-0.gif);
background-position background-repeat: no-repeat;
background-attachment: fixed;}div table {background-color:transparent}div table.navigationBar table {background-color:transparent}.x {visibility:hidden;}table table table table td{width:0px!important; padding:0px!important;}span.lightbluetext8{display:none;}
td, tr, table {height:0px !important;}br {line-height:0.5px}table tr td div font{font-family:verdana;font-size:10px;
font-family:verdana} table.extendednetwork {border: solid 0px;font-family:verdana}table, tr, td, li, p, div {font-size: 10px;font-family:verdana}
.text {font-size: 10px;font-family:verdana}
.lightbluetext8 {font-size: 10px; font-family:verdana}
.whitetext12 {font-size: 10px; font-family:verdana}
.orangetext15 {font-size: 10px;font-family:verdana}
.whitetext10 {font-size: 10px; font-family:verdana}
.whitetext12 {font-family: verdana;color: WHITE;line-height:15px;background-color:;font-size:20px;border-bottom:0px dashed;border-bottom-color:;font-weight:none;text-transform: uppercase;letter-spacing:-3px;line-height:20px }
.btext {font-size: 10px; font-family:verdana}
.nametext{display:none;}
a.navbar:active, a.navbar:visited, a.navbar:link, a.redlink:active, a.navbar:hover, a.redlink:visited, a.redlink:link {font-size:10px; text-transform:uppercase;font-family:verdana}
a:hover,a:active, a:visited, a:link, a.redlink:hover {font-size:10px; font-family:verdana}
.redtext, .redbtext, .redtext, .redbtext,
table, tr, td, li, p, div, .redtext, .redbtext {font-size: 10px; font-weight; none;}
textarea {font-family:verdana; font-size:10px; text-transform: uppercase; width: auto; height: auto; line-height: 7px; color:000000; background-color:transparent; border:1px dotted; border-color: 000000;}
a.text, table div font a, table div div {visibility:hidden;}
td{text-align:normal}
a.text, table div font a, table div div {visibility:hidden;}
div td font {visibility:hidden;}
.navbar {visibility:visible;}
table div font a, table div div {visibility:hidden; display:none;border:0px!important;background-color:transparent;}
tr {background:transparent;}
body table div font a, body table div div {visbility:hidden;}
body table table div font a, body table table div div {visibility:visible;}
big{font-family:verdana; ;
font-size:30px; color:white; font-weight:big; text-decoration:big; letter-spacing:-3px; text-transform:uppercase; padding:0px; line-height:32px;}.navigationBar, .navigationBar table, .navigationBar td { height:10px; width:px; align:center; border-style:solid; border-color:white; border-width:0px; border-right:none; border-top:none; border-left:none; background:url(""); background-position:center center; background-color:333333; }
.blue {
position:absolute;
border:none;
top:85px;
left:50%;
margin-left:-224px;
height:40px;
width:468px;
background-color:white;
z-index:-1;
}
.orangetext15 { display:none; }
div td form {
display:none;
}
table table {
border: none;
padding: 0px;
text-transform: ;
background-image:url('');
background-color:white;
}
table table table {border: none!important;background-color:white!important;}
table table table table {border: none!important;background-color:white!important;}
table table table table table {border: none!important;background-color:white!important;}
table table table table table td {border: none!important;background-color:white!important;}
tr { background-color:transparent; }
table, td {
background-image:url();
background-color:transparent;
border:none;
border-width:0;
width:250px;
}
body {
background-image:url();
background-color:WHITE;
background-attachment:fixed;
background-position:top left;
background-repeat: repeat;
scrollbar-track-color: E5E5E5;
scrollbar-face-color: E5E5E5;
scrollbar-3dlight-color: E5E5E5;
scrollbar-darkshadow-color: E5E5E5;
scrollbar-highlight-color: E5E5E5;
scrollbar-shadow-color: E5E5E5;
scrollbar-arrow-color: FFFFFF;
}
table table table table table table, table table table table table, table table table table, table table{ border:none;
padding: 1px;
text-transform: ;
width:210px;
}
table table table {
background-color:white;
background-image: url();
background-repeat: no-repeat;
width:210px;
}
table tr { border:none; }
table tbody td table tbody tr td.text table {
background-color:white;
background-image: url();
background-repeat: repeat;
border:000000 0px solid;
}
TABLE TABLE TABLE{
height: .10%;
background-color:fff7fb;
width: 100%;
border-color:000000;
padding: 0px;
text-transform: ;
border:0px solid white;
}
TABLE TABLE {
border:1px solid white;
padding: 0px;
text-transform: ;
background-image:url();
}
TABLE TABLE TABLE TABLE, TABLE TABLE TABLE TABLE TABLE, TABLE TABLE TABLE TABLE TABLE TABLE, TD TD TD TD TD{
border:none;
padding: 0px;
text-transform:;
}
TD TD TD TD TD TD {
border: none;
}
TD TD TD TD {
border:none;
padding: 0px;
width: 1%;
}
TD TD TD, TD TD {
text-align:justify;
border:none;
}
TABLE, TD {
padding: 2px;
text-transform: ;
width:300px;
}
textarea {
font-family:verdana;
font-size: 10px;
line-height: 9px;
letter-spacing:1px;
font-weight: normal;
color:white;
text-decoration: none;
text-transform: ;
background-color: white;
border:white 1px solid;
padding: 0px;
}
input, submit {
font-family:verdana;
font-size: 10px;
line-height: 9px;
letter-spacing:0px;
font-weight: normal;
color:white;
text-decoration: none;
text-transform:;
background-color: white;
border:000000 0px solid;
padding: 0px;
}
table,body,td,div,.redbtext,.redtext,.text,.btext,.whitetext10,.whitetext12,.lightbluetext8 {
font-family: verdana;
font-size: 10px;
line-height: 9px;
letter-spacing:0px;
font-weight: normal;
color: white;
text-decoration:none;
text-transform:;
}
.nametext {
font-family: verdana;
font-size: 25px;
line-height: 24px;
letter-spacing:-2px;
font-weight: ;
color: white;
text-transform:;
text-align:right;
width:200px;
}
b {
font-family: verdana;
font-size: 10;
line-height: 10px;
letter-spacing:0px;
font-weight: bold;
color: grey;
text-decoration:none;
text-transform:;
}
.whitetext12, .orangetext15, strong,{
font-family: verdana;
font-size: 10px;
line-height: 10px;
letter-spacing:0px;
font-weight: bold;
color:white;
text-decoration:none;
text-transform:;
}
i {
font-family: verdana;
font-size: 16px;
line-height: 20px;
letter-spacing:2px;
font-weight: normal;
color: white;
text-decoration:none;
text-transform:;
}
u {
font-family: verdana;
font-size: 12pt;
line-height: inherit;
letter-spacing:-1.7px;
font-weight: normal;
color: white;
text-decoration:none;
text-transform:;
}
big {
font-family: verdana;
font-size: 16px;
line-height: 20px;
letter-spacing:3px;
font-weight: normal;
color: white;
text-decoration:none;
text-transform:;
}
big {
font-family: verdana;
font-size: 10px;
line-height: 8px;
letter-spacing:1px;
font-weight: normal;
color: white;
text-decoration:none;
text-transform:;
}
a, a:link, a:visited, a.redlink:link, a.redlink:active, a.redlink:visited,a:visited, a.man:visited, a.navbar:visited {
font-family: verdana;
font-size: 10px;
color: white;
font-weight: normal;
text-transform:;
background-color: transparent;
}
a:hover, a.redlink:hover, a.man:hover, a.navbar:hover {
font-family: verdana;
font-size: 10px;
line-height:9px;
color: white;
font-weight: normal;
text-transform:;
background-color: transparent;
text-decoration:none;
cursor:default;
}
a:hover img { filter:none; }
.contactTable {
display:none;
}
div table {
visibility: visible;
}
.latestblogentry { display:none; }
a.text, table div font a, table div div {
display: none;
}
table table td.text table td.text table table tbody td table, span.btext {
display: none;
}
table table div font a, table table div div {
display: none;
}
div table td font { display:none; }
div table table { display:none; }
{! ditch the url and the space it occupied !}
table table table.userProfileurl {display:none;}
{!-eliminate whitespace caused by carriage returns and clear Gifs -!}
table.contacttable {margin-bottom:-20px;}
.userProfiledetail { display:none; }
div table { display: none; }
.profileinfo td td img {visibility:hidden;}
.profileinfo a img,
.profileinfo td td.text img {visibility:visible}
.contactTable {display: none;}
<style>
a.text, table div font a, table div div {visibility:hidden;}
table table div font a, table table div div {visibility:visible;}
img {border:0px;}
table tr td div font {display: none;}.lightbluetext8 {display:none;}table table table table td {width:0px;}.contactTable td, table table td.text table td,table table table table table td {width:auto;}.friendsComments {display:none;}
.commentlinks a { font-weight:normal; font-size:9px; }
#tkn_leaderboard{visibility:visible !important; display:inline !important;}
body TABLE TD DIV#header_gae { VISIBILITY: visible !important;}
body DIV DIV select#profileaction{VISIBILITY: visible !important; display:inline !important; position:static; WIDTH: 125px !important;}
body DIV DIV DIV#profilelinks{ VISIBILITY: visible !important; display:inline !important; position:static; padding-right:15px; }
body DIV TABLE TD DIV#googlebar
{
VISIBILITY: visible !important;
display:block !important;
position:relative;
..;
}
body DIV DIV form #q,
body DIV DIV form #t,
body DIV DIV form #submitBtn,
body DIV DIV form #imgGoogle
{
VISIBILITY: visible !important;
display:inline !important;
position:static;
}
select {position:static !important; top:inherit !important;}
.photoDisplaySmall
{
width:56px;
}
div.photoThumbnail div.thumb
{
padding:0px !important;
border: solid 0px white !important;
float: left !important;
}
a .text { font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
body, html {visibility:visible !important; display:block !important}
</style><style>
.commentlinks a { font-weight:normal; font-size:9px; }
</style><style>
#tkn_leaderboard{visibility:visible !important; display:inline !important;}
body TABLE TD DIV#header_gae { VISIBILITY: visible !important;}
body DIV DIV select#profileaction{VISIBILITY: visible !important; display:inline !important; position:static; WIDTH: 125px !important;}
body DIV DIV DIV#profilelinks{ VISIBILITY: visible !important; display:inline !important; position:static; padding-right:15px; }
body DIV TABLE TD DIV#googlebar
{
VISIBILITY: visible !important;
display:block !important;
position:relative;
..;
}
body DIV DIV form #q,
body DIV DIV form #t,
body DIV DIV form #submitBtn,
body DIV DIV form #imgGoogle
{
VISIBILITY: visible !important;
display:inline !important;
position:static;
}
select {position:static !important; top:inherit !important;}
.photoDisplaySmall
{
width:56px;
}
div.photoThumbnail div.thumb
{
padding:0px !important;
border: solid 0px white !important;
float: left !important;
}
</style><style>
body, html {visibility:visible !important; display:block !important}
</style><style>div table td font {display: none;}</style><style>div table td font {display: none;}</style><style>
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;}
td.text table {position:relative; top:-px;}
td.text table table {position:static;}
</style><style>
.commentlinks a { font-weight:normal; font-size:9px; }
</style><style>
#tkn_leaderboard{visibility:visible !important; display:inline !important;}
body TABLE TD DIV#header_gae { VISIBILITY: visible !important;}
body DIV DIV select#profileaction{VISIBILITY: visible !important; display:inline !important; position:static; WIDTH: 125px !important;}
body DIV DIV DIV#profilelinks{ VISIBILITY: visible !important; display:inline !important; position:static; padding-right:15px; }
body DIV TABLE TD DIV#googlebar
{
VISIBILITY: visible !important;
display:block !important;
position:relative;
..;
}
body DIV DIV form #q,
body DIV DIV form #t,
body DIV DIV form #submitBtn,
body DIV DIV form #imgGoogle
{
VISIBILITY: visible !important;
display:inline !important;
position:static;
}
select {position:static !important; top:inherit !important;}
.photoDisplaySmall
{
width:56px;
}
div.photoThumbnail div.thumb
{
padding:0px !important;
border: solid 0px white !important;
float: left !important;
}
</style><style>
body, html {visibility:visible !important; display:block !important}
</style><style>
.commentlinks a { font-weight:normal; font-size:9px; }
</style><style>..ndiv#wrap{width:800px !important;}div#header{width:800px !important;}..n</style><style>
#tkn_leaderboard{visibility:visible !important; display:inline !important;}
body TABLE TD DIV#header_gae { VISIBILITY: visible !important;}
body DIV DIV select#profileaction{VISIBILITY: visible !important; display:inline !important; position:static; WIDTH: 125px !important;}
body DIV DIV DIV#profilelinks{ VISIBILITY: visible !important; display:inline !important; position:static; padding-right:15px; }
body DIV TABLE TD DIV#googlebar
{
VISIBILITY: visible !important;
display:block !important;
position:relative;
..;
}
body DIV DIV form #q,
body DIV DIV form #t,
body DIV DIV form #submitBtn,
body DIV DIV form #imgGoogle
{
VISIBILITY: visible !important;
display:inline !important;
position:static;
}
select {position:static !important; top:inherit !important;}
.photoDisplaySmall
{
width:56px;
}
div.photoThumbnail div.thumb
{
padding:0px !important;
border: solid 0px white !important;
float: left !important;
}
.extendedNetwork {display:none;}
.extendedNetwork{position:absolute; top:-300px; left:50%; margin-left:-300px;}
</style><style>
body, html {visibility:visible !important; display:block !important}
</style></td></tr></table></td></tr></table></div></div>
|
Vielen Dank im Vorraus
mfg kev11
[edit]
Titel geändert.
Zuletzt bearbeitet von Smooth-Graphics am Di 28.07.2009 21:47, insgesamt 1-mal bearbeitet
|
|