+ Antworten
Ergebnis 1 bis 3 von 3

Thema: Text bleibt nicht neben Tabelle stehen

  1. #1
    TP-Senior Maria23 kann nur besser werden
    Registriert seit
    Dec 2006
    Beiträge
    157

    Exclamation Text bleibt nicht neben Tabelle stehen

    Ich habe ein Problem.

    Habe auf der linken Seite eine Tabelle für die Navigation gemacht und will rechts daneben Text hinsetzen.

    Wie funktioniert das?

  2. #2
    TP-Veteran MatthiasG hilft, wo's geht MatthiasG hilft, wo's geht MatthiasG hilft, wo's geht Avatar von MatthiasG
    Registriert seit
    Jan 2003
    Ort
    Hallenberg/Würzburg
    Beiträge
    1.286
    Als erstes ziehst du deine Tabelle in deine Html-Seite (Bild1 Punkt1).
    Anschließend legst du über den Inspektor die Größe der Spalten und Zeilen deiner Tabelle fest. Anzahl der Zeilen entspricht bei dir die Anzahl der Links (Bild1 Punkt 2). Weiterhin kannst du noch andere Eigenschaften der Tabelle über den Inspektor der Tabelle zuweisen.

    Nachdem die Tabelle nun in der Layout-Ansicht vorhanden ist und du die Links eingefügt hast. Gehst du mit der Maus auf die erste Zelle deiner rechten Spalte und markierst diese (Bild 2).

    Nach der Markierung drückst du die Taste Shift und bedienst die "Pfeiltaste nach unten". Dadurch werden die Zellen zusammengefügt und du erhälst eine größere Zelle in der dann später dein Text eingefügt werden kann (Bild 3).

    Du kannst auch die Zusammenfügung rückgängig machen indem du wieder Shift + "Pfeiltaste oben" drückst. Ebenfalls kannst du verschiedene Spalten mit dem System zusammenfügen.

    Gruß
    Matthias
    Miniaturansichten angehängter Grafiken Miniaturansichten angehängter Grafiken Text bleibt nicht neben Tabelle stehen-bild_tab1.jpg   Text bleibt nicht neben Tabelle stehen-bild_tab2.jpg   Text bleibt nicht neben Tabelle stehen-bild_tab3.jpg  

  3. #3
    TP-Moderator Dirk Levy bringt sich richtig ein Dirk Levy bringt sich richtig ein Avatar von Dirk Levy
    Registriert seit
    Feb 2001
    Ort
    Hamburg
    Beiträge
    3.292
    Und hier mal ein Grundaufbau Deiner Seite
    mit echten Rahmen:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">

    <head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <meta name="generator" content="Adobe GoLive" />
    <title>Unbenannte Seite</title>
    <style type="text/css" media="screen"><!--
    body { color: black; background-color: white; margin: 0; padding: 0; }
    #kopf { background-color: #c1d2ba; height: 100px; width: 100%; left: 0; top: 0; position: absolute; visibility: visible; }
    #navi { background-color: #e5f5ff; height: 450px; width: 175px; left: 0; top: 100px; position: absolute; visibility: visible; }
    #inhalt { background-color: #93b9e0; height: 450px; width: 100%; left: 175px; top: 100px; position: absolute; visibility: visible; }
    p { font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; margin: 0; padding: 0; }
    h1 { font-size: 18px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; margin: 0; }
    --></style>
    </head>

    <body>
    <div id="kopf">
    <h1>
    Hier ist der Kopf der Seite</h1>
    </div>
    <div id="navi">
    <p>
    Hier kommt die Navigation hinein, egal ob nun als Tabelle oder als DIVs!</p>
    </div>
    <div id="inhalt">
    <p>
    Hier ist der Bereich für den Text</p>
    </div>

    </body>

    </html>

    Wobei natürlich die Größen noch angepaßt werden
    müßen - genauso wie die Definition für die Schrift
    etc.

    Ich habe die Rahmen eingefärbt, damit Du es besser
    sehen kannst und auch schon die Überschrift erster
    Ordnung H1 definiert und den Absatztag p.....

    Gruß

    Dirk

+ Antworten

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

     

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51