Css tabellenformatierung... problem
lima-city → Forum → Die eigene Homepage → Homepage Allgemein
aussehen
auto
background
beitrag
body
dateiname
deaktiviert beitrag
eigenschaft
fehler
layout
margin
menu
mitte
none
ordner
recht
right
schreibfehler
tabelle
test
-
hallo also ich m?cht meine HP mit css machen. jetzt hab ich gedacht so klappt das aber da muss wohl was fehlen oder einfach falsch sein..
code css:
Code:
body {
background-color: #dcdcdc;
margin: 0;
scrollbar-base-color: #808080;
scrollbar-3dlight-lolor: #a9a9a9;
scrollbar-arrow-color: #696969;
scrollbar-darkshadow-color: #696969;
scrollbar-track-color: #dcdcdc;
text-decoration: none;
}
.tableform {
padding: 5px;
border-collapse: collapse;
background-color: #ffffff;
height: 100%;
width: 900px;
border: 1px solid #808080;
table-layout: fixed;
}
.tablestyle {
padding: 5px;
border-collapse: collapse;
background-color: #ffffff;
height: 100%;
width: 890px;
table-layout: fixed;
border: 1px solid #808080;
}
.oben {
height: 100px;
}
.links {
width: 150px;
}
.mitte {
width: 620px;
}
.rechts {
width: 120px;
}
.unten {
height: 20px;
colspan: 3;
}
#menu ul {
list-style-type: none;
width: 130px;
margin: 0;
padding: 0;
font-weight: bold;
}
#menu li {
margin-bottom: 5px;
}
#menu li a {
height: 20px;
text-decoration: none;
color: #505050;
display: block;
padding: 6px 0 3px 11px;
background: #f4f4f4;
border-left: 4px solid #cccccc;
}
#menu li a:hover {
background: #eaeaea;
color: #286ea0;
border-left: 4px solid #286ea0;
}
hier die index.html:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="stylesheet" href="style/style.css" type="text/css" />
<title>JubWorld.de :::</title>
</head>
<body>
<table class="tableform">
<tr><td class="oben">
<table class="tablestyle">
<tr><td class="links">
<div align="center" id="menu">
<ul>
<li><a href="index.html">Hallo</a></li>
<li><a href="index.html">Hallo2</a></li>
</ul>
</div>
</td><td class="mitte">
</td><td class="rechts">
</td></tr>
<tr><td class="unten">
</td></tr>
</table>
</td></tr>
</talbe>
</body>
</html>
die css datei ist noch in einem unterordner "style" ... sieht man ja...
w?re echt dankbar weil ich probier da jetzt schon ne stunde rum und schnalls nicht.
mfg -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
ich kann keinen Fehler finden bei mir zeigt es alles an.
hast du irgendwo nen schreibfehler im style-dateinamen oder im ordner-namen
oder hast du css deaktiviert?
Beitrag ge?ndert am 13.07.2006 13:59 von robin -
jubworld schrieb:
probiers ma aus....
mach nen ordner 'test' oder so und mach index.html da rein, dann mach in dem ordner 'test' noch einen 'style' und darein die style.css ... dann kannstes anschauen...
der fehler ansich is dass die tabelle nich auf der seite angezeigt wird...
mfg
Wieso l?dst du die Seite nicht einfach mal hoch?
robin schrieb:
ich kann keinen Fehler finden bei mir zeigt es alles an.
hast du irgendwo nen schreibfehler im style-dateinamen oder im ordner-namen
oder hast du css deaktiviert?
Beitrag ge?ndert am 13.07.2006 13:59 von robin
Seit wann kann man denn CSS deaktivieren?
Hast du vielleicht einfach nur die border-eigenschaft vergessen? -
robin schrieb:
hast du irgendwo nen schreibfehler im style-dateinamen oder im ordner-namen
oder hast du css deaktiviert?
Seit wann kann man denn CSS deaktivieren?
Hast du vielleicht einfach nur die border-eigenschaft vergessen?
Opera:
Extras -> Einstellungen...
Erweitert -> Inhalte -> Darstellungs-Optionen...
Darstellungsmodi
[v] Stylesheets der Seite
DA KANNST NEN HAKEN SETZEN -
sieht doch schonmal nicht schlecht aus,
wobei am rechten Rand auch noch eine Reihe wei?e Pixel hinsollte wie ich finde. -
hmm ich glaube ihr versteht nich ganz...
die tabelle wird falsch angezeigt.......
eigtl sollte sie ?ber die ganze seite gehen... und die breite sollte 900px sein und dann auch links und rechts ein grauer rand ca 50px oder so breit...
mfg -
.tableform {
border-collapse: collapse;
background-color: #ffffff;
height: 100%;
width: 900px;
border: 1px solid #808080;
table-layout: fixed;
margin-left:50px;
margin-right:50px;
}
.tablestyle {
margin:5px;
border-collapse: collapse;
background-color: #ffffff;
height: 100%;
width: 890px;
table-layout: fixed;
border: 1px solid #808080;
}
-----------------------------
<body>
<table class="tableform">
<tr>
<td class="oben"> </td>
</tr>
<tr>
<td>
<table class="tablestyle">
<tr>
<td class="links">
<div align="center" id="menu">
<ul>
<li><a href="index.html">Hallo</a></li>
<li><a href="index.html">Hallo2</a></li>
</ul>
</div>
</td>
<td class="mitte"> </td>
<td class="rechts"> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="unten"> </td>
</tr>
</table>
</body>
-----------------------------
so in etwa? -
ne sry hab mich wohl nich so clever ausgedr?ckt...
die tbelle soll so aussehen:
<table align="center" width="900px" height="100%">
...
mfg
Beitrag ge?ndert am 13.07.2006 15:26 von jubworld -
ne sry hab mich wohl nich so clever ausgedr?ckt...
die tbelle soll so aussehen:
<table align="center" width="900px" height="100%">
...
mfg
Beitrag ge?ndert am 13.07.2006 15:26 von jubworld
dann musst das entweder mit
<table align="center">
machen, oder mit
margin-left:auto;margin-right:auto;
nur letzteres verstehen manche browser nicht -
... nim mal das margin raus, ganz raus .
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage