Tabelle, unterteilen, 3 Teile :: webwork-community.net

Forum » Auszeichnungssprachen » Tabelle, unterteilen, 3 Teile

Antworten

Tabelle, unterteilen, 3 Teile

fakespace

Feiertags-Poster

Beiträge: 26

Erstellt am: 15.11.2003 21:58

Hi

hab ein Bild mit Photoshop gemacht. Soll ne HP werden *g

Und zwar hatte ich mir vorgestellt, Links ein Menü, Mitte per switch Informationen einbinden und Rechts noch ein paar Links. So hab ich mein Bild auch zerschnitten.

Jetzt dachte ich, ich mach 3 Tabellen nebeneinander, und jede bekommt ein eigenes Hintergrundbild. Aber ich kann nur 2 Tabellen negbeneinander machen. Die Dritte ist immer nach unten verstezt. Wie kann ich das denn machen ?

Big thx !

Profil Editieren Zitieren

languitar

Foren-Team

Beiträge: 2795

Erstellt am: 15.11.2003 22:16

Soll die Seite ausfüllen? Dann machs mit drei DIVs

Ansonsten ne Tabelle mit drei Spalten und einer Zeile und wenn die Spalten noch jeweils unterschiedlich lang sein sollen, müssen in die Zellen jeweils noch neue Tabellen gepackt werden.

---
Take a look here!
Lichtblick - Einblick - Ausblick

Profil E-Mail Website Editieren Zitieren

fakespace

Feiertags-Poster

Beiträge: 26

Erstellt am: 15.11.2003 22:38

Was sind denn Divs ?

Ich habs mal mit ner Tabelle mit 3 Spalten versucht, aber das geht nich so richtig.

Hier mal ein test:

test.htm

Profil Editieren Zitieren

languitar

Foren-Team

Beiträge: 2795

Erstellt am: 15.11.2003 23:43

Das mit dem Verlängern ist klar, desshalb meinte ich ja auch, dass da noch mal meue Tabellen reinmüssen, also quasi so:

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12:

<table>
    <tr>
        <td>
            <table><tr><td> Hier deine linke Spalte </td></tr></table>
        </td>
    </tr>
    <tr>
        <td>
            <table><tr><td> Hier deine mittlere Spalte </td></tr></table>
        </td>
    </tr>
</table>

<div> ist ein ganz normales HTML-Element (siehe SelfHTML), das sich mit Hilfe von CSS wunderbar als Designelement benutzenlassen lässt. Man könnte das im Prinzip als Ebene oder Layer bezeichnen. DIVs kann man überienanderlegen, mit Pixelangaben frei im Raum verteilen usw... axedon benutzt das z.B. auf seiner Seite: www.axedon.com

---
Take a look here!
Lichtblick - Einblick - Ausblick

Profil E-Mail Website Editieren Zitieren

fakespace

Feiertags-Poster

Beiträge: 26

Erstellt am: 19.11.2003 17:00

Irgendwie bekomm ich das nich so richtig hin :(

was languitar mir geschrieben hat waren ja "nur" 2 Tabellen in einer, aber ich brauche ja 3. left, center und right. Hab folgendes versucht, aber er zieht die rechte Tabelle immer eine Zeile nach unten...

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:

<table>
  <tr>
    <td>
   
    <table align="left" style="border-collapse: collapse" bordercolor="#111111" cellpadding="0" cellspacing="0">
    <tr>
    <td>links
    </td>
    </tr>
    </table>
        
    <table align="center" style="border-collapse: collapse" bordercolor="#111111" cellpadding="0" cellspacing="0">
    <tr>
    <td>mitte
    </td>
    </tr>
    </table>
    
    <table align="right" style="border-collapse: collapse" bordercolor="#111111" cellpadding="0" cellspacing="0">
    <tr>
    <td>rechts
    </td>
    </tr>
    </table>
        
    
    </td>
  </tr>
</table>

ich dreh noch durch *g

Diese Nachricht wurde geändert von: fakespace

Profil Editieren Zitieren

languitar

Foren-Team

Beiträge: 2795

Erstellt am: 19.11.2003 17:19

daraus drei tabellen sollte doch möglich sein:

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17:

<table>
    <tr>
        <td>
            <table><tr><td> Hier deine linke Spalte </td></tr></table>
        </td>
    </tr>
    <tr>
        <td>
            <table><tr><td> Hier deine mittlere Spalte </td></tr></table>
        </td>
    </tr>
    <tr>
        <td>
            <table><tr><td> Hier deine rechte Spalte </td></tr></table>
        </td>
    </tr>
</table>

---
Take a look here!
Lichtblick - Einblick - Ausblick

Profil E-Mail Website Editieren Zitieren

fakespace

Feiertags-Poster

Beiträge: 26

Erstellt am: 19.11.2003 17:29

Natürlich, das ist kein Problem !

Aber das Problem ist dass ich 3 Tabellen nebeneinander haben möchte.

Ich habe ein Bild von einem Kumpel bekommen, und daraus möchte ich ne website machen. und da soll in der Mitte der Inhalt eingeswitcht werden (mit PHP) und link und rechts davon steht noch etwas

Profil Editieren Zitieren

c3o

Posting-Schinder

Beiträge: 586

Erstellt am: 19.11.2003 17:47

Wenn du Ahnung von CSS hättest würde ich jetzt sagen...
http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html
...aber nachdem die Chancen dafür eher schlecht stehen sag ich lieber nix.

Hoppla.

Profil E-Mail Website Editieren Zitieren

languitar

Foren-Team

Beiträge: 2795

Erstellt am: 19.11.2003 17:55

Ja aber hier hast du doch quasi drei Tabellen nebeneinander mit denen du machen kannst was du willst.

---
Take a look here!
Lichtblick - Einblick - Ausblick

Profil E-Mail Website Editieren Zitieren

fakespace

Feiertags-Poster

Beiträge: 26

Erstellt am: 19.11.2003 18:24

@ c3o:

nein, leider kenn ich mich mit CSS gar nich aus :(
aber vielleicht les ich mich da mal rein, wenn mir das hilft...

@ languitar:
schon, aber das funktioniert eben nich so wich es soll :(
weil sich die Tabellen gegenseitig zu sehr beeinflussen

@ all:

was empfehlt ihr mir denn um CSS zu lernen ? das auf selfhtml ?

Danke für Eure Hilfe

Profil Editieren Zitieren

languitar

Foren-Team

Beiträge: 2795

Erstellt am: 19.11.2003 19:29

Zeig mal deinen Code und wie es am Ende aussehen soll (Grafik).

---
Take a look here!
Lichtblick - Einblick - Ausblick

Profil E-Mail Website Editieren Zitieren

	Antworten