Antworten auf deine Fragen:
Neues Thema erstellen

Antworten zum Thema „[Problem] Design wird durch die Links verschoben!!“

optik

Nicht mehr ganz neu hier

Ochnööö da bin ich grade dabei ein Design zu coden und dann sowas. Ich habe erst alles fertig geschrieben und dann war noch alels okay. Doch jetzt habe ich die Links definiert und jetzt verschiebt sich das Design.

Hier das Problem:



Und hier der Code:

Code:
<html>
<head>
<title>rockit</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<table id="Tabelle1" width="901" height="901" border="0" cellpadding="0" cellspacing="0" align="center">


	<tr>
		
<td colspan="21" background="Bilder/index_01.gif" width="900" height="229" alt="">
</td>
		
<td background="Bilder/Abstandhalter.gif" width="1" height="229" alt="">
</td>
	

	</tr>
	<tr>
		
<td colspan="6" rowspan="3" background="Bilder/index_02.gif" width="278" height="16" alt="">
</td>
		
<td rowspan="4">
<a href="about.html">
[img]Bilder/about.gif[/img]
</a>
</td>
		
<td colspan="8" background="Bilder/index_04.gif" width="206" height="6" alt="">
</td>
		
<td rowspan="5">
<a href="book.html">
[img]Bilder/book.gif[/img]
</a>
</td>
		
<td colspan="5" rowspan="2" background="Bilder/index_06.gif" width="283" height="8" alt="">
</td>
		
<td background="Bilder/Abstandhalter.gif" width="1" height="6" alt="">
</td>
	

	</tr>
	<tr>
		

<td colspan="3" rowspan="7" background="Bilder/index_07.gif" width="107" height="62" alt="">
</td>
		
<td colspan="2" rowspan="5">
<a href="musik.html">
[img]Bilder/musik.gif[/img]
</a>
</td>
		
<td colspan="3" rowspan="7" background="Bilder/index_09.gif" width="49" height="62" alt="">
</td>
		
<td background="Bilder/Abstandhalter.gif" width="1" height="2" alt="">
</td>
	

	</tr>
	<tr>
		

<td colspan="2" rowspan="7" background="Bilder/index_10.gif" width="72" height="71" alt="">
</td>
		
<td rowspan="4">
<a href="galerie.html">
[img]Bilder/gallery.gif[/img]
</a>
</td>
		
<td colspan="2" rowspan="7" background="Bilder/index_12.gif" width="155" height="71" alt="">
</td>
		
<td background="Bilder/Abstandhalter.gif" width="1" height="8" alt="">
</td>


	</tr>
	<tr>
		

<td colspan="2" rowspan="6" background="Bilder/index_13.gif" width="157" height="63" alt="">
</td>
		
<td rowspan="4">
<a href="home.html">

</a>
</td>
		
<td colspan="3" rowspan="5" background="Bilder/index_15.gif" width="80" height="52" alt="">
</td>
		
<td background="Bilder/Abstandhalter.gif" width="1" height="5" alt="">
</td>


	</tr>
	<tr>
		

<td rowspan="4" background="Bilder/index_16.gif" width="54" height="47" alt="">
</td>
		
<td background="Bilder/Abstandhalter.gif" width="1" height="10" alt="">
</td>


	</tr>
	<tr>
		

<td rowspan="4" background="Bilder/index_17.gif" width="79" height="48" alt="">
</td>
		
<td background="Bilder/Abstandhalter.gif" width="1" height="4" alt="">
</td>


	</tr>
	<tr>
		

<td colspan="2" rowspan="2" background="Bilder/index_18.gif" width="50" height="33" alt="">
</td>
		
<td rowspan="3">
[img]Bilder/galerie.gif[/img]</td>
		
<td background="Bilder/Abstandhalter.gif" width="1" height="2" alt="">
</td>


	</tr>
	<tr>

		
<td rowspan="2" background="Bilder/index_20.gif" width="41" height="42" alt="">
</td>
		
<td background="Bilder/Abstandhalter.gif" width="1" height="31" alt="">
</td>


	</tr>
	<tr>
		

<td background="Bilder/index_21.gif" width="30" height="11" alt="">
</td>
		
<td colspan="9">
[img]Bilder/titel.gif[/img]</td>
		
