ComputerBase Menü
Aktuelles

bilder sollen auf der homepage nebeneinander sein, sind aber untereinander

C

compifreak182

Cadet 4th Year
Registriert
Aug. 2006
Beiträge
64
Hey,
ich will im html editor(phase 5) Bilder nebeneinander einfügen!
aber wenn ich mir die seite ansehe sind die Bilder untereinander!

was muss ich machen das die Bilder nebeneinander sind?
 
Eigentlich nicht viel, einfach die IMG-Tags nebeneinander setzen :)
Vermutlich hast du nach jedem Bild einfach nen Zeilenumbruch (<br>) oder so gemacht.

Kann man mal nen Blick in den Quelltext werfen?
 
nene hab die schon neben einander gesetzt

(die beiden igm tag's sind nebeneinander die sind jetzt blos untereinander weil der platz hier nicht für nebeneinander reicht)

Quelltext:
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

						<TITLE></TITLE>
<META NAME="IDENTIFIER-URL" CONTENT="">
<META NAME="DESCRIPTION" CONTENT="">
<META NAME="KEYWORDS" CONTENT="">
<META HTTP-EQUIV="AUTHOR" CONTENT="">
<META NAME="DC.Coverage" CONTENT="">
<META NAME="PUBLISHER-EMAIL" CONTENT="">
<META HTTP-EQUIV="Reply-to" CONTENT="">


</head>

<BODY BGCOLOR=#406264  link="#FF8000" alink="#FF8000" vlink="#FF8000" BOTTOMMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>


 <!-- ImageReady Slices (Untitled-1) -->
<TABLE WIDTH=740 ALIGN ="CENTER" BORDER=0 CELLPADDING=0 CELLSPACING=0>
	<TR VALIGN="top">





<TD COLSPAN=24 bgcolor="#000000">
<IMG SRC="http://i31.photobucket.com/albums/c351/Made92/Layout3.jpg" WIDTH=740 HEIGHT=450 ALT=""></TD>
</TR>





<TR VALIGN="top">










<TR VALIGN="top">





<TD width="18"  bgcolor="#000000" background="/images/s1/s3_24.gif">
</TD>







<TD COLSPAN=4 class="table2" widht="168">

 <img src="http://i31.photobucket.com/albums/c351/Made92/untitled.jpg" alt="" border="0">  <img src="http://i31.photobucket.com/albums/c351/Made92/untitled2.jpg" alt="" border="0" align="left">























<p>
<br>









 <TD COLSPAN=2 class="table2" width ="55">
</TD>













<TD COLSPAN=16 class="table2" width="480">




<center>
<!-- start fan-sites ad code -->

<!-- end fan-sites ad code -->
<br>














<TD bgcolor="#000000" background="/images/s1/s3_28.gif" width="19">
</TD>





</TR>
<TR VALIGN="top">


<TD COLSPAN=24 class="table2">
<IMG SRC="/images/s1/s3_29.gif" WIDTH=740 HEIGHT=11 ALT=""></TD>
	</TR>
	<TR VALIGN="top">
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=18 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=4 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=103 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=11 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=50 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=42 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=13 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=46 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=13 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=46 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=11 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=67 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=11 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=50 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=12 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=34 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=12 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=37 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=13 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=59 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=11 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=40 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=18 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=19 HEIGHT=1 ALT=""></TD>
	</TR>
</TABLE>
<!-- End ImageReady Slices -->
</BODY>
</HTML>
 
Zuletzt bearbeitet von einem Moderator: (Forentag für HTML eingesetzt)
Sicher, dass du den Sourcecode hier richtig eingefügt hast? Wenn ja, überprüfe mal alle deine HTML-Tags. Da werden einige nicht korrekt abgeschlossen.

Ich habe mal HTML Tidy drübergejagt und es scheint, als ob deine Bilder nebeneinander dargestellt werden, so wie du es haben möchtest.

j o e
 
Da fehlt in der Tat einiges. Direkt hintereinander zwei öffnende tr-Tags, dazu nur ein schließendes am Ende. Mehrere nicht geschlossene td- oder p-Tags (width ist im td-Tag bei den zwei Bildern auch falsch geschrieben).

Du benutzt durcheinander Groß- und Kleinschreibung, setzt manche Attribute in Anführungszeichen und manche nicht.


Zudem solltest du dir ganz schnell angewöhnen etwas Struktur in den Code zu bringen.

Wenn du mit Tabellen arbeitest ist es z.B. ratsam, die einzelnen "Ebenen" einzurücken. Dann sieht man viel schneller, welche Tags wo enden, was zusammengehört.


Z.B. so:
HTML: 
<table>
   <tr>
      <td> ... </td>
   </tr>
   <tr>
      <td> ... </td>
   </tr>
</table>
Diese Spacersache am Ende würde ich auch nochmal gründlich überdenken. Und diese kilometerlangen Absätze sollten natürlich auch weg :)


