Computerhilfen.de Logo
Forum
Tipps
News
Frage stellen

text neben der tabelle....

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


Antworten zu text neben der tabelle....:

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

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">&nbsp;</p>

<p align="center"><font size="5" face="MS Sans Serif" color="#808080">
Umsatzsteigern - Kinderleicht</font></p>

<p align="center">&nbsp;</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">&nbsp;</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">&nbsp;</p>

    </td>
    <td width="50%" height="219" valign="top">

<p align="center">&nbsp;</p>

<p align="center">
<a title="hier gehts zum 1&amp;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&amp;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">
    &nbsp;</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">&nbsp;</p>

<p align="center"><font size="5" face="MS Sans Serif" color="#808080">
Umsatzsteigern - Kinderleicht</font></p>

<p align="center">&nbsp;</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">&nbsp;</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">&nbsp;</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&amp;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&amp;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>&nbsp;</td>
  </tr>
</table>

« Letzte Änderung: 25.04.05, 12:05:03 von bernd-x »

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button
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.

Servus,
das ist so nicht ganz richtig (zumindest so, wie ich es verstanden habe). Bei einem <div>-Tag erfolgt immer ein Zeilenumbrauch, somit ist es nicht möglich, 2 <div>-Elemente in einer Zeile anzeigen zu lassen. Alternativ zu dem Blockelement <div> kann man <span> verwenden, das hat im Gegensatz gar keine Eigenschaften, und dient nur der CSS-Formatrierung.

Mario 8)

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

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

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... ;D

Mario 8)  


« Eigene Homepage erstellenCSS-Freeware »
 

Schnelle Hilfe: Hier nach ähnlichen Fragen und passenden Tipps suchen!

Fremdwörter? Erklärungen im Lexikon!
Datenbank
Eine Datenbank (DBS), im englischen database, ist eine strukturierte Datensammlung und fungiert wie ein "digitales Archiv". Datenbanken dienen der effizienten Aufbewahrun...

Datenkompression
Siehe komprimieren. ...

Datenrate
Die Datenrate, oft auch als Datenübertragungsrate oder Datentransferrate bezeichnet, gibt an, wie viele Daten in einer bestimmten Zeiteinheit (meistens pro Sekunde) ...