Ergebnis 1 bis 9 von 9

Thema: divs wie in Tabelle postionieren

  1. #1
    Prinz(essin) Avatar von Greg10
    Registriert seit
    12.05.2007
    Beiträge
    825
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard divs wie in Tabelle postionieren

    also, ich möchte ein paar divs wie folgt postionieren:
    x steht für eine div | dient als abgrenzungh zwischen divs
    <--232px--> <--rest der Seite-->
    x|xxxxxxx|x|x|xxxxxxxxxxxxx|x
    x|xxxxxxx|x|x|xxxxxxxxxxxxx|x
    x|xxxxxxx|x|x|xxxxxxxxxxxxx|x
    oder als tabellen code:
    Code:
    <table>
    <tr>
    <td width="200px">
    <div></div><div></div><div></div>
    </td>
    </tr>
    <tr>
    <td>
    <div></div><div></div><div></div>
    </td>
    </tr>
    <tr>
    <td width="200px">
    <div></div><div></div><div></div>
    </td>
    </tr>
    <tr>
    <td>
    <div></div><div></div><div></div>
    </td>
    </tr>
    <tr>
    <td width="200px">
    <div></div><div></div><div></div>
    </td>
    </tr>
    <tr>
    <td>
    <div></div><div></div><div></div>
    </td>
    </tr>
    </table>
    also wie in 'ner Tabelle nur halt ohne gerade genanntes und auch bitte keine frames!
    geht diese Anordnung nur mit CSS und HTML überhaupt?
    
     &#58;help-s&#58;
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!
    Orthografie und Grammatik in diesem Beitrag sind frei erfunden und eine eventuell gefundene Übereinstimmung mit einer lebenden oder toten Sprache sollte von allen Beteiligten unverzüglich ignoriert werden.

    K-Progs (In bearbeitung)
    Der inoffizielle Forum-hilfe IRC-Channel
    (Server: irc.freenode.net ; Channel: #forum-hilfe) (Client für FF)
    Ich hab auch 'n Jabber-Account beim CCC

  2. #2
    König(in)
    Registriert seit
    06.06.2007
    Ort
    Bi
    Beiträge
    1.015
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Darf man fraqgen, warum du 24 Div nebeneinander haben möchtest?
    das kannst du nur mit html, sauberer aber mit css schreiben, aber vielleicht missverstehe ich dich ja. ist das ernst gemeint mit den 24 Div nebeneinander?
    Sämtlicher Code erhebt keinen Anspruch auf syntaktische Korrektheit geschweige denn Ausführbarkeit und ist für die Implementation außerhalb der Beispiele nicht geeignet.

    Kein Support für kommerzielle Scripts | Kein kostenloser Support via ICQ

  3. #3
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    a) is das eine reine divsuppe und schaut ziemlcih schelcht programmiert aus

    b) kein plan was du anstellen willst. aber mit css kann man so ziemlich alles ausrichten...
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  4. #4
    Prinz(essin)
    Themenstarter
    Avatar von Greg10
    Registriert seit
    12.05.2007
    Beiträge
    825
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    nein nicht jedes x ein Div, ein div is:
    |so viele x bisses im post gut ausschaut |
    also 6 div nebeneinander.
    Sinn:
    Navi und text mit grafischem Rand
    Da ich keine möglichkeit kenne den Rand direkt im Css oder html grafisch anzugegeben muss ich mir mit einzelnen divs für den Rand behelfen.

    @driver "divsuppe"
    Orthografie und Grammatik in diesem Beitrag sind frei erfunden und eine eventuell gefundene Übereinstimmung mit einer lebenden oder toten Sprache sollte von allen Beteiligten unverzüglich ignoriert werden.

    K-Progs (In bearbeitung)
    Der inoffizielle Forum-hilfe IRC-Channel
    (Server: irc.freenode.net ; Channel: #forum-hilfe) (Client für FF)
    Ich hab auch 'n Jabber-Account beim CCC

  5. #5
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Ich verstehe auch nicht wirklich, was du da willst.
    Sollen zwei div's nebeneinander sein, dann geht das z.B. so:
    Code:
    <div style="float&#58; left; width&#58; 232px; background&#58; red;">Linker div</div>
    <div style="margin-left&#58; 240px; background&#58; green;">rechter div</div>
    Wenn du wirklich nur etwas strukturieren willst, z.B. eine Übersicht, wo links "Termin" und rechts "Ereignis" steht, dann ist für so was die Tabelle nach wie vor geeignet.

  6. #6
    Prinz(essin)
    Themenstarter
    Avatar von Greg10
    Registriert seit
    12.05.2007
    Beiträge
    825
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    naja, ich habs mit ner tabelle probiert und solange der Rand in der Tabelle an war hat auch alles ganz schön gklappt als ich ihn aber ausschalten wolte, wurden die divs zwischen den Rändern und die oberen Ränder nicht mehr angezeigt.
    also anstatt
    x|x|x|x|x|x
    x|x|x|x|x|x
    x|x|x|x|x|x

    x|x|x
    x|x|x
    x|x|x
    danke ich versuch s gleich ma lmit margin.
    Edit:
    "// zu langsam -.-"?
    Orthografie und Grammatik in diesem Beitrag sind frei erfunden und eine eventuell gefundene Übereinstimmung mit einer lebenden oder toten Sprache sollte von allen Beteiligten unverzüglich ignoriert werden.

    K-Progs (In bearbeitung)
    Der inoffizielle Forum-hilfe IRC-Channel
    (Server: irc.freenode.net ; Channel: #forum-hilfe) (Client für FF)
    Ich hab auch 'n Jabber-Account beim CCC

  7. #7
    Prinz(essin)
    Themenstarter
    Avatar von Greg10
    Registriert seit
    12.05.2007
    Beiträge
    825
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Okay ich mach jetz' doch wieder Tabelle, hier is' dann mein code:
    Code:
    <html>
    <body>
    <table width="60%" cellspacing="0" cellpadding="0" border="0" height="100%" style="margin&#58;0;padding&#58;0;" rules="none">
    <tr>
    <td style="background-image&#58;url&#40;pics/lo.png&#41;;background-repeat&#58;no-repeat;height&#58;16px;width&#58;16px;" width="16px" height="16px"></td>
    <td style="background-image&#58;url&#40;pics/br_22.png&#41;;background-repeat&#58;repeat-x;height&#58;16px;width&#58;200px;" height="16px"></td>
    <td style="background-image&#58;url&#40;pics/mo.png&#41;;background-repeat&#58;no-repeat;width&#58;16px;height&#58;16px;" width="16px" height="16px"></td>
    <td style="background-image&#58;url&#40;pics/br_22.png&#41;;background-repeat&#58;repeat-x;height&#58;16px;" height="16px"></td>
    <td style="background-image&#58;url&#40;pics/ro.png&#41;;background-repeat&#58;no-repeat;width&#58;16px;height&#58;16px;" width="16px" height="16px"></td>
    </tr>
    <tr>
    <td style="background-image&#58;url&#40;pics/br_2.png&#41;;background-repeat&#58;repeat-y;width&#58;16px;" width="16px"></td>
    <td style="background-image&#58;url&#40;pics/bg_2.png&#41;;width&#58;200px;" width="200px"></td>
    <td style="background-image&#58;url&#40;pics/br_2.png&#41;;background-repeat&#58;repeat-y;width&#58;16px;" width="16px"></td>
    <td style="background-image&#58;url&#40;pics/bg_2.png&#41;;"></td>
    <td style="background-image&#58;url&#40;pics/br_2.png&#41;;background-repeat&#58;repeat-y;width&#58;16px;" width="16px"></td>
    </tr>
    <tr>
    <td style="background-image&#58;url&#40;pics/lu.png&#41;;background-repeat&#58;no-repeat;width&#58;16px;height&#58;16px;" width="16px" height="16px"></td>
    <td style="background-image&#58;url&#40;pics/br_22.png&#41;;background-repeat&#58;repeat-x;height&#58;16px;width&#58;200px;" height="16px" width="200px"></td>
    <td style="background-image&#58;url&#40;pics/mu.png&#41;;background-repeat&#58;no-repeat;width&#58;16px;height&#58;16px;" width="16px" height="16px"></td>
    <td style="background-image&#58;url&#40;pics/br_22.png&#41;;background-repeat&#58;repeat-x;height&#58;16px;" height="16px"></td>
    <td style="background-image&#58;url&#40;pics/ru.png&#41;;background-repeat&#58;no-repeat;width&#58;16px;height&#58;16px;" width="16px" height="16px"></td>
    </tr>
    </table>
    </body>
    </html>
    Nachteil sieht irgendwie nich' so aus wie ich's wollte...(screeny)
    Hat einer 'ne Ahnung warum
    Geändert von Greg10 (12.08.2008 um 14:14 Uhr)
    Orthografie und Grammatik in diesem Beitrag sind frei erfunden und eine eventuell gefundene Übereinstimmung mit einer lebenden oder toten Sprache sollte von allen Beteiligten unverzüglich ignoriert werden.

    K-Progs (In bearbeitung)
    Der inoffizielle Forum-hilfe IRC-Channel
    (Server: irc.freenode.net ; Channel: #forum-hilfe) (Client für FF)
    Ich hab auch 'n Jabber-Account beim CCC

  8. #8
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    wir wissen ja nichtmal wies richtig aussehen soll...
    hast netmal n fertiges bild vom design ?
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  9. #9
    Prinz(essin)
    Themenstarter
    Avatar von Greg10
    Registriert seit
    12.05.2007
    Beiträge
    825
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Okay im Anhang ein Bild mit Rand, so soll's aussehen nur das die Schwarzen Striche an den Eckpunkten vom Rand nerven.
    Geändert von Greg10 (12.08.2008 um 14:14 Uhr)
    Orthografie und Grammatik in diesem Beitrag sind frei erfunden und eine eventuell gefundene Übereinstimmung mit einer lebenden oder toten Sprache sollte von allen Beteiligten unverzüglich ignoriert werden.

    K-Progs (In bearbeitung)
    Der inoffizielle Forum-hilfe IRC-Channel
    (Server: irc.freenode.net ; Channel: #forum-hilfe) (Client für FF)
    Ich hab auch 'n Jabber-Account beim CCC

Ähnliche Themen

  1. Positionierung von Divs
    Von Webdesignerin im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 20.11.2007, 22:57
  2. Hintergrundgrafiken in divs
    Von firefigther im Forum HTML & CSS Forum
    Antworten: 9
    Letzter Beitrag: 15.10.2007, 15:24
  3. Divs anordnen
    Von derano im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 24.08.2007, 23:49
  4. divs anordnen
    Von 00eraser00 im Forum HTML & CSS Forum
    Antworten: 12
    Letzter Beitrag: 14.08.2007, 15:30
  5. Tabellen mit DIVs
    Von Xer0 im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 24.03.2007, 22:05

Stichworte

Berechtigungen

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