Du kannst auf http://validator.w3.org/ deinen HTML-Code auch überprüfen lassen, dann siehst du, was da alles nicht stimmt. Versuch erst mal, die ganzen Fehler zu beheben. An deinem jetzigen Code weiterzumachen ist keine Freude :)
 
Zuletzt bearbeitet:
Also Firefox zeigt die Bilder nebeneinander an (so gut ich das mit Height 1 interpretieren kann ;)), beim IE seh ich allerdings nichts.

Naja, ich würd einfach mal probieren, alles in einer Wurst zu schreiben. Es leidet zwar die Übersichtlichkeit darunter, aber ich hatte mal das selbe Problem, welches ich so beheben konnte (Allerdings hatte ich keine Tabellen benutzt, die hier afaik auch unnütz sind. Wenn die Bilder sowieso nebeneinander sein sollen, kannst du ja auch alle in einen <td> Tag packen)

Also statt
<img src="bild01.jpg">
<img src="bild02.jpg">

einfach
<img src="bild01.jpg"><img src="bild02.jpg">

Es dürfte zwar ansich kein Zeilenumbruch stattfinden, allerdings scheinen dass manche Browser falsch zu interpretieren.

Ich bin mir jetzt zwar nicht 100% sicher, aber ich glaube, dass das Problem nur mit IE auftrat. Musst du aber testen.

Ansonsten muss ich mich hier meinen Vorrednern anschließen, schön ist der Code nicht gerade ;)
Mich wundern nur die fehlenden Tags trotz Phase 5, der ja ansich immer beide Tags macht. Zudem sollte man afaik die Höhe und Breite ebenfalls unter Anführungszeichen setzten (also width="20")


so far
mfg
 
Zuletzt bearbeitet:
schreib einfach sauberen quelltext und gut ist. wenn ich mir den oben geposteten angucke, bekomme ich fast das grausen ;)

so wie oben beschrieben in einer table gehts eigentlich am einfachsten. dann kannste die bilder sauber nebeneinander anordnen, so wie du es haben willst.

zum thema table, einfach mal bei selfhtml vorbeigucken.
 
Aldo hab den code mal von "http://validator.w3.org/" durchencken lassen und es wird mir immer was gesagt was ich garnicht verstehe(zumal weil meine englisch kenntnise nicht grade gut sind)

aber könnte nicht einer den code richtig umschreiben und den text dann hier reinstellen?

hab jetzt hier ein bischen was verändert


HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

						<TITLE></TITLE>
<META NAME="IDENTIFIER-URL" CONTENT="">
<META NAME="DESCRIPTION" CONTENT="">
<META NAME="KEYWORDS" CONTENT="">
<META HTTP-EQUIV="AUTHOR" CONTENT="">
<META NAME="DC.Coverage" CONTENT="">
<META NAME="PUBLISHER-EMAIL" CONTENT="">
<META HTTP-EQUIV="Reply-to" CONTENT="">


</head>

<BODY BGCOLOR="#337B86"  link="#FF8000" alink="#FF8000" vlink="#FF8000" >



