Tabelle verschiebt sich!

eatofid

hey Leute!

Ich arbeite gerade am Quellcode meinere Startseite, welche ich schon einmal angekündigt habe.
Bis vor kurzem, verlief das coden noch reibungslos und ich habe mich damit gespielt. War ja auch nichts besonderes kniffliges dabei.
Jedoch habe ich soeben irgendwo nen Hund drin.

Die letzten 2 Links verschieben sich nach rechts.
Kann nur nicht erroieren, wieso dies so ist.

Das Layout habe ich nicht zur Gänze via Tabelle erstellt, da ich denke, dass der Header, die Trennlinie und der Php Code auch so gefixt sind.
Mal schauen, wie es dann im FF aussieht. Aber dank dem <center> Tag kann sich ja kaum etwas verschieben.

Um die Links zu fixieren, benutzte ich eben diese Tabelle.
Wollte zuerst mit Div. Containern arbeiten, aber da blicke ich noch nicht durch. Muss mir die Sache erst mal genauer ansehen.
Aber wies scheint, blick ich bei den Tabellen auch noch nicht so durch.

Die Links werden dann im Laufe der Zeit durch die Logos ausgetauscht, falls ich deren ok bekomme. Werde diese Startseite zukünftig bei eatofid integrieren. :-))

Hier der Code:

Zitat

<html>
<head>
<title>Startseite</title>
<meta name="author" conent="privat">
<meta name="editor" content="html-editor phase 5">
</head>
<center>

<body text="#000000" bgcolor="#A8A8A8" link="#000000" alink="#000000" vlink="#000000">

Page als Startseite

<hr>

<table border="1">
<tr>
<td align="center" valign="middle" width="200">Amazon</<td height="75">

<td align="center" valign="middle" width="200">Ebay</<td height="75">

<td align="center" valign="middle" width="200">Fireball</<td height="75">

</tr>
<tr>
<td align="center" valign="middle">Gmx</<td height="75">

<td align="center" valign="middle">Google</<td height="75">

<td align="center" valign="middle">Icq</<td height="75">

</tr>
<tr>
<td align="center" valign="middle">MSN</<td height="75">

<td align="center" valign="middle">myspace</<td height="75">

<td align="center" valign="middle">uboot</<td height="75">

</tr>
<tr align="center" valign="middle">
<td>Yahoo <td height="75">

<td>Wikipedia <td height="75">

<td> Youtube <td height="75">

</tr>
</table>
</body>
</center>
</html>

Alles anzeigen

Habe zuerst die Farbe an rot angepasst. Das ging auch. Danach habe ich die Texte verlinkt und das rot war weg. Hätte da einen anderen Farbtag nutzen sollen glaub ich. Aber das ist noch egal.
Später kommen die Unterstriche weg und die Border auf 0. Fertig.

pixxldealer

Hai!

Das wird wahrscheinlich daran liegen, dass du die drei Zellen in der letzten Spalte nicht korrekt geschlossen hast. Also mal noch das "/" einfügen. Außerdem fehlt überall das schliessende font-Tag und die Zeilenumbrüche müssen in die Zelle mit rein. Um die Zellenhöhe anzugeben, reicht es, sie einmal für die gesamte zeile anzugeben:

Code

<tr align="center" valign="middle" height="75">
<td><font color="#FF0000">[url='http://www.de.yahoo.com']Yahoo[/url]</font>






</td>
<td><font color="#FF0000">[url='http://www.de.wikipedia.org']Wikipedia[/url]</font>






</td>
<td><font color="#FF0000">[url='http://www.de.youtube.com'] Youtube[/url]</font>






</td>
</tr>

Alles anzeigen

LG

driver

öff ?

- was soll denn bitte </ fürn tag sein ?
- das

Code

<font color="#FF0000">[url='http://www.Amazon.de']Amazon[/url]</td>
<td height="75"></font>

kann auch nicht stimmen. - zudem immer so schließen wie du geöffnet hast !
- des font-tag unten wird garnicht geschlossen...
- zwischen </head> und <body> oder </body> und </html> DARF NIX STEHEN !
- was solln die </<td height="75">

bewirken ?
- verwend css... alles viel einfacher....
- in dateinamen bzw ordnern keine leerzeichen verwenden
- width und height sind mist bei der bildformatierung ! machs lieber direkt mit nem grafikprog.
- kleiner tip: formatier deinen quelltext, is viel übersichtlicher

HTML

<html>
<head>
	<title>Startseite</title>
	<meta name="author" conent="privat">
	<meta name="editor" content="html-editor phase 5">

	<style type="text/css">
		body { color:#000000; background-color:#A8A8A8; }
		a:link, a:active, a:visited { color:#000000; }
		table a:link,table a:visited, table a:active { color:#ff0000; }
		table td { width:200px; height:75px; text-align:center;}
	</style>
	</head>


	<body>
	<center>



		[img]Eigene Bilder/startpageheader.jpg[/img]



		


		[url='# ']Page als Startseite[/url]

<hr>




		<table border="1">
			<tr>
				<td>[url='http://www.Amazon.de']Amazon[/url]</td>
				<td>[url='http://www.Ebay.de']Ebay[/url]</td>
				<td>[url='http://www.Fireball.de']Fireball[/url]</td> 
			</tr>
			<tr>
				<td>[url='http://www.gmx.net']Gmx[/url]</td>
				<td>[url='http://www.google.de']Google[/url]</td>
				<td>[url='http://www.icq.de']Icq[/url]</td>
			</tr>
			<tr>
				<td>[url='http://www.de.msn.com']MSN[/url]</font></td>
				<td>[url='http://www.de.myspace.com']myspace[/url]</font></td>
				<td>[url='http://www.uboot.com']uboot[/url]</font></td>
			</tr>
			<tr>
				<td>[url='http://www.de.yahoo.com']Yahoo[/url]</td>
				<td>[url='http://www.de.wikipedia.org']Wikipedia[/url]</td>
				<td>[url='http://www.de.youtube.com'] Youtube[/url]</td>
			</tr>
		</table>
	</center>
	</body>
</html>

Alles anzeigen

kleiner tip: auf so ner einfachen seite hast realtiv viele fehler gemacht.
les dir noch paar mal den abschnitt bei selfhtml durch....

eatofid

hey,

danke.

Jup, hatte mich mal mit html vor nen paar Monaten beschäftigt und dann 2 Seiten mit Tabellenlayout erstellt und die Bilder halt wie den Header eingebaut.
Hat beide male funktioniert, bis auf das kleine Lücken zwischen den Grafiken waren. Das Design hat sich net geschloßen.
Vor allem im FF sah es furchtbar aus.

Ahja, das is mir heut nacht nicht mehr aufgefallen. Tjo, bin eben noch kein Html Pro. Muss ich mir son Heft machen, mit allen Tags, dann gehts scho.

Danke.

driver

n heft ? selfhtml is immer im web verfügbar, und im notfall
kann mas sich auch auf die lokale platte ziehen...

http://aktuell.de.selfhtml.org/extras/download.shtml

btw. das oben sind keine kleinigkeiten. das sind grobe fehler
in der html syntax die deutlich machen das du das ganze prinzip
noch nicht verstanden hast. so sachen wie die bilder oder mit
css können passieren - aber ich seh in deinem code keine
einzige zeile in der nicht mindestens ein fehler steckt.
(man könnte sogar sagen die
sind falsch, wüsste man welchen
doctype du verwendest...)

das hat nix mit pro zu tun. das sind basics die absolute laien
ganz als erstes lernen. table-grundgerüst ist wirklich mit des
einfachste wases im bereich html gibt....

also dringend: HINSETZEN, LERNEN. und da kannst noch so oft
sagen "andere seiten sind gut" - wenn ich sowas sehe bezweifel
ich dat ganze.

ps: DAS war ein tip von jemanden der selfhtml zu 85% im kopf
hat und wirklich html-coden kann !

Bandit

Auch wenn du damit sowieso nicht anfangen kannst:

http://de.selfhtml.org/
http://www.css4you.de/index.html
http://www.thestyleworks.de/index.shtml
http://www.politnet.ch/css/

eatofid

jo werd ich machen wenn ich Zeit hab Driver.

Danke für die Links Bandit, aber wieso sollt ich damit nix anfangen können?

Tags

Benutzer online in diesem Thema