[HTML] tabellen

mi2g · 12. September 2004

ich möchte eine seite einfach mit tabellen machen,
die eine tabelle sollte 30 % gross sein, die andere 70% wie geht das?
habe es so gemacht, funktioniert aber nicht:

HTML:

<html>
<head>
<title>Bucanero</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<table width="100%" height="100%" border="0">
  <tr>
    <td height="30%">&nbsp;</td>
  </tr>
  <tr>
    <td height="70%">&nbsp;</td>
  </tr>
</table>
</body>
</html>

Sanjay · 12. September 2004

Re: [html] tabellen

www.selfhtml.de

mi2g · 12. September 2004

Re: [html] tabellen

hab ich schon geschaut, jedoch auf mein problem nichts gefunden.

Loopo · 12. September 2004

Re: [html] tabellen

height ist kein offzielles Attribut für Zellen! (dein Code funktioniert bei mir aber sowohl im IE als auch im Mozilla)

mit CSS:

HTML:

<html>
<head>
<title>Bucanero</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<table style="width: 100%; height: 100%; border: none;">
<tr>
<td style="height: 30%;">&nbsp;</td>
</tr>
<tr>
<td style="height: 70%;">&nbsp;</td>
</tr>
</table>
</body>
</html>

mi2g · 12. September 2004

Re: [html] tabellen

danke, jedoch funktionert das bei mir nicht.

PuppetMaster · 12. September 2004

Re: [html] tabellen

Verwendest du einen DOCTYPE?

mi2g · 12. September 2004

Re: [html] tabellen

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

ist das nicht gut?

Loopo · 12. September 2004

Re: [html] tabellen

doch passt, steht aber halt nicht oben im Code

PuppetMaster · 12. September 2004

Re: [html] tabellen

Ist gut. Nur werden im Standards-Mode die Tabellenhöhen (wie Loopo meinte) erstmal ignoriert. Probier folgendes:

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Bucanero</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html {
  height: 100%;
  margin: 0;
  padding: 0;
}
body {
  height: 100%;
  margin: 0;
  padding: 0;
}
</style>
</head>

<body>
...

mi2g · 12. September 2004

Re: [html] tabellen

sieht schon besser aus so.

danke vielmal.

mi2g · 12. September 2004

Re: [html] tabellen

hab noch ein anderes problem:
ich habe jetzt die navi gemacht und es sind etwa 8 textlinks. in der horizontalen. kann ich irgendwie machen, dass die alles gleichmässig verteilt werden? benutze dreamweaver danke schonmal.

mi2g · 12. September 2004

mmh
so noch weitere probleme :'(
also bei mir sieht die page so aus:

bei einem kumpel so:

wie sieht die seite bei euch aus?
www.bucanero.ch
und wie kann ich machen, dass sie bei allen gleich aussieht'

mache jetzt nicht mehr mit tabellen sondern mit frames:
hier mal der code von der index seite:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<title>Bucanero Bern</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<frameset rows="35%,*" cols="*" framespacing="0" frameborder="NO" border="0">
<frame src="oben.html" name="topFrame" scrolling="NO" noresize >
<frame src="main.html" name="mainFrame">
</frameset>
<noframes><body>
</body></noframes>
</html>

edit1:
oh ich sehe gerade, dass die page wenn ich sie mit ie anschaue gleich aussieht.

an was liegt das?

Loopo · 12. September 2004

im oben.html:

HTML:

<img src="bilder/banner.gif" width="100%" height="80%" border="0">

die Prozentangaben durch fixe Werte ersetzen

mi2g · 12. September 2004

mmh
gibt es da keine möglichkeit? weil wenn jemadn mit einer anderen auflösung kommt ist alles am arsch.

Loopo · 12. September 2004

durch die verschiedenen Auflösungen wird aber das Bild ohnehin falsch verzerrt, was auch nicht sonderlich schön aussieht

du könntest das Bild als Hintergrund-Bild einfügen und nur horizontal wiederholen lassen:

HTML:

<!-- Background-Image fuer oben.html -->
<body style="background: url(deinbild.jpg) repeat-x center;">

mi2g · 12. September 2004

