• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Tabelle und Tabellen Design

Status
Für weitere Antworten geschlossen.
D

dennis2008

Neues Mitglied
Hallo Leute!

Ich bin einzimlicher Anfänger bei html, ich wollte für meine Artickel bei Ebay ein eigenes Layout machen, was schlichtes.
Leider komme ich nicht weiter, habe bei Selfhtml versucht das alleine zu machen, aber irrgend wie bin ich an dem Punkt angekommen, das es nicht mehr weiter geht.

Also dort wo das Bild hinkommt, soll die Zellen Größe Fest sein, was ich geschaft habe. In der Rechten Zelle, soll sich der Text befinden, ich wollte noch solche Balken machen, der Optik wegen.
Was nicht klappt.

Es sollte wenig Code haben.
Ich habe mal ein Bild Anhang dazu gegeben, damit ihr euch ein Bild von dem machen könnt was ich eigendlich coden wollte.
Und hier mein Bisheriger Code, wenn es nicht all zu viele mühe macht, könntet ihr ihn mir Optimieren so wie ich es halt vorhatte.
Also hier der Code.

Code: 
<html>
<body>
<table border="3" bordercolor="#FFFF00" height="400">

<tr>
    <colgroup>
    <col width="400">
    <col width="600">
    </colgroup>

        <th style="background-image:url(grafikkarte.jpg)"></th>

        <th colspan="1">
        <table border="10" >
            <tr>
            <h1 bgcolor:#FF00FF style="color:#FF00FF">Willkommen</h1>
            </tr>
        </table>
        </th>
</tr>
</table>
</body>
</html>
 

Anhänge

  • 1111111.jpg
    1111111.jpg
    15,4 KB · Aufrufe: 4
Wenn ich das richtig verstanden habe, möchtest du das so haben :?:

Code: 
<html>
<body>
<table style="border: solid 3px #FFFF00; height:400px;" cellspacing="0" cellpadding="0">
<tr>
  <td style="width: 400px; background-image:url(grafikkarte.jpg);" rowspan="2">&nbsp;</td>
  <td style="width: 600px; background-color:#FF00FF; height: 32px;" colspan="2">
    <h1 style="font-size: 24px; margin:0; padding:4px;">Grafikkarte</h1>
  </td>
</tr>
<tr>
  <td style="width: 30px; background-color:#FF00FF;">&nbsp;</td>
  <td style="width: 570px;">
    <ul>
    <li>MHz</li>
    <li>was weiss ich</li>
    <li>usw.</li>
    </ul>
  </td>
</tr>
</table>
</body>
</html>
 
Wow, sieht ja ganz anders aus als mein Code :grin:
Saubere Arbeit Danke. :wink:

Kannst du vielleicht noch die Beschreibung Mhz und so, oben links anordnen?
Habe es gerade selbst versucht aber dann ist ein lila balken weg und so weiter. Das wäre dann alles.
 
Auch das ist kein Problem: Setze einfach ein vertical-align: top hinzu:
Code: 
  <td style="width: 570px; [COLOR=Red]vertical-align: top;[/COLOR]">
    <ul>
    <li>MHz</li>
    <li>was weiss ich</li>
    <li>usw.</li>
    </ul>
  </td>
 
Vielen Vielen Dank nichtsgeht!!!
Hast mir echt gut geholfen.

Jetzt seid ihr mich auch los :-)
 
Zuletzt bearbeitet:
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben