Rahmen in Tabellen erstellen

  • Hallo,

    ich komm mal wieder nich weiter. Hab mir meine Unterlagen jetzt eine Stunde durchgeschaut und auch im Seminar nichts finden können.

    Ich würde gerne meiner Tabelle einen Rahmen geben, dass jede zeile einrahmt. Könnt ihr mir sagen wie ich das anstellen kann?

    Edit: Also nich jede Zeile nur, sondern jede Tabellendate und eben jeden Tabelenkopf

    an dem Beispiel:

    <table bgcolor="#FFFFCC" width="50%">

    <tr>
    <th> Platz </th>
    <th> Mannschaft </th>
    <th> Tore </th>
    <th> Punkte </th>
    </tr>

    <tr bgcolor="#FFFF66">
    <td> 1 </td>
    <td> <img src="../../../Dokumente und Einstellungen/All Users/Dokumente/GP Bilder/9.gif" alt="" border="0" /> Dänemark </td>
    <td> 12:2 </td>
    <td> 13 </td>
    </tr>

    </table>


    danke

  • wow habs grad selbst hinbekommen :D


    Ich hab hier <table bgcolor="#FFFFCC" width="50%"> einfach noch ein border="10" angehängt, sprich so <table bgcolor="#FFFFCC" width="50%" border="10">


    Aber es gibt doch sicher noch eine andere Möglichkeit, wo ich auch individuell die Rahmen setzen kann, sozusagen selbst über die dicke oder farbe entscheiden kann, oder? oO

  • Klaro, entweder mit ner Class in CSS oder so:

    Code
    <table style="border: 10px solid #FFFF66;">

    Beim obigen das Semikolon ";" nicht vergessen.

    Oder schreib halt in dein CSS rein:

    Code
    .table1 {
       border: 10px solid #FFFF66;
    }

    Und dann so:

  • mal ne andre Frage, wie ich ne Trennlinie waagerecht erstellee weiß ich, aber wie funktioniert das senkrecht?

  • nen extra befehl dafür gibt es nicht, die meisten erstellen einfach einen div und geben ihm die breite 1 oder 2... oder du nimmst ganz einfach diese hier, wenns nur kleine sind: | .

  • hab grad etwas rumexperimentiert und das hier auf meiner "Startseite" (index.htm) eingefügt <frameset cols="200,*" border=5 frameborder=0>

    meine das Border=5 und es hat geklappt oO

  • Jetzt steh ich vor einem Problem, das mich schon länger interessiert, aber noch nie die Möglichkeit hatte es rauszufinden.

    Ihr kennt das sicher, ihr lest euch im Internet die neusten Nachrichten durch, und neben dem Text ist ein Bild zu sehn. Allerdings weiß ich nich wie man das so hinkriegt, dass das Bild über mehrere Textzeilen geht ...

    Beispiel: http://www.weltfussball.de/news/em/_m2204…-im-dfb-trikot/

  • Höhe/Weite einstellen?

    <img src="bild.jpg" width="100px" height="150px">

    Wenn der Text das Bild umfließen soll würde ich ein <div> erstellen.

    Kannst das aber auch so machen:

    <!-- m --><a class="postlink" href="http://www.html-seminar.de/css_tipps_und_tricks.htm">https://www.html-seminar.de/css_tipps_und_tricks.htm</a><!-- m -->

    Das 2. von unten.

    (Text umfließt Bild)

  • Zitat von &quot;Odii&quot;

    hab grad etwas rumexperimentiert und das hier auf meiner "Startseite" (index.htm) eingefügt <frameset cols="200,*" border=5 frameborder=0>

    meine das Border=5 und es hat geklappt oO

    bastel deine Seite nicht mit Framesets... denn, Suchmaschinen sehen dann nur die index, auf der die Framesets verlinkt werden...

    also gaaaaanz schlecht für das Ranking

  • hab jetzt rumprobiert aber nich drauf gekommen, könnt ihr mir das bitte an meinem Beispiel zeigen?


    <body bgcolor="#CFC7E7" >
    <font size="+3">Lehmann glaubt weiter an Comeback im DFB-Trikot</font>
    <br />


    <br />
    Stuttgart (dpa) - Ex-Nationaltorhüter Jens <br />
    Lehmann hat den Glauben an eine<br />
    Rückkehr in die Auswahl des Deutschen<br />
    Fußball-Bundes (DFB)trotz der Absage von <br />
    Bundestrainer Joachim Löw noch nicht aufgegeben. <br />
    <br />
    «Die Wahrscheinlichkeit, dass Bedarf da sein <br />
    wird im nächsten Jahr, ist groß», sagte der <br />
    39-Jährige nach dem 1:0-Erfolg mit dem VfB <br />
    Stuttgart im Bundesliga-Spitzenspiel gegen <br />
    den Hamburger SV. In der vergangenen Woche hatte <br />
    Löw mit Blick auf die von Lehmann nach seiner <br />
    Vertragsverlängerung in Stuttgart geäußerte <br />
    Comeback-Bereitschaft bereits klar gestellt, <br />
    dass er für Lehmann keine Zukunft im DFB-Trikot sieht.
    </body>
    </html>

    Das ist das Bild was rein muss :

    <img src="../../../Dokumente und Einstellungen/All Users/Dokumente/GP Bilder/lehmann_20922292.onlineBild.jpg" alt="" border="0" />


    Stelle im Text is egal, kann ihc ja umändern. Was bewirkt eig. so ein <div>?

  • Zitat von &quot;YetiZwerg&quot;

    bastel deine Seite nicht mit Framesets... denn, Suchmaschinen sehen dann nur die index, auf der die Framesets verlinkt werden...

    also gaaaaanz schlecht für das Ranking


    is nur ein Schulprojekt, die seite kommt nich ins Netz, aber danke für de nTipp :)

  • <body bgcolor="#CFC7E7" >
    <font size="+3">Lehmann glaubt weiter an Comeback im DFB-Trikot</font>
    <br />
    <img src="../../../Dokumente und Einstellungen/All Users/Dokumente/GP Bilder/lehmann_20922292.onlineBild.jpg" alt="" border="0" style="float:left;" />


    <br />
    Stuttgart (dpa) - Ex-Nationaltorhüter Jens <br />
    Lehmann hat den Glauben an eine<br />
    Rückkehr in die Auswahl des Deutschen<br />
    Fußball-Bundes (DFB)trotz der Absage von <br />
    Bundestrainer Joachim Löw noch nicht aufgegeben. <br />
    <br />
    «Die Wahrscheinlichkeit, dass Bedarf da sein <br />
    wird im nächsten Jahr, ist groß», sagte der <br />
    39-Jährige nach dem 1:0-Erfolg mit dem VfB <br />
    Stuttgart im Bundesliga-Spitzenspiel gegen <br />
    den Hamburger SV. In der vergangenen Woche hatte <br />
    Löw mit Blick auf die von Lehmann nach seiner <br />
    Vertragsverlängerung in Stuttgart geäußerte <br />
    Comeback-Bereitschaft bereits klar gestellt, <br />
    dass er für Lehmann keine Zukunft im DFB-Trikot sieht.
    </body>


    Einfach irgendwo reinsetzen und je nach Seite wo es hinsoll das float setzen :)

  • komisch es klappt bei mir nich, irgendaws muss ich noch falsch machen ....


    bedeutet das float, dass das links bild is oder das der text links am bild "vorbei"fließt

Jetzt mitmachen!

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