<TABLE WIDTH=740 ALIGN ="CENTER" BORDER=0 CELLPADDING=0 CELLSPACING=0>

<TR VALIGN="top">

<TD COLSPAN=24 bgcolor="#000000">

<IMG SRC="http://i31.photobucket.com/albums/c351/Made92/Layout3.jpg" WIDTH=740 HEIGHT=450 ALT=""></TD>

<TR VALIGN="top">


<TD width="18"bgcolor="#000000" background= images/s1/s3_24.gif">

</TD>


<TD COLSPAN=4 class="table2" widht=168>

<img src="http://i31.photobucket.com/albums/c351/Made92/untitled.jpg" alt="" border="0">  <img src="http://i31.photobucket.com/albums/c351/Made92/untitled2.jpg" alt="" border="0" align="left">







<TD COLSPAN=2 class="table2" width ="55">


</TD>


<TD COLSPAN=16 class="table2" width="480">


<TD bgcolor="#000000" background="/images/s1/s3_28.gif" width="19">


</TD>


<TR VALIGN="top"></TR>


<TD COLSPAN=24 class="table2">


<IMG SRC="/images/s1/s3_29.gif" WIDTH=740 HEIGHT=11 ALT=""></TD>


<TR VALIGN="top">


                <TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=18 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=4 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=103 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=11 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=50 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=42 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=13 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=46 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=13 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=46 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=11 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=67 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=11 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=50 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=12 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=34 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=12 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=37 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=13 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=59 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=11 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=40 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=18 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=19 HEIGHT=1 ALT=""></TD>
	</TR>
</TABLE>

</BODY>
</HTML>
 
Zuletzt bearbeitet von einem Moderator: (Forentag für HTML eingesetzt)
Ich habe mal ein paar Kommentare in deinen Code geschrieben, die dich auf Fehler hinweisen. Beheben solltest du die Fehler selbst, sonst hast du ja keinen Lerneffekt. Eine gute Hilfe zu allen HTML-Elementen findest du hier.


HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

<TITLE></TITLE>         <!--   Deine Seite hat keinen Titel  -->
<META NAME="IDENTIFIER-URL" CONTENT="">
<META NAME="DESCRIPTION" CONTENT="">
<META NAME="KEYWORDS" CONTENT="">
<META HTTP-EQUIV="AUTHOR" CONTENT="">
<META NAME="DC.Coverage" CONTENT="">
<META NAME="PUBLISHER-EMAIL" CONTENT="">
<META HTTP-EQUIV="Reply-to" CONTENT="">
               <!-- Eine Deklaration des Zeichensatzes würde nicht schaden -->

</head>

<BODY BGCOLOR="#337B86"  link="#FF8000" alink="#FF8000" vlink="#FF8000" >



<TABLE WIDTH=740 ALIGN ="CENTER" BORDER=0 CELLPADDING=0 CELLSPACING=0>

<TR VALIGN="top">             <!-- Wo wird dieses Tag geschlossen? -->

<TD COLSPAN=24 bgcolor="#000000">

<IMG SRC="http://i31.photobucket.com/albums/c351/Made92/Layout3.jpg" WIDTH=740 HEIGHT=450 ALT=""></TD>

<TR VALIGN="top">


<TD width="18"bgcolor="#000000" background= images/s1/s3_24.gif">  <!-- ein " fehlt bei der URL -->

</TD>


<TD COLSPAN=4 class="table2" widht=168>   <!-- Wo wird dieses Tag geschlossen? das Wort width ist falsch geschrieben -->

<img src="http://i31.photobucket.com/albums/c351/Made92/untitled.jpg" alt="" border="0">  <img src="http://i31.photobucket.com/albums/c351/Made92/untitled2.jpg" alt="" border="0" align="left">


<TD COLSPAN=2 class="table2" width ="55"> 


</TD>


<TD COLSPAN=16 class="table2" width="480">  <!-- Wo wird dieses Tag geschlossen? -->