ok hab es jetzt so gemacht.
danke vielmal. so funktionierts. mein code beim oberen frame (dort wo der banner ist) sieht so aus:

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Bucanero Bern</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.Stil1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
-->
</style>
</head>
<body style="background: bilder/banner.gif repeat-x center;">
<p><img src="bilder/banner.gif" width="1024" height="145" border="0"></p>
<p align="center" class="Stil1"><a href="main.html" target="mainFrame">Home</a> <a href="http://www.bucanero.ch/news/news.php" target="mainFrame">News</a> <a href="infos.html" target="mainFrame">Infos</a> <a href="statuten.html" target="mainFrame">Statuen</a> <a href="http://www.bucanero.ch/formular/formular.php" target="mainFrame">Anmeldung</a> <a href="spielplan.html" target="mainFrame">Spielplan</a> <a href="geschichte.html" target="mainFrame">Geschichte</a> <a href="fotos.html" target="mainFrame">Fotos</a> <a href="http://www.bucanero.ch/forum" target="_blank">Forum</a> <a href="kontakt.html" target="mainFrame">Kontakt</a> </p>
</body>
</html>

stimmt das so jetzt? danke schonmal.

Loopo · 12. September 2004

naja, jetzt hast du das Bild 2 mal drin (Hintergrund und <img>)

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Bucanero Bern</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.Stil1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
-->
</style>
</head>
<body style="background: url(http://www.bucanero.ch/bilder/banner.gif) repeat-x center;">
<p align="center" class="Stil1"><a href="main.html" target="mainFrame">Home</a> <a href="http://www.bucanero.ch/news/news.php" target="mainFrame">News</a> <a href="infos.html" target="mainFrame">Infos</a> <a href="statuten.html" target="mainFrame">Statuen</a> <a href="http://www.bucanero.ch/formular/formular.php" target="mainFrame">Anmeldung</a> <a href="spielplan.html" target="mainFrame">Spielplan</a> <a href="geschichte.html" target="mainFrame">Geschichte</a> <a href="fotos.html" target="mainFrame">Fotos</a> <a href="http://www.bucanero.ch/forum" target="_blank">Forum</a> <a href="kontakt.html" target="mainFrame">Kontakt</a> </p>
</body>
</html>

jetzt wäre die Schrift ganz oben, man könnte sie jetzt noch anders positionieren, aber nicht mehr wirklich relativ zum Hintergrund-Bild

ich würde dem oberen Frame eine fixe Höhe geben (zb 200 Pixel), dann kann man das Menü unten positionieren und zwischen Inhalt und Menü gibt's keinen variablen Abstand

mi2g · 12. September 2004

ok danke vielmal für die mühe. wenn ich weitere probleme habe, werd ich mich melden.

mi2g · 20. September 2004

so ich habe noch eine frage bezüglich bild einfügen.
<body style="background: url(http://www.bucanero.ch/bilder/banner.gif) repeat-x center;">

wenn ich das so mache, dann gibt es ein konflikt mit meinem .css code. dann ist das bild eingefügt, jedoch alles andere weiss.
und wenn ich es so einfüge:
<body background="bilder/banner.gif">
dann wird das bild auch gegen unten wiederholt. das möchte ich auch nicht

gibt es eine möglichkeit, wenn ich ein bild so einfüge:
<img src="bilder/banner.gif" width="1024" height="145" border="0">

das bild in der breite zu wiederholen?
und sonst wie kann ich machen, dass es nicht in den konflikt mit meinem .css code kommt. hier noch mein .css code vielleicht hilft das was:
a:link {
color: #FFFF00;
text-decoration: none;
}

a:visited {
text-decoration: none;
color: #FFFF00;
}

a:hover {
text-decoration: underline;
color: #FFFF00;
}

a:active {
text-decoration: none;
color: #FFFF00;
}

body {
background-color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: Yellow;
font-style: normal;
}

td,th {
color: #FFFF00;
}

.stil1 {
font-size: 12px;
}

.stil2 {
font-size: 20px;
}

mi2g · 21. September 2004

bitte helft mir.

edit:
ok habe es hinbekommen, jedoch noch eine frage:
www.bucanero.ch
momentan sind die links auf dem hintergrundbild drauf.
jetzt möchte ich, dass die bilder unten dran sind. also unter dem bild. wie kann ich das machen, ohne <br> (das würde doch zu probs führen mit anderen auflösungen oder? )
?

[HTML] tabellen

Lieutenant

Lieutenant Pro

Lieutenant

Admiral

Lieutenant

Admiral Pro

Lieutenant

Admiral

Admiral Pro

Lieutenant

Lieutenant

Lieutenant

Admiral

Lieutenant

Admiral

Lieutenant

Admiral

Lieutenant

Lieutenant

Lieutenant

Ähnliche Themen