nicht angemeldet
Tabellen anordnen
Hey! ich hab auf meiner seite 4 tabellen: eine (tabelle1) geht oben schmal von ganz links nach rechts, rechts unter dieser ist eine (tabelle2)kleine mit 2 Zeilen, darunter eine (tabelle3) mit nur einem Bild (hab ich nicht in eine machen können, da das bild so breit ist, dass sich die obere auseinander gezogen hätte) und dann hab ich noch eine Tabelle(4), die is in der mitte der seite links neben der mit dem bild. ich hätte aber gerne, dass sie gleich unter der tabelle1 beginnt, neben tabelle2.
11111111111111111111111111111111111111111111
222222222222
222222222222
4444444444444 333333333333
4444444444444 333333333333
ich hätte gerne:
11111111111111111111111111111111111111111111
4444444444444 222222222222
4444444444444 222222222222
4444444444444 333333333333
4444444444444 333333333333
4444444444444
vl. kann mir wer helfen! lg alex
-
hallo Alex,
vl. kann mir wer helfen
Vermutlich könnte das jemand - aber dazu sind deine Erläuterungen nicht ausreichend. Was wir zur Erörterung des Problems brauchen, ist dein HTML-Code, und den verschweigst du schamhaft.
Gleich eins noch vorweg: Tabellen sind schön und nützlich - wenn es um tabellarische Daten geht. Deine Frage läßt aber vermuten, daß du sie zu Layoutzwecken mißbrauchen möchtest. Überlege dir, falls das so ist, eine tabellenfreie Alternative.
Grüße aus Berlin
Christoph S.
-
Ja also das is der Quellcode....hoffe der hilft...vl sieht dann auch jemand was ich bei der passwort kontrolle mit javascript falsch gemacht hab...bin erst anfänger...danke!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<title>...</title>
<script type="text/javascript">
function Geheim () {
var Passwort = "...";
var Eingabe = "schutz2"
if (Eingabe != Passwort) {
alert("Wrong Password!")
} else {
location.href = "2.html";
}
}
</script>
<link rel="shortcut icon" href="cd 3.ico" />
<link rel="icon" href="cd 3.ico" />
<style type="text/css">
body {background-image: url(back.jpg);}
.bg1 {background-image: url(back2.jpg);}
.bg2 {background-image: url(back3.jpg);}
.unten {vertical-align:bottom}</style>
</head>
<body>
<table width=90% class="bg1" align=center>
<tr><th></th> <br></tr><tr><th width=30%><img src="logo3.gif" width=150></th><th></th></tr>
</table>
<table width=100% align=center>
<tr>
<th bgcolor=blue width=33% height="55" align=right class="unten"><font face=Arial><a href="http://www."><font color=black>....</a></th><th bgcolor=blue width=33% height="55" align=right class="unten"><font face=Arial><a href="..."><font color=white>...</a></th><th bgcolor=blue width=33% height="55" align=right class="unten"><font face=Arial><a href="..."><font color=white>...</a></th>
</tr>
<table border="0" align=right>
<tr>
<th height="30">Benutzername:</th>
<td height="30"><input name="schutz1" size="20"></th>
</tr>
<tr>
<th height="10">Passwort:</td>
<td height="10"><form name="Passwort"><input name="schutz2" size="20" type="password"></td>
</tr>
<tr><td></td><td align=right><input type=button value="Login" onclick="Geheim (document.Passwort.Schutz2.value)"></form></td></tr></table>
<br><br><br><br><br><table align=right><tr><td></td><td><a href="..."><img src="banner.gif" width=260 border="0"></a></td></tr></table>
<table class="bg2" align=center width=50% border="1" rules="none">
<tr height=320>
<th width=20%><font face=Arial color=silver>Music-News</th><th width=30%><font face=Arial color=silver>..........................................</th>
</tr>
<tr height=320>
<th><font face=Arial color=gold>Video-News</th><th><font face=Arial color=gold>............................................................<br><br><a href="viedeostudios"><img border="0" src="Bild2.jpg" width="380"></a></th>
</font></tr>
</table>
</body>
</html>-
Hi!
vl sieht dann auch jemand was ich bei der passwort kontrolle mit javascript falsch gemacht hab
Ja, du hast JavaScript dafür eingesetzt.
Das muß serverseitig gelöst werden.
So bringt das absolut gar nichts.
Das Passwort ist ja im Quelltext lesbar und selbst wenn du noch versuchen würdest, es ein wenig zu verstecken, würde das nichts bringen.
Ich sehe im Quellcode ja den URL, den ich einfach nur aufrufen brauche, um auf deine "geheime" Seite zu gelangen.<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
Warum lang="en"? Deine Seite ist doch auf deutsch.
<script type="text/javascript">
[...]In XHTML muß dein Script innerhalb eines CDATA-Bereiches gefasst werden.
<input name="schutz1" size="20">
Dieses Eingabefeld hat kein type-Attribut.
Außerdem befindet es sich außerhalb des Form-Tags, was nicht sein darf.<input type=button value="Login" onclick="Geheim (document.Passwort.Schutz2.value)">
Du übergibst hier den Wert des Feldes "Schutz2". Dein Feld heißt aber wirklich "schutz2".
function Geheim ()
Dem Funktionskopf nach erwartet die Funktion außerdem gar keine Parameter.
Setze doch mal hier deine Variablen in die if-Abfrage:
var Passwort = "...";
var Eingabe = "schutz2"
if (Eingabe != Passwort)Dann steht dort:
if ("schutz2" != "...")
Und das wird immer zu TRUE ausgewertet.Es müßte heissen:
if ( document.formularname.eingabefeld.value != "geheimesPasswort" ) { window.alert( "Wrong Password!" ); } { window.location.href = "2.html"; }Aber wie gesagt: Der Schutz mit JS ist gar kein Schutz.
Bringt absolut Null.<link rel="shortcut icon" href="cd 3.ico" />
Was ist denn das für ein Dateiname mit einem Leerzeichen drin?
<table width=90% class="bg1" align=center>
Attributwerte müssen in XHTML zwingend in Anführungszeichen gesetzt werden.
<tr><th></th> <br></tr><tr><th width=30%>
Du solltest mit CSS arbeiten anstatt wilde Tabellenkonstruktionen für Layoutzwecke zu mißbrauchen.
<img src="logo3.gif" width=150>
Das Imagetag erfordert zwingend das alt-Attribut.
Und auch hier müssen Attributwerte wieder in Anführungszeichen stehen.<font face=Arial>
Auf Font-Tags solltest du komplett verzichten und nur CSS einsetzen.
Außerdem sollte als letzte Schriftangabe immer eine generische Schriftfamilie zum Einsatz kommen.<a href="http://www."><font color=black>....</a>
XHTML-Dokumente müssen zwingend wohlgeformt sein.
Hier fehlt das abschliessende Font-Tag innerhalb deinen Anchors.<th bgcolor=blue width=33% height="55" align=right class="unten">
Das Attribut height gehört nicht zum (X)HTML-Standard und wird daher (bei deiner DTD-Angabe) hier ignoriert.
Nutze dafür CSS.<td height="30"><input name="schutz1" size="20"></th>
Input-Felder sind nur innerhalb von Form erlaubt und brauchen ein Type-Attribut.
Jetzt hab ich keine Lust mehr, den Code weiter durchzusehen.
Das ist ein gruseliger Wust.
Benutze den w3c-Validator um die Fehler in deinem Code zu finden und berichtige diese.
Am besten baust du dein Dokument komplett neu und sauber strukturiert auf und setzt dann CSS zur Gestaltung ein.Eventuell solltest du dir auch mal die Unterschiede zwischen XHTML und HTML ansehen.
Schöner Gruß,
rob
-