HTML & CSS
Von: mіѕсһlіng76 (abgemeldet), 18.1.2007 13:13 Uhr
servus,

folgendes problem, habs mal einfach portrait genannt.
ich will das alles immer genau untereinander steht, im browser firefox ist das auch so, aber im explorer ist dann alles verschoben.kennt jemand einen code der für beide browser gut ist ?
oder eine software für portraits zu erstellen ?
hier noch der quellcode dazu.
danke für die hilfe im vorraus.


<p><font face="Verdana" size="3"><img src="bomba.jpg" align="left" width="115" height="215" border="1" alt="bild">Brett 1
Name:                              Marco Gauss 

Spitzname:                     Bomba 

Geburtstag:                    24.September 1984 

Bisherige Vereine:         TV Wallersheim, VFL Kesselheim 

Wohnort:                         Neuendorf 

Hobbies:                          Tischtennis,Internet,Tus Koblenz 


<br> <br> <br> <img src="franco.jpg" align="left" width="115" height="215" border="1" alt="bild">Brett 2
Name:                   Franco Calabrese 

Spitzname:          Glatze,Italiener,Fräggel 

Geburtstag:         23.September 1976 

Wohnort:              Sankt Sebastian 

Hobbies:               Tischtennis,Fussball,Musik,Internet 
<br> <br> <br>



  1. Antwort von Αxеl Μісеllі (abgemeldet) 0
    Re: portrait erstellen
    Hallo,
    würde ich mit einer Tabellstruktur arbeiten.

    Gruß - Axel [Bei dieser Antwort wurde das Vollzitat nachträglich automatisiert entfernt]
    • Antwort von Μоrіtz 0
      Du suchst eine Tabelle
      Hallo,

      eine Tabelle macht genau das, was du suchst.

      Grüße,
      Moritz
      • Antwort von Ѕеmјоn Μісһаіlоwіtѕсһ (abgemeldet) 0
        Re: portrait erstellen
        Hallo, oder eine software für portraits zu erstellen ?
        hier noch der quellcode dazu.
        danke für die hilfe im vorraus.
        Du hast es ja bereits vernommen, für
        tabelölarische Daten nimmt man eine Tabelle.

        ich hab mal eine "Tabellenstruktur" um Deine
        Daten reum eingefügt, das sähe dann so aus:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
        <html>
        <head>
        <STYLE type="text/css">
        * { font-family:Arial, Helvetica, sans-serif; color:#666666; }
        .portrait th { text-align: left; background: yellow; }
        .portrait { float:left;margin:12px;padding:4px;border:#dcdcdc 1px dotted; }
        </STYLE>
        </head>
        <body>

        <div class="portrait">
        <img src="bomba.jpg" alt="bild" width="115" height="215"/>
        <table>
        <tr> <th colspan="2">Brett 1</th> </tr>
        <tr> <td>Name:</td> <td>Marco Gauss</td> </tr>
        <tr> <td>Spitzname:</td> <td>Bomba</td> </tr>
        <tr> <td>Geburtstag:</td> <td>24.September 1984</td> </tr>
        <tr> <td>Bisherige Vereine:</td> <td>TV Wallersheim, VFL Kesselheim</td> </tr>
        <tr> <td>Wohnort:</td> <td>Neuendorf</td> </tr>
        <tr> <td>Hobbies:</td> <td>Tischtennis,Internet,Tus Koblenz,Mädchen</td> </tr>
        </table>
        </div>

        <div class="portrait">
        <img src="franco.jpg" alt="bild" width="115" height="215"/>
        <table>
        <tr> <th colspan="2">Brett 2</th> </tr>
        <tr> <td>Name:</td> <td>Franco Calabrese</td> </tr>
        <tr> <td>Spitzname:</td> <td>Glatze,Italiener,Fräggel</td> </tr>
        <tr> <td>Geburtstag:</td> <td>23.September 1976</td> </tr>
        <tr> <td>Bisherige Vereine:</td> <td>(keine)</td> </tr>
        <tr> <td>Wohnort:</td> <td>Sankt Sebastian</td> </tr>
        <tr> <td>Hobbies:</td> <td>Tischtennis,Fussball,Musik,Internet,Mädchen</td> </tr>
        </table>
        </div>

        </body>
        </html>
        Davon ausgehend kannst Du Dir vielleicht die anderen Sachen
        zusammenbauen?

        Grüße

        CMБ
        7 Kommentare
        • von mіѕсһlіng76 (abgemeldet) 0
          Re^2: portrait erstellen
          hallo,

          sieht soweit ganz gut aus, danke schonmal dafür.

          eine frage noch, wie bekomme ich denn die einzelnen portraits untereinander ?

          weil die 2 portraits benemeinander stehen.

          mfg Hallo, oder eine software für portraits zu erstellen ?
          hier noch der quellcode dazu.
          danke für die hilfe im vorraus.
          Du hast es ja bereits vernommen, für
          tabelölarische Daten nimmt man eine Tabelle.

          ich hab mal eine "Tabellenstruktur" um Deine
          Daten reum eingefügt, das sähe dann so
          aus:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML
          4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
          <html>
          <head>
          <STYLE type="text/css">
          * { font-family:Arial, Helvetica, sans-serif;
          color:#666666; }
          .portrait th { text-align: left; background: yellow; }
          .portrait {
          float:left;margin:12px;padding:4px;border:#dcdcdc 1px dotted;
          }
          </STYLE>
          </head>
          <body>

          <div class="portrait">
          <img src="bomba.jpg" alt="bild" width="115"
          height="215"/>
          <table>
          <tr> <th colspan="2">Brett 1</th>
          </tr>
          <tr> <td>Name:</td>
          <td>Marco Gauss</td> </tr>
          <tr> <td>Spitzname:</td>
          <td>Bomba</td> </tr>
          <tr> <td>Geburtstag:</td>
          <td>24.September 1984</td> </tr>
          <tr> <td>Bisherige Vereine:</td>
          <td>TV Wallersheim, VFL Kesselheim</td>
          </tr>
          <tr> <td>Wohnort:</td>
          <td>Neuendorf</td> </tr>
          <tr> <td>Hobbies:</td>
          <td>Tischtennis,Internet,Tus Koblenz,Mädchen</td>
          </tr>
          </table>
          </div>

          <div class="portrait">
          <img src="franco.jpg" alt="bild" width="115"
          height="215"/>
          <table>
          <tr> <th colspan="2">Brett 2</th>
          </tr>
          <tr> <td>Name:</td>
          <td>Franco Calabrese</td> </tr>
          <tr> <td>Spitzname:</td>
          <td>Glatze,Italiener,Fräggel</td> </tr>
          <tr> <td>Geburtstag:</td>
          <td>23.September 1976</td> </tr>
          <tr> <td>Bisherige Vereine:</td>
          <td>(keine)</td> </tr>
          <tr> <td>Wohnort:</td>
          <td>Sankt Sebastian</td> </tr>
          <tr> <td>Hobbies:</td>
          <td>Tischtennis,Fussball,Musik,Internet,Mädchen</td>
          </tr>
          </table>
          </div>

          </body>
          </html>

          Davon ausgehend kannst Du Dir vielleicht die anderen Sachen
          zusammenbauen?

          Grüße

          CMБ
        • von Ѕеmјоn Μісһаіlоwіtѕсһ (abgemeldet) 0
          Re^3: portrait erstellen
          hallo eine frage noch, wie bekomme ich denn die einzelnen portraits
          untereinander ?

          weil die 2 portraits benemeinander stehen.
          Du änderst
           ...
           .portrait { float:left;margin:12px;padding:4px;border:#dcdcdc 1px dotted; }
           ...
          in
           ...
           .portrait { float:none;margin:12px;padding:4px;border:#dcdcdc 1px dotted; }
           ...
          oder machst das Browserfenster "scmaler" ;-)

          Grüße

          CMБ
        • von Ѕеmјоn Μісһаіlоwіtѕсһ (abgemeldet) 0
          Re^4: portrait erstellen
          hallo eine frage noch, wie bekomme ich denn die einzelnen portraits
          untereinander ?

          weil die 2 portraits benemeinander stehen.
          Möglich wäre auch ...
          <STYLE type="text/css">
          * { font-family:Arial, Helvetica, sans-serif; color:#666666; }
          .portrait table { width:100% }
          .portrait th { text-align: left; background: yellow; }
          .portrait { margin:12px;padding:4px;border:#dcdcdc 1px dotted;width:51%;overflow:hidden; }
          </STYLE>
          ...
          also: width:51%

          Grüße

          CMБ
        • von mіѕсһlіng76 (abgemeldet) 0
          Re^5: portrait erstellen
          hallo,

          habs soweit hinbekommen.

          was mir persönlich besser gefallen würde, weiss aber nicht obs so geht.

          wenn die daten neben dem bild stehen würden und nicht darunter.

          mfg [Bei dieser Antwort wurde das Vollzitat nachträglich automatisiert entfernt]
        • von Ѕеmјоn Μісһаіlоwіtѕсһ (abgemeldet) 0
          Re^6: portrait erstellen
          hallo,
          habs soweit hinbekommen.
          was mir persönlich besser gefallen würde, weiss aber nicht obs
          so geht.
          wenn die daten neben dem bild stehen würden und nicht
          darunter.
          ...
          <style type="text/css">
          * { font-family:Arial, Helvetica, sans-serif; color:#666666; }
          .portrait th { text-align:left; background:yellow; }
          .portrait { margin:12px; padding:4px; border:#dcdcdc 1px dotted; overflow:hidden; }
          .portrait img { float:left; padding-right:12px; }
          </style>
          ...
          Grüße

          CMБ
        • von mіѕсһlіng76 (abgemeldet) 0
          Re^7: portrait erstellen
          also bei mir stehen jetzt die daten immer noch darunter.

          mfg [Bei dieser Antwort wurde das Vollzitat nachträglich automatisiert entfernt]
        • von Ѕеmјоn Μісһаіlоwіtѕсһ (abgemeldet) 0
          Re^8: portrait erstellen
          Hallo also bei mir stehen jetzt die daten immer noch darunter.
          Dann hast Du was falsch einkopiert. Hier noch mal das ganze Ding:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
          <html>
          <head>
          <style type="text/css">
          * { font-family:Arial, Helvetica, sans-serif; color:#666666; margin:0; padding:0; }
          .portrait { margin:12px; padding:4px; overflow:hidden; border:#dcdcdc 1px dotted; width:66%; }
          .portrait table { padding-left:12px; }
          .portrait th { text-align:left; background:yellow; padding:4px; }
          .portrait img { float:left; border:#dcdcdc dashed 1px; padding:2px; }
          </style>
          </head>
          <body>

          <div class="portrait">
          <img src="bomba.jpg" alt="bild" height="215" width="115"/>
          <table>
          <tr> <th colspan="2">Brett 1</th> </tr>
          <tr> <td>Name:</td> <td>Marco Gauss</td> </tr>
          <tr> <td>Spitzname:</td> <td>Bomba</td> </tr>
          <tr> <td>Geburtstag:</td> <td>24.September 1984</td> </tr>
          <tr> <td>Bisherige Vereine:</td> <td>TV Wallersheim, VFL Kesselheim</td> </tr>
          <tr> <td>Wohnort:</td> <td>Neuendorf</td> </tr>
          <tr> <td>Hobbies:</td> <td>Tischtennis,Internet,Tus Koblenz,Mädchen</td> </tr>
          </table>
          </div>

          <div class="portrait">
          <img src="franco.jpg" alt="bild" height="215" width="115"/>
          <table>
          <tr> <th colspan="2">Brett 2</th> </tr>
          <tr> <td>Name:</td> <td>Franco Calabrese</td> </tr>
          <tr> <td>Spitzname:</td> <td>Glatze,Italiener,Fräggel</td> </tr>
          <tr> <td>Geburtstag:</td> <td>23.September 1976</td> </tr>
          <tr> <td>Bisherige Vereine:</td> <td>(keine)</td> </tr>
          <tr> <td>Wohnort:</td> <td>Sankt Sebastian</td> </tr>
          <tr> <td>Hobbies:</td> <td>Tischtennis,Fussball,Musik,Internet,Mädchen</td> </tr>
          </table>
          </div>

          </body>
          </html>
          Grüße

          CMБ
      • Antwort von Ѕνеn Μаrсuѕ 0
        Re: portrait erstellen
        servus,

        folgendes problem, habs mal einfach portrait genannt.
        ich will das alles immer genau untereinander steht, im browser
        firefox ist das auch so, aber im explorer ist dann alles
        verschoben.kennt jemand einen code der für beide browser gut
        ist ?
        oder eine software für portraits zu erstellen ?
        hier noch der quellcode dazu.
        danke für die hilfe im vorraus.
        Wie wär's mit einer Tabelle? Die sind nämlich zum darstellen tabellarischer Daten gedacht. Und so wie ich das sehe, hast Du genau das vor.
        Da können sowohl FireFox als auch IE nicht anders, als die Daten direkt untereinander darzustellen.

        Gruß Marcus