Bild neben Infoblock

werner9150

Hallo, bin neu hier und totaler Anfänger ich versuche jetzt schon vier Tage eine Bilderleiste neben den Infoboxen zu integrieren schaffe es aber nicht. Bitte Bitte helft mir ich gebe euch den HTML Aufbau, die Bilder oben sollen links neben die Infoboxen. Danke. Hier der HTML Aufbau:

<TR>

<TR>

<TR>

<TD class=desc style="BORDER-RIGHT: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid" borderColor=#000000 width=505 bgColor=#fffff><FONT style="BACKGROUND-COLOR: #fffff0" color=#ff0000>llllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll</FONT>

<TR>

<TR>

<TR>

<TR>

<TD class=desc colSpan=2><FONT size=5><FONT color=#ffffff>Unser Produkt</FONT> </FONT>

</TD></TR>

<TR>

<TD class=desc vAlign=top width="30%" height=76>[Blockierte Grafik: http://www.etope.de/programm/templ…k_xp2400_04.jpg]

[Blockierte Grafik: http://www.etope.de/programm/templ…k_xp2400_02.jpg]</P></TD>

<TD class=desc vAlign=top width="62%" height=76><FONT color=#ffffff><FONT size=4><U>Notebook der Superlative</U>

Wir bieten Ihnen hier ein Notebook aus absoluter Spitzenqualität! Das Gehäuse wurde verchromt und befindet sich in einem einwandfreien Zustand. </FONT></FONT>

<U><FONT color=#ffffff size=4>Daten des Notebooks:</FONT></U></P>

</P></TD></TR></TABLE></TD></TR></TABLE></TD>

<TR>

<TR>

<TR>

<TR>

<TD class=desc colSpan=2><FONT size=5><FONT color=#ffffff>Unser Produkt</FONT> </FONT>

</TD></TR>

<TR>

<TD class=desc vAlign=top width="62%" height=76><FONT color=#ffffff><FONT size=4><U>Notebook der Superlative</U>

Wir bieten Ihnen hier ein Notebook aus absoluter Spitzenqualität! Das Gehäuse wurde verchromt und befindet sich in einem einwandfreien Zustand. </FONT></FONT>

<U><FONT color=#ffffff size=4>Daten des Notebooks:</FONT></U></P>

</P></TD></TR></TABLE></TD></TR></TABLE></TD>

<TR>

<TR>

<TR>

anspiUCNapufn9

Da fehlen total oft die Doppelten Hochkommata (Gänsefüßchen, ergänz die mal dann sehen wir weiter... (BSP border="0")

LG

werner9150

Wozu brauche ich die denn ?
Die Seite ist soweit in Ordnung nur die Bilder sind an der falschen stelle. Denk daran ich arbeite erst seid ein paar Tagen mit HTML. Habe mir das bisherige vom Netz kopiert und will es ein bischen verändern.

Gruß

Werner9150

anspiUCNapufn9

Hast du das ganze schon hochgeladen? Falls ja poste bitte den Link.

werner9150

Zitat von Dark_Dog

Hast du das ganze schon hochgeladen? Falls ja poste bitte den Link.

Hab vergessen zu sagen, daß es sich nicht um eine HP sonder um eine Verkaufsvorlage bei Ebay handelt.

Gruß Werner9150

anspiUCNapufn9

Achso.

Hier ein kleiner Tipp: Container. Mache zunächst einen container und teile diesen in 2 bereiche auf. einen bereich Links für die Bilderleiste und einen Rechts für den Inhalt:

Code

<div id="rahmen"> <div style="float:left" id="teil_links">[img]http://freenet-homepage.de/wbhbt/EbayfesteBilder/coullagefertig.gif[/img]
</div><div id="teil_rechts">
<DIV align=right>


<TABLE id=table1 cellSpacing=0 cellPadding=0 width=800 border=0>


<style type="text/css"></style>


<TR>




<TD style="BORDER-RIGHT: 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: 1px solid; PADDING-LEFT: 4px; PADDING-BOTTOM: 1px; BORDER-LEFT: 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: 1px solid" borderColor=#000000 background=http://www.etope.de/programm/templates/etope%20layout%204/top.jpg colSpan=3 height=120></TD></TR>


<TR>




<TD width="1%" height=4></TD>


<TD width="98%" bgColor=#460000 height=4></TD>


<TD width="1%" height=4></TD></TR>


<TR>




<TD width="1%"></TD>


<TD class=desc style="BORDER-RIGHT: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid" borderColor=#000000 width=505 bgColor=#fffff><FONT style="BACKGROUND-COLOR: #fffff0" color=#ff0000>llllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll</FONT>


<TD width="1%"></TD></TR>


<TR>


<TD width="1%"></TD>


<TD background=http://www.etope.de/programm/templates/etope%20layout%204/boz.jpg height=10></TD>


<TD width="1%"></TD></TR></TABLE></DIV>












<DIV align=right>


<TABLE id=table2 cellSpacing=0 cellPadding=0 width=800 border=0>
<ANFANG ERSTES BESCHREIBUNGSFELD---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->






<TR>


<TD vAlign=top width=8></TD>


<TD vAlign=top width=784>


<TABLE id=table3 cellSpacing=0 cellPadding=0 width="100%" border=0>






<TR>


<TD class=desc style="BORDER-RIGHT: 3px solid; PADDING-RIGHT: 5px; BORDER-TOP: 3px solid; PADDING-LEFT: 5px; BORDER-LEFT: 3px solid; BORDER-BOTTOM: 3px solid" borderColor=#000000 bgColor=#003300>


<TABLE id=table5 cellPadding=1 width="100%" border=0>






<TR>


<TD class=desc colSpan=2><FONT size=5><FONT color=#ffffff>Unser Produkt</FONT> </FONT>


<HR color=#ffffff>


</TD></TR>


<TR>


<TD class=desc vAlign=top width="30%" height=76>[img]http://www.etope.de/programm/templates/etope%20layout%203/notebook_xp2400_04.jpg[/img]






[img]http://www.etope.de/programm/templates/etope%20layout%203/notebook_xp2400_02.jpg[/img]</P></TD>


<TD class=desc vAlign=top width="62%" height=76><FONT color=#ffffff><FONT size=4><U>[B]Notebook der Superlative[/B]</U>


Wir bieten Ihnen hier ein Notebook aus absoluter Spitzenqualität! Das Gehäuse wurde verchromt und befindet sich in einem einwandfreien Zustand. </FONT></FONT>






<U>[B]<FONT color=#ffffff size=4>Daten des Notebooks:</FONT>[/B]</U></P>






</P></TD></TR></TABLE></TD></TR></TABLE></TD>


<TD width=8></TD></TR>


<TR>


<TD vAlign=top width=8></TD>


<TD vAlign=top width=784 background=http://www.etope.de/programm/templates/etope%20layout%204/boz.jpg></TD>


<TD width=8></TD></TR>


<TR>


<TR>


<TD vAlign=top width=8></TD>


<TD vAlign=top width=784>


<TABLE id=table3 cellSpacing=0 cellPadding=0 width="100%" border=0>






<TR>


<TD class=desc style="BORDER-RIGHT: 3px solid; PADDING-RIGHT: 5px; BORDER-TOP: 3px solid; PADDING-LEFT: 5px; BORDER-LEFT: 3px solid; BORDER-BOTTOM: 3px solid" borderColor=#000000 bgColor=#003300>


<TABLE id=table5 cellPadding=7 width="100%" border=0>






<TR>


<TD class=desc colSpan=2><FONT size=5><FONT color=#ffffff>Unser Produkt</FONT> </FONT>


<HR color=#ffffff>


</TD></TR>


<TR>






<TD class=desc vAlign=top width="62%" height=76><FONT color=#ffffff><FONT size=4><U>[B]Notebook der Superlative[/B]</U>


Wir bieten Ihnen hier ein Notebook aus absoluter Spitzenqualität! Das Gehäuse wurde verchromt und befindet sich in einem einwandfreien Zustand. </FONT></FONT>






<U>[B]<FONT color=#ffffff size=4>Daten des Notebooks:</FONT>[/B]</U></P>






</P></TD></TR></TABLE></TD></TR></TABLE></TD>


<TD width=8></TD></TR>


<TR>


<TD vAlign=top width=8></TD>


<TD vAlign=top width=784 background=http://www.etope.de/programm/templates/etope%20layout%204/boz.jpg></TD>


<TD width=8></TD></TR>


<TR>


<TD vAlign=top width=8></TD><ANFANG SCHLUSSBALKEN--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->


<TD vAlign=top>


<TABLE id=table9 cellSpacing=0 cellPadding=0 width="100%" border=0>






<TR>


<TD class=desc style="BORDER-RIGHT: 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: 1px solid; PADDING-LEFT: 4px; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid" borderColor=#525252 bgColor=#330000></TD></TR></TABLE></TD>


<TD width=8></TD></TR></TABLE></DIV><TD width="8"></TD></TR></TABLE>


<DIV></DIV> </div>  </div>

Alles anzeigen

werner9150

Zitat von Dark_Dog

Achso.

Hier ein kleiner Tipp: Container. Mache zunächst einen container und teile diesen in 2 bereiche auf. einen bereich Links für die Bilderleiste und einen Rechts für den Inhalt:

Code

<div id="rahmen"> <div style="float:left" id="teil_links">[img]http://freenet-homepage.de/wbhbt/EbayfesteBilder/coullagefertig.gif[/img]
</div><div id="teil_rechts">
<DIV align=right>


<TABLE id=table1 cellSpacing=0 cellPadding=0 width=800 border=0>


<style type="text/css"></style>


<TR>




<TD style="BORDER-RIGHT: 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: 1px solid; PADDING-LEFT: 4px; PADDING-BOTTOM: 1px; BORDER-LEFT: 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: 1px solid" borderColor=#000000 background=http://www.etope.de/programm/templates/etope%20layout%204/top.jpg colSpan=3 height=120></TD></TR>


<TR>




<TD width="1%" height=4></TD>


<TD width="98%" bgColor=#460000 height=4></TD>


<TD width="1%" height=4></TD></TR>


<TR>




<TD width="1%"></TD>


<TD class=desc style="BORDER-RIGHT: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid" borderColor=#000000 width=505 bgColor=#fffff><FONT style="BACKGROUND-COLOR: #fffff0" color=#ff0000>llllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll</FONT>


<TD width="1%"></TD></TR>


<TR>


<TD width="1%"></TD>


<TD background=http://www.etope.de/programm/templates/etope%20layout%204/boz.jpg height=10></TD>


<TD width="1%"></TD></TR></TABLE></DIV>












<DIV align=right>


<TABLE id=table2 cellSpacing=0 cellPadding=0 width=800 border=0>
<ANFANG ERSTES BESCHREIBUNGSFELD---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->






<TR>


<TD vAlign=top width=8></TD>


<TD vAlign=top width=784>


<TABLE id=table3 cellSpacing=0 cellPadding=0 width="100%" border=0>






<TR>


<TD class=desc style="BORDER-RIGHT: 3px solid; PADDING-RIGHT: 5px; BORDER-TOP: 3px solid; PADDING-LEFT: 5px; BORDER-LEFT: 3px solid; BORDER-BOTTOM: 3px solid" borderColor=#000000 bgColor=#003300>


<TABLE id=table5 cellPadding=1 width="100%" border=0>






<TR>


<TD class=desc colSpan=2><FONT size=5><FONT color=#ffffff>Unser Produkt</FONT> </FONT>


<HR color=#ffffff>


</TD></TR>


<TR>


<TD class=desc vAlign=top width="30%" height=76>[img]http://www.etope.de/programm/templates/etope%20layout%203/notebook_xp2400_04.jpg[/img]






[img]http://www.etope.de/programm/templates/etope%20layout%203/notebook_xp2400_02.jpg[/img]</P></TD>


<TD class=desc vAlign=top width="62%" height=76><FONT color=#ffffff><FONT size=4><U>[B]Notebook der Superlative[/B]</U>


Wir bieten Ihnen hier ein Notebook aus absoluter Spitzenqualität! Das Gehäuse wurde verchromt und befindet sich in einem einwandfreien Zustand. </FONT></FONT>






<U>[B]<FONT color=#ffffff size=4>Daten des Notebooks:</FONT>[/B]</U></P>






</P></TD></TR></TABLE></TD></TR></TABLE></TD>


<TD width=8></TD></TR>


<TR>


<TD vAlign=top width=8></TD>


<TD vAlign=top width=784 background=http://www.etope.de/programm/templates/etope%20layout%204/boz.jpg></TD>


<TD width=8></TD></TR>


<TR>


<TR>


<TD vAlign=top width=8></TD>


<TD vAlign=top width=784>


<TABLE id=table3 cellSpacing=0 cellPadding=0 width="100%" border=0>






<TR>


<TD class=desc style="BORDER-RIGHT: 3px solid; PADDING-RIGHT: 5px; BORDER-TOP: 3px solid; PADDING-LEFT: 5px; BORDER-LEFT: 3px solid; BORDER-BOTTOM: 3px solid" borderColor=#000000 bgColor=#003300>


<TABLE id=table5 cellPadding=7 width="100%" border=0>






<TR>


<TD class=desc colSpan=2><FONT size=5><FONT color=#ffffff>Unser Produkt</FONT> </FONT>


<HR color=#ffffff>


</TD></TR>


<TR>






<TD class=desc vAlign=top width="62%" height=76><FONT color=#ffffff><FONT size=4><U>[B]Notebook der Superlative[/B]</U>


Wir bieten Ihnen hier ein Notebook aus absoluter Spitzenqualität! Das Gehäuse wurde verchromt und befindet sich in einem einwandfreien Zustand. </FONT></FONT>






<U>[B]<FONT color=#ffffff size=4>Daten des Notebooks:</FONT>[/B]</U></P>






</P></TD></TR></TABLE></TD></TR></TABLE></TD>


<TD width=8></TD></TR>


<TR>


<TD vAlign=top width=8></TD>


<TD vAlign=top width=784 background=http://www.etope.de/programm/templates/etope%20layout%204/boz.jpg></TD>


<TD width=8></TD></TR>


<TR>


<TD vAlign=top width=8></TD><ANFANG SCHLUSSBALKEN--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->


<TD vAlign=top>


<TABLE id=table9 cellSpacing=0 cellPadding=0 width="100%" border=0>






<TR>


<TD class=desc style="BORDER-RIGHT: 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: 1px solid; PADDING-LEFT: 4px; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid" borderColor=#525252 bgColor=#330000></TD></TR></TABLE></TD>


<TD width=8></TD></TR></TABLE></DIV><TD width="8"></TD></TR></TABLE>


<DIV></DIV> </div>  </div>

Alles anzeigen

Super vielen vielen Dank.

LG

Werner9150

anspiUCNapufn9

Kein Problem, aber die Gänsefüßchen würde ich doch noch hinzufügen, nach jedem Gleichheitszeichen (=) folgt ein Wert oder ein Wort, und dieses muss in " " gesetzt werden, wenn du zb möchtest dass ein Rand=Border angezeigt wird, benötigst du dafür den Wert 1, und der muss in " "

Falsch: border=1
richtig: border="1"

LG

Bild neben Infoblock

Tags

Benutzer online in diesem Thema