<td colspan="2" background="Bilder/index_23.gif" width="30" height="11" alt="">
</td>
		
<td background="Bilder/Abstandhalter.gif" width="1" height="11" alt="">
</td>


	</tr>
	<tr>
		

<td colspan="21" background="Bilder/index_24.gif" width="900" height="3" alt="">
</td>
		
<td background="Bilder/Abstandhalter.gif" width="1" height="3" alt="">
</td>


	</tr>
	<tr>
		

<td colspan="18" background="Bilder/index_25.gif" width="689" height="17" alt="">
</td>
		
<td background="Bilder/galerie-27.gif" width="56" height="17" alt="">
</td>
		
<td colspan="2" background="Bilder/index_27.gif" width="155" height="17" alt="">
</td>
		
<td background="">
			</td>


	</tr>
	<tr>
		
<td rowspan="3" background="Bilder/index_28.gif" width="102" height="545" alt="">
</td>
		
<td colspan="4" background="Bilder/spacer1.gif" width="141" height="512" alt="">
</td>
		
<td colspan="12" background="Bilder/content.gif" width="415" height="512" alt="">

[url="#"]Lorem ipsum[/url] dolor sit amet, consectetuer adipiscing elit. Vivamus sollicitudin pulvinar justo. Sed quis eros sed ligula elementum euismod. Mauris nulla massa, iaculis luctus, elementum sit amet, pharetra non, sem. Quisque eget ante nec enim pulvinar suscipit. Aenean adipiscing ipsum non odio. Proin turpis leo, mollis ac, porta non, dignissim quis, justo. Fusce in pede. Donec ut ante. Proin rhoncus. Ut quam metus, viverra eget, iaculis id, congue et, augue. Donec eleifend. Nunc egestas condimentum magna. Donec augue.

Cras vel elit id sapien dignissim adipiscing. Nulla eleifend ante lobortis tellus. Donec luctus pretium nulla. Sed mi sapien, mattis in, varius vitae, laoreet a, nunc. In hac habitasse platea dictumst. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Integer pretium tincidunt massa. Nullam convallis leo vitae sapien. Curabitur et purus. Suspendisse faucibus metus ac enim. Suspendisse ornare. Quisque auctor odio aliquam metus.

Duis quis ligula quis risus mattis malesuada. Curabitur vel lacus non enim tristique tristique. Proin mattis sodales metus. Proin fringilla metus vitae nunc. Maecenas nec sapien et erat semper placerat. Maecenas tincidunt porta ligula. Sed dolor neque, bibendum non, pulvinar id, consequat eu, erat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Pellentesque a nisl vitae lacus pretium fermentum. Praesent rhoncus nisi at turpis. Cras posuere commodo dolor. Cras suscipit. Donec scelerisque urna et nibh. Morbi magna. Nulla aliquam lorem in felis. Phasellus sed risus sit amet mi ullamcorper sodales. Sed velit neque, egestas ac, dignissim vel, blandit sed, lectus. Donec neque lacus, vehicula ac, gravida hendrerit, tristique sit amet, leo.

Nam vel pede. Fusce massa nibh, malesuada lacinia, luctus sit amet, cursus ut, risus. Nulla facilisi. Nullam nulla. Sed commodo, est ac eleifend pharetra, odio ipsum porta justo, in consequat dui eros id pede. Morbi eu leo eu nunc hendrerit interdum. Fusce non dolor. Donec posuere eleifend sapien. Nullam velit pede, ultrices at, lobortis quis, fringilla sit amet, ipsum. Pellentesque dapibus, enim non hendrerit commodo, est pede vestibulum pede, a nonummy ipsum augue sit amet massa. Vivamus posuere interdum tortor. Ut ultrices nulla et velit.

Sed nec mauris in metus semper rutrum. Integer hendrerit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas sed sem. Duis molestie ante ut sem tempor dignissim. Curabitur sed nisi. Vestibulum lacus. Sed elit justo, blandit et, rhoncus non, adipiscing sed, mi. Cras lectus. In hac habitasse platea dictumst.


</td>
		
<td colspan="3" background="Bilder/spacer2.gif" width="134" height="512" alt="">
</td>
		
<td rowspan="3" background="Bilder/index_32.gif" width="108" height="545" alt="">
</td>
		
