HTML/CSS Tabellen Problem

Sack · 8 Oktober 2009

Hey,
ich möchte ein "Design" (es ist noch nicht ganz fertig) umsetzen:

Mit diesem Code habe ich es auch schon "fast" geschafft:

HTML:

<html>
<head><title>Schmidthorster Dom Messdiener</title>
<style type="text/css">
     .aussenabstand {margin:0px 0px 0px 0px;}
    </style>
</head>
<body background="bilder/bordure.png" class="aussenabstand">

<table><tr bgcolor="#fff5e5"><td  style="padding-top:0px">
<img src="bilder/messdienersmall.png" align=left>
<img src="bilder/messdiener.png" align=right>
<img src=bilder/menu.png valign=top>
</td></tr><tr><td>

test!


</td></tr></table></body>

</html>

Das Problem ist nur, dass oben und links eine kleine Lücke gelassen wird, was ziemlich nervig ist, weil es da halt weiß ist.

Webseite
Achtet auf oben rechts, da ist ein weißer strich. Und darauf das die menuleiste ein stück nach rechts verrückt ist.

thrown-out · 8 Oktober 2009

ih, tabellen-layout. :mrgreen:

HTML:

<html>
<head><title>Schmidthorster Dom Messdiener</title>
<style type="text/css">
body {
margin:0px;
background-color:#ffffff;
}
.menu {
list-style-type:none;
background:url(https://img4.myimg.de/menubg23a06.png) repeat;
margin:0px;
padding:0px;
height:30px;
border-top:2px solid #FFCC66;
border-bottom:2px solid #FFCC66;
}
.menu li {
width:150px;
height:25px;
padding-top:5px;
padding-left:10px;
border-right:1px solid #FFCC66;
float:left;
}
</style>
</head>
<body>
<div style="background:#fff5e5;width:225px;height:100%;position:absolute;left:0px;top:0px;z-index:-1;"></div>
<div style="background:#fff5e5;width:100%;height:205px;position:absolute;left:0px;top:0px;z-index:-1;"></div>
<div style="background:#FFE9BF;width:8px;height:100%;border-right:1px solid #FFCC66;z-index:5;"></div>


<img src="https://sack.bplaced.net/Projekt/bilder/messdienersmall.png" style="position:absolute;top:5px;left:8px;">
<img src="https://sack.bplaced.net/Projekt/bilder/messdiener.png" style="position:absolute;top:5px;right:8px;">
<ul class="menu" style="position:absolute;top:175px;width:100%">
<li>Menüpunkt 1</li>
<li>Menüpunkt 1</li>
<li>Menüpunkt 1</li>
<li>Menüpunkt 1</li>
<li>Menüpunkt 1</li>

</ul>

</html>

ist jetzt keine saubere trenung html/css drin, aber was solls.
sieht auf den ersten blick im ie, opera, firefox und chrome gut aus.

Sack · 9 Oktober 2009

Jo tabellen. Ich kann halt kein CSS.

Jetzt muss ich nur noch verstehen warum das so funktioniert und welche funktion was bewirkt.

Danke!

thrown-out · 9 Oktober 2009

bei fragen melden, hab auch icq und skype

Sack · 9 Oktober 2009

thrown-out schrieb:
bei fragen melden, hab auch icq und skype

Und aim

was auch immer das ist :ugly:

Danke für das angebot, ich versuch mir das erstmal über css4you und co zu erklären. Ich will dich ja nicht zu sehr nerven.

thrown-out · 9 Oktober 2009

und msn

wobei ich aim eigentlich nurnoch selten laufen hab...

thrown-out · 10 Oktober 2009

bplaced.net Diese Seite ist leider nicht mehr verfügbar, Fehler 404. Sorry, this page is not available any more, error 404

da wollt ich mal gucken, ob du zurecht kommst...

Sack · 10 Oktober 2009

thrown-out schrieb:
da wollt ich mal gucken, ob du zurecht kommst...

Wow, geil das du dich so kümmerst

Ich hatte heute zu viel zu tun (urlaubsvorbereitungen) um mich wirklich damit vertraut zu machen. Der 404er kommt davon dass ich es von test.html zu index.html umbenannt hab.
https://sack.bplaced.net/projekt

Sack · 28 Oktober 2009

so, Urlaub vorbei, jetzt wollte ich mich damit beschäftigen, aber ich hab direkt ein Problem:
Wenn ich was schreibe (egal ob text, tabelle oder bild) es wird nichts angezeigt!
Wo müsste ich es hinschreiben damit es angezeigt wird?

HTML:

<html>
<head><title>Schmidthorster Dom Messdiener</title>
<style type="text/css">
body {
margin:0px;
background-color:#ffffff;
}
.menu {
list-style-type:none;
background:url(bilder/menubg.png) repeat;
margin:0px;
padding:0px;
height:30px;
border-top:2px solid #FFCC66;
border-bottom:2px solid #FFCC66;
}
.menu li {
width:150px;
height:25px;
padding-top:5px;
padding-left:10px;
border-right:1px solid #FFCC66;
float:left;
}

</style>
</head>
<body>
<div style="background:#fff5e5;width:225px;height:100%;position:absolute;left:0px;top:0px;z-index:-1;"></div>
<div style="background:#fff5e5;width:100%;height:205px;position:absolute;left:0px;top:0px;z-index:-1;"></div>
<div style="background:#FFE9BF;width:8px;height:100%;border-right:1px solid #FFCC66;z-index:5;"></div>

<img src="bilder/messdienersmall.png" style="position:absolute;top:5px;left:8px;">
<img src="bilder/messdiener.png" style="position:absolute;top:5px;right:8px;">
<ul class="menu" style="position:absolute;top:175px;width:100%">
<li>Menüpunkt 1</li>
<li>Menüpunkt 1</li>
<li>Menüpunkt 1</li>
<li>Menüpunkt 1</li>
<li>Menüpunkt 1</li>
</ul>
<img src="bilder/messdienersmall.png">
TEST!

</body>
</html>

thrown-out · 29 Oktober 2009

geb mir doch mal antwort im icq

theHacker · 29 Oktober 2009

thrown-out schrieb:
geb mir doch mal antwort im icq

Das hier is ein Diskussionsforum. Wenn du im ICQ chatten willst, bitte. Aber das im Forum kundzutun ist nicht wirklich Sinn der Sache

Wenn du was zum Thema beizutragen bist, dann bitte hier, sodass jedermann davon profitieren kann

HTML/CSS Tabellen Problem

Sack

Sigma Hydrae

thrown-out

Well-known member

Sack

Sigma Hydrae

thrown-out

Well-known member

Sack

Sigma Hydrae

thrown-out

Well-known member

thrown-out

Well-known member

Sack

Sigma Hydrae

Sack

Sigma Hydrae

thrown-out

Well-known member

theHacker

sieht vor lauter Ads den Content nicht mehr

Ähnliche Themen