beim padding passt sich die tabelle dem text an, statt umgekehrt
.::crazycons::.
- css
1 MudGuard-3 .::crazycons::.1 Cheatah-2 .::crazycons::.1 Cheatah-4 .::crazycons::.
servus,
ich habe ein kleines problem. ich habe eine page gescriptet und dort tabellen verwendet. 3 zellen nebeneinander. in der linken zelle links, in der mitte text und rechts nichts, da ist nur hintergrund als design eingetragen. die tabelle, sowie einzelne zellen sind per css mit fixer breite definiert und es passt vom design auch. nun habe ich die mitte mit text gefüllt und einen innenabstand von 10px je seite angegeben. das problem ist, daß statt den text der tabelle anzupassen das drecksding mir die tabelle dem text anpasst. er verbreitert also die tabelle und lässt den text gleich. dadurch verrutscht das ganze design. ich möchte wissen, weshalb (angaben, daß ich besser keine tabellen nutze,... möchte ich mal nicht hören, das hilft mir nicht weiter!). danke schonmal für eure hilfe!
mfg
de nixbligger
die datei.css:
body {
margin:0px;
padding:0px;
font:11px Arial, Verdana;
cursor:default;
color:#000000;
link:#000000;
alink:#000000;
vlink:#000000;
background-color:#FFFFFF;
}
a {
text-decoration:underline;
font:11px Arial, Verdana;
cursor:help;
color:#000000;
link:#000000;
alink:#000000;
vlink:#000000;
}
a:hover {
text-decoration:none;
font:11px Arial, Verdana;
cursor:help;
color:#000000;
link:#000000;
alink:#000000;
vlink:#000000;
}
.link {
border:none;
cursor:help;
}
.link:hover {
border:none;
cursor:help;
}
.tb {
width:850px;
height:*px;
align:left;
vertical-align:top;
border:none;
font:11px Arial, Verdana;
cursor:default;
color:#000000;
link:#000000;
alink:#000000;
vlink:#000000;
background-color:#FFFFFF;
padding:0px;
margin:0px;
border:none;
border-collapse:collapse;
}
.td1 {
vertical-align:top;
width:850px;
height:45px;
margin:0px;
padding:0px;
cursor:default;
color:#000000;
link:#000000;
alink:#000000;
vlink:#000000;
background-color:#FFFFFF;
background-image:url(top.jpg);
border:none;
border-collapse:collapse;
background-repeat:no-repeat;
background-position:left;
}
.td2 {
vertical-align:top;
width:162px;
height:*px;
margin:0px;
padding:0px;
cursor:default;
color:#000000;
link:#000000;
alink:#000000;
vlink:#000000;
background-color:#FFFFFF;
background-image:url(middleleft.jpg);
border:none;
border-collapse:collapse;
}
.td3 {
vertical-align:top;
width:539px;
height:*px;
margin:0px;
padding-top:0px;
padding-right:0px;
padding-left:0px;
padding-bottom:0px;
cursor:default;
color:#000000;
link:#000000;
alink:#000000;
vlink:#000000;
background-color:#FFFFFF;
border:none;
border-collapse:collapse;
}
.td4 {
vertical-align:top;
width:149px;
height:*px;
margin:0px;
padding:0px;
cursor:default;
color:#000000;
link:#000000;
alink:#000000;
vlink:#000000;
background-color:#FFFFFF;
background-image:url(middleright.jpg);
border:none;
border-collapse:collapse;
}
.td5 {
vertical-align:top;
width:850px;
height:34px;
margin:0px;
padding-top:0px;
padding-left:0px;
padding-bottom:0px;
padding-right:150px;
cursor:default;
color:#000000;
link:#000000;
alink:#000000;
vlink:#000000;
background-color:#FFFFFF;
background-image:url(bottom.jpg);
border:none;
border-collapse:collapse;
background-repeat:no-repeat;
background-position:left;
text-align:right;
}
.menutb {
border:none;
background:#FFFFFF;
border-collapse:collapse;
font:11px Arial, Verdana;
cursor:default;
color:#000000;
link:#000000;
alink:#000000;
vlink:#000000;
padding:0px;
marging:0px;
width:158px;
height:204px;
}
.menu {
border:none;
background:#FFFFFF;
border-collapse:collapse;
font:11px Arial, Verdana;
cursor:default;
color:#000000;
link:#000000;
alink:#000000;
vlink:#000000;
padding:0px;
marging:0px;
width:158px;
height:34px;
}
die passende index.php:
<html>
<head>
<link rel="stylesheet" href="datei.css" type="text/css">
<title>DLRG Worms</title>
</head>
<body oncontextmenu="return false" ondragstart="return false">
<span name="top"></span>
<table class="tb">
<tr>
<td class="td1" colspan="3"> </td>
</tr>
<tr>
<td class="td2">
<!-- Start Menü -->
<table class="menutb">
<tr>
<td class="menu"><a href="index.php?id=news" class="link"><img src="link1news.jpg" width="158" height="34" border="0" alt=""></a></td>
</tr>
<tr>
<td class="menu"><a href="index.php?id=about" class="link"><img src="link2about.jpg" width="158" height="34" border="0" alt=""></a></td>
</tr>
<tr>
<td class="menu"><a href="index.php?id=join" class="link"><img src="link3join.jpg" width="158" height="34" border="0" alt=""></a></td>
</tr>
<tr>
<td class="menu"><a href="index.php?id=pics" class="link"><img src="link4pics.jpg" width="158" height="34" border="0" alt=""></a></td>
</tr>
<tr>
<td class="menu"><a href="index.php?id=links" class="link"><img src="link5links.jpg" width="158" height="34" border="0" alt=""></a></td>
</tr>
<tr>
<td class="menu"><a href="index.php?id=impressum" class="link"><img src="link6impressum.jpg" width="158" height="34" border="0" alt=""></a></td>
</tr>
</table>
<!-- End Menü -->
</td>
<td class="td3">
<!-- Inhalt start -->
<?php
if (!isset($_GET['id']))
{ $_GET['id']="news";
}
if (file_exists($_GET['id'].".inc"))
{ include($_GET['id'].".inc");
}
else {
echo " <b><center>Der Inhalt wurde noch nicht implementiert</center></b> ";
}
?>
<!-- Inhalt ende -->
</td>
<td class="td4"> </td>
</tr>
<tr>
<td class="td5" colspan="3">
<br>
<a href="#" class="link"><img src="mail.jpg" width="40" height="16" border="0" alt=""></a> <a href="#top" class="link"><img src="totop.jpg" width="40" height="16" border="0" alt=""></a></td>
</tr>
</table>
</body>
</html>
Hi,
body {
font:11px Arial, Verdana;
Am Ende der Liste der FOntnamen sollte noch die generische Schriftfamilie stehen (also in diesem Falle sans-serif)
link:#000000;
alink:#000000;
vlink:#000000;
Was soll das bitte sein? CSS ist es jedenfalls nicht.
Kommt ziemlich oft vor.
.tb {
align:left;
gibts nicht.
.td3 {
border-collapse:collapse;
Sinnlose Angabe bei einer td.
Du sollest erstmal das ganze CSS in Ordnung bringen.
die passende index.php:
Wozu denn das? Du hast ja wohl ein Darstellungsproblem - also ein clientseitiges Problem.
Dafür ist serverseitiger Code vollkommen irrelevant.
<html>
Doctype fehlt.
Bring also das erzeugte HTML auch erstmal in Ordnung.
Dann erst hat es Sinn, über Darstellungsfehler nachzudenken.
cu,
Andreas
das war so ziemlich genau die antwort, die ich NICHT gebraucht habe. danke!
mfg
de nixbligger
Hi,
das war so ziemlich genau die antwort, die ich NICHT gebraucht habe.
ah, Du wolltest also gar keine kompetente Hilfe?
Cheatah
Servus,
doch, aber eine, die mein problem löst, was diese antwort definitiv nicht tat ;-)
hatte ich sogar in meinem urpost geschrieben, daß diese art der antwort mir nicht hilft.
mfg
de nixbligger
--- ViSiT http://www.crazycons.net.tc ---
Hi,
doch, aber eine, die mein problem löst, was diese antwort definitiv nicht tat ;-)
_keine_ Antwort auf Dein Posting kann Dein Problem lösen, es sei denn, Du rechnest hier mit Hellsehern. Du hast unumgängliche Grundvoraussetzungen zu einer Problembetrachtung nicht erfüllt, die Du folglich nachholen musst; MudGuard hat Dich auf diese hingewiesen. Solange ein Code nicht validiert, macht es *nie* Sinn, irgend welche Probleme zu suchen.
hatte ich sogar in meinem urpost geschrieben, daß diese art der antwort mir nicht hilft.
Dann sind Computer zu kompliziert für Dich. Das ist nichts Schlimmes; Du solltest nur nicht den Fehler machen zu glauben, ohne ein gewisses Maß an intuitivem Verständnis der Informatik in Themen, die die Informatik betreffen, ansprechende Leistungen vollbringen zu können.
Cheatah
hi,
arrogant biste garnicht... nun, wie dem auch sei, also habe jetzt die angesprochenen fehler beseitigt. wo ist nun der fehler mit dem padding?
mfg
de nixbligger
hi,
arrogant biste garnicht...
was zum henker ist dein problem?
_du_ willst hier hilfe bekommen, also benimm dich bitte auch entsprechend.
bei einem beispielcode, der massiv fehlerbehaftet ist, hat kaum jemand lust, sich auf die ursachensuche zu begeben, weil wirklich so gut wie alles möglich dran schuld sein könnte.
nun, wie dem auch sei, also habe jetzt die angesprochenen fehler beseitigt. wo ist nun der fehler mit dem padding?
wenn ich deine problembeschreibung richtig verstanden habe, dann in deinem fehlverständnis des box models.
nein, ausführlicher gibt's diese antwort von mir nicht, so wie du dich hier aufführst.
gruß,
wahsaga
Hi,
nun, wie dem auch sei, also habe jetzt die angesprochenen fehler beseitigt. wo ist nun der fehler mit dem padding?
Du hattest einen unvollständigen, fehlerhaften und zudem unübersichtlichen Quelltext gepostet. Einen korrigierten Quelltext sehe ich noch nicht. Aber es wäre ohnehin sinnvoller, wenn Du die Seite online stellen und verlinken würdest. Und nebenbei bemerkt könnte das Weglassen von oncontextmenu="return false" ondragstart="return false" die Chancen auf eine Antwort erhöhen.
Und übrigens: wenn ich die Haupttabelle richtig gesehen habe, hast Du dort vier und nicht drei Spalten.
freundliche Grüße
Ingo
hilfe nicht mehr notwendig, anstatt mir irgendwelche pseudohilfreichen sprüche anzuhören habe ich anständige leute in nem anderen board gefragt, die mir helfen konnten. selfhtml ist auch nicht mehr, was es einmal war.
beepworld hilft da kompetenter.
mfg
Hallo.
beepworld hilft da kompetenter.
Dir sicher in allen Lebenslagen.
MfG, at
Hallo
selfhtml ist auch nicht mehr, was es einmal war.
Dafür bist aber du immer noch derselbe. Immer noch mit der Axt im Porzellanladen unterwegs, wie schon vor Jahren.
Tschö, Auge