<td background="Bilder/Abstandhalter.gif" width="1" height="512" alt="">
</td>


	</tr>
	<tr>
		
<td colspan="17" background="Bilder/index_33.gif" width="587" height="23" alt="">
</td>
		
<td rowspan="2" background="Bilder/galerie-35.gif" width="56" height="33" alt="">
</td>
		
<td rowspan="2" background="Bilder/index_35.gif" width="47" height="33" alt="">
</td>
		
<td background="Bilder/Abstandhalter.gif" width="1" height="23" alt="">
</td>


	</tr>
	<tr>
		
<td colspan="7" background="Bilder/index_36.gif" width="273" height="10" alt="">
</td>
		
<td>
</td>
		
<td colspan="2" background="Bilder/index_38.gif" width="8" height="10" alt="">
</td>
		
<td colspan="3">
[img]Bilder/impressum.gif[/img]</td>
		
<td colspan="4" background="Bilder/index_40.gif" width="165" height="10" alt="">
</td>
		
<td background="Bilder/Abstandhalter.gif" width="1" height="10" alt="">
</td>


	</tr>
	<tr>
		

<td colspan="21" background="Bilder/index_41.gif" width="900" height="27" alt="">
</td>
		
<td background="Bilder/Abstandhalter.gif" width="1" height="27" alt="">
</td>


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

</body>
</html>

Also diese Verschiebung ist erst, seitdem ich die Links drin habe.

Ich hoffe mir kann jemand helfen.

mfg##

optik
 
W

WinniePuu

Guest

Also du hast Home About Musik usw. verlinkt?
Hast es sicherlich mit tabellen gemacht oder? (kenne mich mit dem Code selber nicht aus)
Wenn mit tabellen, hast denen feste groessen zugeteilt? vielleicht werden sie ja groesser als das bild von home und zerreissen dann des ganze, keine ahnung was sonst ist.

Und ich glaub da gibts noch nen befehl, align=top oder so, das hilft dagegen das die tabelle immer oben bleibt also so klein wie möglich ist, also wennst ein bild drinnen hast, dann ist die tabelle so hoch wie das bild hoch ist.

mfg
 

Herr_D

offline

nimm die leerzeichen raus.... hilft manchmal schon wunder:

beispiel:

deins
Code:
<td rowspan="5">
<a href="book.html">
[img]Bilder/book.gif[/img]
</a>
</td>


ändern in

Code:
<td rowspan="5">[url="book.html"][img]Bilder/book.gif[/img][/url]</td>



usw. usf.
 

optik

Nicht mehr ganz neu hier

Ey das gibt es ja nicht.... ich habe das wirklich geändert und jetzt geht es....ich wollte doch nurmal meinen Quelltext ein bissel übersichtlicher halten :(

aber danke ;)

mfg##

optik
 

Herr_D

offline

optik schrieb:
Ey das gibt es ja nicht.... ich habe das wirklich geändert und jetzt geht es....ich wollte doch nurmal meinen Quelltext ein bissel übersichtlicher halten :(

aber danke ;)

mfg##

optik


das ist fein, aber wenn du </td> in eine neue zeile setzt interpretiert (vor allem der IE) da noch ein leerzeichen rein... das ist dann halt so breit, wie ein Buchstabe und damit verbreitert sich der Inhalt der Tabellenzeile... führt zum Umbruch (Spalt unter) oder verbreitert die Spalte (Spalt rechts... wenn keine Breiten angegeben sind)
 
M

MickyMaus1988

Guest

CSS !!!

Wieso richtest du den kram nicht einfach mit einer externen CSS datei aus??? Geht erstens etwas schneller und 2tens brauchst du dann die Div tags einfügen und wenn du alles richtig machst haste es an der richtigen stelle :)
 

optik

Nicht mehr ganz neu hier

Re: CSS !!!

MickyMaus1988 schrieb:
Wieso richtest du den kram nicht einfach mit einer externen CSS datei aus??? Geht erstens etwas schneller und 2tens brauchst du dann die Div tags einfügen und wenn du alles richtig machst haste es an der richtigen stelle :)

ich komme damit einfach net klar ;)
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Statistik des Forums

Themen
175.143
Beiträge
2.581.734
Mitglieder
67.209
Neuestes Mitglied
Diryn
Oben