Websiteprojekt Tabellen mit Rundungen

    Hallo,


    ich möchte ein Website Projekt starten.
    Der komplette Code soll PHP generiert sein.
    Ich möchte Tabellen, die Anstatt Ecken Rundungen haben.
    Dies ist allerdings nur mit Grafiken möglich.
    Nun meine Frage, wie positioniere ich die Ecken(rund) am besten und mit möglichst wenig aufwand und vor allem, wie machen ich die horizontalen und vertikalen Linien?
    Ich dachte an 1x1 Pixel große Bilder, die nach Bedarf langgezogen werden.
    Nur wie Verwirklichen?
    Momentan geht es ausschließlich um den HTML Code


    Bye Ls4

    Wär Rächtsräibphähler phindet darf sich phreuen

    Das ist auch per CSS möglich, wobei du mit Grafiken nochmehr gestalltungsmöglichkeiten hast...


    Für Grafiken machst du am besten eine 3x3 Felder große Tabelle in der du die Grafiken lädst. In die Mitte kommt dann der Inhalt. (Wie ist ja egal, kannst auch per PHP reinladen) Für Striche würde ich dir auch die 1pix bild Methode empfehlen, obwohl das auch per CSS geht...Ist halt die grundlegende Frage ob CSS oder HTML+Bilder. Wobei letzeres wesentlich kompatibler ist...

    Css ist in Ordnung.
    Würde mich allerdings schon über eine vorgehensweise, oder besser einen Beispielcode freuen.
    Wie du das mit den 3x3 großen tabellen meinst habe ich nicht ganz verstanden


    Bye Ls4

    Wär Rächtsräibphähler phindet darf sich phreuen

    Das mit der Tabelle mein ich ungefähr so: (Ist jetzt nicht ganz sauber da nur Copy & Paste)


    <table width="100%" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td width="10"><img src="eckelo.gif" width="10" height="5"></td>
    <td width="812" bgcolor="#000000"><img src="bar.GIF" width="5" height="5"></td>
    <td width="10"><img src="eckero.gif" width="10" height="5"></td>
    </tr>
    <tr>
    <td bgcolor="#000000"><img src="bar.GIF" width="5" height="5"></td>
    <td>&nbsp;</td>
    <td bgcolor="#000000"><img src="bar.GIF" width="5" height="5"></td>
    </tr>
    <tr>
    <td><img src="eckelu.GIF" width="10" height="5"></td>
    <td bgcolor="#000000"><img src="bar.GIF" width="5" height="5"></td>
    <td><img src="eckeru.GIF" width="10" height="5"></td>
    </tr>
    </table>

    ist dann aber sehr viel aufwand, wenn ichs mit php generieren will.
    Aber es ist eben kompatibel.
    ich muss halt in jeder Zeile die Bar einfügen hmpff.
    das mit CSS interessiert mich mehr


    Bye Ls4

    Wär Rächtsräibphähler phindet darf sich phreuen

    Ich glaub die CSS Sache geht nur im IE richtig...Jedenfalls zeigt Mozilla und Netscape anstatt einer runden Ecke eine kantige und Opera zeigt nur verutschte Striche an...Ist also nicht so toll aber ich hab eigentlich auch kaum Plan von CSS...Vieleicht kann man da dran feilen... Die Bilder Methode ist aber auf jeden Fall einfacher und geht auf jeden Browser...

    Aber eins wäre immer noch nicht geklärt.
    Wie mach ich das mit den horizontalen Streifen?


    Bye Ls4

    Wär Rächtsräibphähler phindet darf sich phreuen

    Nimm einfach ein Bild...vieleicht noch innerhalb einer tabelle...


    <table width="100%" border="0" cellspacing="1" cellpadding="1">
    <tr>
    <td><img src="deinbild.bild" width="100%" height="1" alt=""></td>
    </tr>
    </table>

    hm, dann muss ich aber fü jede Spalte auf der Website eine eigene Grafik machen, da man die ja nicht nach diesem Muster langziehen kann, oder?


    bye Ls4

    Wär Rächtsräibphähler phindet darf sich phreuen

    eigentlich sollte eine Grafik reichen..Verstehe aber jetzt auch nicht genau wie du das meinst...vieleicht kannst du das nochmal etwas ausführlicher beschreiben oder mich in ICQ oder MSN ansprechen?

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden