hallo @ all
ich würde gern neben einer tabelle noch text bzw anzeige links haben, weiß aber nicht wie ich das machen soll.
help!!!!!!!
mfg
guido
guido Gast |
guido Gast |
hallo @ all
ich würde gern neben einer tabelle noch text bzw anzeige links haben, weiß aber nicht wie ich das machen soll.
help!!!!!!!
mfg
guido
einfach mehrere Tabellen in einander verschachteln, so kannst du das Layout einer Seite gut strukturieren.
Du machst dann einfach in der Tabelle z.B. 2 Spalten.
In der ersten Spalte baust du dann eine neue Tabelle auf, die du mit deinen Daten oder Bildern bestückst. In der Rechten Spalte baust du eine Tabelle auf, die dann deinen Text enthält.
Du kannst Tabellen beliebig schachteln, wird dann teilweise aber im Quelltext (falls du das damit machst) ein wenig unübersichtlich, aber da muss man in ruhe durchgehen, dann klappt das schon.
Probier es einfach mal aus, sonst melde dich nochmal und poste mal deinen Quelltext bzw. einen Link zu deiner Seite, dann kann man sich das mal direkt anschauen.
Bis dann
also die seite heißt www.the-lifestyle-factory.de
ich möchte wenn es geht die anzeigelinks außerhalb der tabelle haben, da ich um die anzeigelinks keinen rahmen haben will.
thanks
guido
Du solltest das Problem noch präziser schildern, ich sehe eigentlich kein Problem.
Die genannte Seite hat Frametechnik, wo die Tabellen sowieso nicht zusammenhängen. Also kann man auch die Links ohne Tabelle setzen.
Ansonsten ist natürlich auch Null Problem, eine Tabelle mit Rahmenstärke Null zu definieren, dann sieht man keine Linien. Man kann auch einzelne Zellenlinien beseitigen.
was muss ich an diesem code verändern, damit rechts neben der tabelle text erscheint, unabhängig von der tabelle?
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#808080" width="75%" id="AutoNumber1" height="253">
<tr>
<td width="100%" height="81" bgcolor="#C2D3FC" colspan="2">
<p align="center"><b><font face="MS Sans Serif" size="6" color="#808080">neu
bei lifestyle</font></b></td>
</tr>
<tr>
<td width="50%" height="219" valign="top">
<p align="center"> </p>
<p align="center"><font size="5" face="MS Sans Serif" color="#808080">
Umsatzsteigern - Kinderleicht</font></p>
<p align="center"> </p>
<p align="center"><font size="4" face="MS Sans Serif" color="#808080">
<applet code="fphover.class" codebase="./" width="256" height="37">
<param name="text" value="Berater online">
<param name="color" value="#C2D3FC">
<param name="fontstyle" value="bold">
<param name="font" value="Helvetica">
<param name="effect" value="fill">
<param name="textcolor" value="#FF0000">
<param name="hovercolor" value="#D7E2FD">
<param name="fontsize" value="30">
<param name="target" value="Hauptframe">
<param name="url" valuetype="ref" value="berater1.htm">
</applet></font></p>
<p align="center"> </p>
<p align="center"><font face="MS Sans Serif" color="#666666">Ob <b>
Körperpflegemittel, Kunststoffküchenzubehör,<br>
Aloe Vera Produkte, Kerzen ode</b>r <br>
<b>Haushaltspflegemittel</b> - bei lifestyle finden sie <br>
kompetente Beratung und unkomplizierte<br>
Lösungen rund um Ihr Unternehmen.</font></p>
<p align="center"> </p>
</td>
<td width="50%" height="219" valign="top">
<p align="center"> </p>
<p align="center">
<a title="hier gehts zum 1&1 onlineshop" target="_blank" href="http://www.profiseller.de/shop1/index.php3?ps_id=p8492594">
<img border="0" src="1und1_partnerlogo.gif" width="68" height="93"></a></p>
<p align="center"><font face="MS Sans Serif" color="#666666" size="4">Besuchen
Sie unseren neuen 1&1 <b>
<a target="_blank" href="http://www.profiseller.de/shop1/index.php3?ps_id=p8492594">
<font color="#000000">Onlineshop</font></a></b>.</font></p>
<p align="center"><font face="MS Sans Serif" color="#666666" size="4">Hier
finden Sie alles rund ums Internet und </font></p>
<p align="center"><font face="MS Sans Serif" color="#666666" size="4">
Telekommunikation.</font></p>
<p align="center"><font face="MS Sans Serif" color="#666666" size="4">Ein <b>
<a target="_blank" href="http://www.profiseller.de/shop1/index.php3?ps_id=p8492594">
<font color="#000000">Klick</font></a></b> der sich lohnt!</font></p>
</td>
</tr>
</table>
Is doch wirklich einfach.
Du machst eine rahmenlose Tabellenspalte. Dafür muß die Tabellenumrandung abgestellt werden und dafür eine Zellenumrandung eingestellt werden.
Eine weitere Möglichkeit wäre, mit dem DIV-Tag zu arbeiten.
Ein Div für die Tabelle, ein Div für den Text rechts daneben. Und dann sagen, daß die Divs nebeneinander liegen sollen.
Der Code unten funktioniert. Bernd
<table border="0" cellpadding="0" style="border-collapse: collapse" bordercolor="#808080" width="95%" id="AutoNumber1" height="253">
<tr>
<td width="34%" height="81" bgcolor="#C2D3FC" style="border-left-style: solid; border-left-width: 1px; border-top-style: solid; border-top-width: 1px">
<p align="center"><b><font face="MS Sans Serif" size="6" color="#808080">neu
bei lifestyle</font></b></td>
<td width="25%" height="81" bgcolor="#C2D3FC" style="border-right-style: solid; border-right-width: 1px; border-top-style: solid; border-top-width: 1px">
</td>
<td width="24%" height="300" rowspan="2">
<p align="center">Das ist der Text rechts davon!!</p>
</td>
</tr>
<tr>
<td width="50%" height="219" valign="top" style="border-left-style: solid; border-left-width: 1px; border-bottom-style: solid; border-bottom-width: 1px">
<p align="center"> </p>
<p align="center"><font size="5" face="MS Sans Serif" color="#808080">
Umsatzsteigern - Kinderleicht</font></p>
<p align="center"> </p>
<p align="center"><font size="4" face="MS Sans Serif" color="#808080">
<applet code="fphover.class" codebase="./" width="256" height="37">
<param name="text" value="Berater online">
<param name="color" value="#C2D3FC">
<param name="fontstyle" value="bold">
<param name="font" value="Helvetica">
<param name="effect" value="fill">
<param name="textcolor" value="#FF0000">
<param name="hovercolor" value="#D7E2FD">
<param name="fontsize" value="30">
<param name="target" value="Hauptframe">
<param name="url" valuetype="ref" value="berater1.htm">
</applet></font></p>
<p align="center"> </p>
<p align="center"><font face="MS Sans Serif" color="#666666">Ob <b>
Körperpflegemittel, Kunststoffküchenzubehör,<br>
Aloe Vera Produkte, Kerzen ode</b>r <br>
<b>Haushaltspflegemittel</b> - bei lifestyle finden sie <br>
kompetente Beratung und unkomplizierte<br>
Lösungen rund um Ihr Unternehmen.</font></p>
<p align="center"> </p>
</td>
<td width="25%" height="219" valign="top" style="border-right-style: solid; border-right-width: 1px; border-bottom-style: solid; border-bottom-width: 1px">
<p align="center">
<a title="hier gehts zum 1&1 onlineshop" target="_blank" href="http://www.profiseller.de/shop1/index.php3?ps_id=p8492594">
<img border="0" src="1und1_partnerlogo.gif" width="68" height="93"></a></p>
<p align="center"><font face="MS Sans Serif" color="#666666" size="4">Besuchen
Sie unseren neuen 1&1 <b>
<a target="_blank" href="http://www.profiseller.de/shop1/index.php3?ps_id=p8492594">
<font color="#000000">Onlineshop</font></a></b>.</font></p>
<p align="center"><font face="MS Sans Serif" color="#666666" size="4">Hier
finden Sie alles rund ums Internet und </font></p>
<p align="center"><font face="MS Sans Serif" color="#666666" size="4">
Telekommunikation.</font></p>
<p align="center"><font face="MS Sans Serif" color="#666666" size="4">Ein <b>
<a target="_blank" href="http://www.profiseller.de/shop1/index.php3?ps_id=p8492594">
<font color="#000000">Klick</font></a></b> der sich lohnt!</font></p>
<p> </td>
</tr>
</table>
Die weite Möglichkeit ist, mit dem DIV-Tag zu arbeiten.
Ein Div für die Tabelle, ein Div für den Text rechts daneben. Und dann sagen, daß die Divs nebeneinander liegen sollen.
Hallo, Mario,
Du weißt bestimmt viel mehr als ich über Seitenerstellung. Aber vielleicht darf ich Dir hier noch ein Detail liefern:
In der DIV style definition kannst Du ABSOLUTE schreiben.
Dann kannst Du die DIVs auch nebeneinander positionieren. Funktioniert garantiert 200%.
Viele Grüße
Bernd
Jo, das ist natürlich die 2. Möglichkeit. Eine bzw. zwei Ebenen anzulegen und den Inhalt in die 2 DIV-Container schreiben - dann lassen sich die DIVs nebeneinander legen. Allerdings bekommt man dann bei der "position:absolute" keine 100%ige Positionierung in den einzelnen Browsern hin (IE+Mozilla). Ein paar Pixel ists da meist immer verrutscht. Und bei "position:relative" hat man das Problem mit den einzelnen Bildschirm-Auflösungen. Und grad wenns ums Design geht, sind diese Eigenschaften meist nicht so gewünscht...
Mario
« Eigene Homepage erstellen | CSS-Freeware » | ||