<TD bgcolor="#000000" background="/images/s1/s3_28.gif" width="19">


</TD>


<TR VALIGN="top"></TR>  <!-- Wozu? Außerdem fehlt dazwischen <td></td> -->


<TD COLSPAN=24 class="table2">   <!-- Schreibe alle Parameter in Anführungszeichen, also "24" -->


<IMG SRC="/images/s1/s3_29.gif" WIDTH=740 HEIGHT=11 ALT=""></TD>  

<TR VALIGN="top">


                <TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=18 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=4 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=103 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=11 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=50 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=42 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=13 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=46 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=13 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=46 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=11 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=67 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=11 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=50 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=12 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=34 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=12 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=37 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=13 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=59 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=11 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=40 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=18 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="/images/s1/spacer.gif" WIDTH=19 HEIGHT=1 ALT=""></TD>
	</TR>
</TABLE>

</BODY>
</HTML>

j o e
 
wo wir hier schon bei dem problem sind 2 sachen nebeneinander aufzuschreiben...
kann man 2 tabellen nebeneinander setzen ? oder muss man dafür eine große tabelle machen ?
 
<table><tr>

<td>tabelle 1</td>
<td>tabelle 2</td>

</tr></table>

so müßte das aussehen, wenn du 2 table nebeneinander haben möchtest. für tabelle 1/2 fügst du nochmal den code für die beiden tables, die du haben möchtest rein.

gruß
adrian
 
Zur genaueren Erklärung: <table> öffnet eine neue Tabelle, <tr> eine neue Zeile und <td> eine neue Spalte. So kannst du eine Tabelle machen, die beliebig viele Zeilen und Spalten hat. Zudem musst du für jede neue Zeile die Spaltenanzahl neu definieren. Und nicht vergessen, dass jeder Tag wieder geschlossen werden muss.

so far
mfg
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Ähnliche Themen

O
PHP Generierte <div> nebeneinander werden untereinander angezeigt
Antworten
11
Aufrufe
1.896
Penman
Penman
Frank
News Apple Watch X: Erste Bilder sollen das größere Display der Smartwatch zeigen
4 5 6
Antworten
112
Aufrufe
11.741
ToaStarr
ToaStarr
M
HTML: Bilder auf gleiche Größe bringen und nebeneinander erzwingen
Antworten
5
Aufrufe
11.268
kim88
kim88
tim128er
5 Bilder in zwei Reihen untereinander
Antworten
2
Aufrufe
966
Bagbag
B
Parwez
News Sony: Bilder sollen das Xperia Z4 von allen Seiten zeigen
2 3
Antworten
53
Aufrufe
10.060
der_henk
der_henk
Zurück
Oben

Willkommen auf ComputerBase!

Mit Werbung weiterlesen

Besuche ComputerBase wie gewohnt mit Werbung und Tracking. Die Zustimmung ist jederzeit widerrufbar.

Details im Privacy Center und in der Liste unserer Partner. Ein Widerruf ist möglich in der Datenschutzerklärung.

… oder ComputerBase Pro bestellen

Nutze ComputerBase ohne Werbebanner, Video-Ads und Werbetracking schon für 4 €/Monat oder 36 €/Jahr.

Mehr zu ComputerBase Pro

Bereits Pro-Nutzer? Hier anmelden.

Tracking: Wir und unsere 170 Partner verarbeiten personenbezogene Daten, indem wir mit auf Ihrem Gerät gespeicherten Informationen (z. B. eindeutige Kennungen in Cookies) ein Nutzungsprofil erstellen, um z. B. Anzeigen zu personalisieren. Verarbeitungszwecke: Genaue Standortdaten und Abfrage von Geräteeigenschaften zur Identifikation, Informationen auf einem Gerät speichern und/oder abrufen, Personalisierte Anzeigen und Inhalte, Anzeigen- und Inhaltsmessungen, Erkenntnisse über Zielgruppen und Produktentwicklungen.

Impressum Kontakt Datenschutz