PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : myspace design - kleine frage


msilver
2007-06-29, 10:15:25
http://www.myspace.com/elitekoepfe

dort sind leider in unseren design die tabellen bzw die kästchen nicht alle gleichbreit. primär geht es uns um die

Über Elitekoepfe - Alte Papierfabrik Rodersdorf
&
Elitekoepfe - Alte Papierfabrik Rodersdorf: Kommentare von Freunden

die einfach zu breit sind.

unser code für das design ist folgender. table table table wurde ja schon mit 450px bestimmt, aber leider sind die beiden tabellen dennoch breiter. warum?:

<style type="text/css">
body {
background-color: 151A18;
background-image: none;
}
img {
border: 0;
}
td, tr, div {
background-color: transparent;
border: 0;
}
table {
background-color: transparent;
border: 0;
}
table table {
background-color: transparent;
border: 0;
}
table table table {
background-color: 211B18;
border: 10px solid;
border-color: CEC08A;
width: 450px;
}
table table table td {
border: 0;
width: auto;
}
table table table table {
background-color: transparent;
border: 0;
width: auto;
}
body, div, span, td, p, .orangetext15, .whitetext12, .lightbluetext8, strong, b, u, .redtext, .redbtext, .btext, .text, .nametext, .blacktext10, .blacktext12 {
font: normal 11px arial;
color: BDBAAF;
font-weight: normal;
text-transform: none;
text-decoration: none;
}
p {
padding-left: 10px;
margin-top: 0;
line-height: 1.4;
}
a, a:link, a:active, a:visited, a:hover, a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.text:link, a.text:active, a.text:visited, a.text:hover, a.searchlinksmall:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:hover, a.redlink:link, a.redlink:active, a.redlink:visited, a.redlink:hover {
font: normal 11px arial;
color: FF3333;
text-decoration: underline;
text-transform: none;
}
a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.man:link, a.man:active, a.man:visited, a.man:hover {
font: normal 10px Tahoma;
color: ffffff;
text-decoration: none;
cursor: default;
}
a.navbar:hover, a.man:hover {
color: 666666;
text-decoration: underline;
}
div div table font {
font: normal 10px Tahoma;
color: ffffff;
cursor: default;
}
.nametext {
padding: 10px 0;
margin: 0 0 10px;
border-bottom: 1px dotted;
border-bottom-color: BDBAAF;
font: normal 15pt Arial, sans-serif;
text-align: center;
display: block;
}

.contactTable {
padding: 0;
margin: 0;
width: 450px;
}
.contactTable td {
padding: 0;
margin: 0;
}
.contactTable td .whitetext12 {
padding: 0 0 12px;
margin: 0 0 5px;
text-align: center;
display: block;
}
.contactTable td table {
background-color: transparent;
background-image: url(http://www.killerkiwi.net/files/myspace/templates/1004/contacting.gif);
background-position: bottom left;
background-repeat: no-repeat;}
.contactTable a {
padding: 0;
margin: 0 0 1px 5px;
display: block;
height: 30px;
width: 207px;
background-color: transparent;
}
.contactTable a img, .contactTable img {
border: 0px;
display: none;
visibility: hidden;
}
strong {
display: block;
}
table table table table div {
font-size: 16px;
}
table table table table table div {
font-size: 11px;
}
table table table td.text div {
font-size: 11px;
}
.whitetext12 {
padding: 0 0 12px;
margin: 0 0 5px;
border-bottom: 1px dotted;
border-bottom-color: BDBAAF;
font: bold 11pt Arial, sans-serif;
text-align: center;
display: block;
}
.lightbluetext8 {
padding: 0 40px 0 0;
color: 888888;
white-space: nowrap;
display: block;
}
a.searchlinksmall:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:hover {
color: BDBAAF;
text-decoration: none;
}
a.searchlinksmall:hover {
text-decoration: underline;
}
.orangetext15 {
padding: 5px 180px 10px 10px;
font: bold 10pt Arial, sans-serif;
white-space: nowrap;
display: block;
}
.btext {
padding: 0 0 0 4px;
background-color: transparent;
}
b {
padding: 10px 0 10px 8px;
background-color: transparent;
display: block;
}
b a:link, b a:active, b a:visited, b a:hover {
font: normal 9px tahoma;
text-decoration: underline;
}
a.redlink:link, a.redlink:active, a.redlink:visited, a.redlink:hover {
padding: 0 0 0 5px;
margin: 0 0 -20px 0;
text-align: left;
font-weight: bold;
display: block;
}
.blacktext10 {
color: 888888;
}
table div div b {
background-color: transparent;
}
table div div font * {
font: normal 10px Tahoma;
color: white;
}
table div div font a.text:link, table div div font a.text:active, table div div font a.text:visited, table div div font a.text:hover {
color: white;
text-decoration: underline;
}
table div div font a.text:hover {
color: 666666;
}
a.kklink:link, a.kklink:active, a.kklink:visited, a.kklink:hover {
font-size: 11pt;
text-decoration: underline;
font-weight: bold;
}
</style>

Gast42
2007-06-29, 14:00:30
mal ein schnipsel aus deinem quelltext:

<table class="friendsComments" border="0" bordercolor="#000000" cellpadding="0" cellspacing="0" width="435">

<tbody><tr>
<td class="text" align="left" bgcolor="#ffffff" height="20" width="435">
<table bgcolor="#ffcc99" border="1" bordercolor="#ffcc99" cellpadding="0" cellspacing="0" height="20" width="441">

du öffnest innerhalb einer tabelle (breite 435) eine neue Tabelle (breite 441).
was soll da der browser machen? Richtig, er macht, was er will.

msilver
2007-06-29, 16:12:55
das template ist ein fertiges. es sah uns sehr sauber aus. scheinbar spinnt dort etwas rum. im direkten code den wir auch oben eingefügt haben, finden wir leider keine zeile mit ähnlichen code!

gruss