CSS/HTML tabelle formatieren

[micma039]

Hallo,
brauche dringend Hilfe. Ich will mehrere Bilder untereinander haben. rechts neben dem Bild soll dann eine kleine Beschreibung stehen. wie bekomm ich das hin? will die höhe des gelben Feldes auf ein minimum verkleinern. also 80 px. da dies die höhe des bildes ist.
Vielen Dank :)
Mein Code:

           <table style="background-color: green"class="Feature">
                <tr>
                    <td style="background-color: yellow"><img class="Feature" src="Images/IBANEZ AR720FM_small_pickups.png" ></td>
                    <td>
                        <div style="background-color: red" >
                            <p>
                                <strong>Super 80 "Flying Finger " pickups</strong>
                            </p>
                            <p>
                                 The legendary Super 80 pickups with "Flying Finger" engraving.
                            </p>
                        </div>
                    </td>
 
                </tr>
                <tr>
                    <td><img class="Feature" src="Images/IBANEZ%20AR720FM__small_bridge.png"></td>
                    <td style="margin-top: 0px"><p><strong>Gibraltar bridge w/Sustain block</strong></p>
                     <p>AR720FM features Gibraltar bridge with sustain block.</p></td>
                 </tr>
</table>

 

[threadi]

Das sind keine tabellarischen Daten, also ist eine Tabelle hier fehl am Platz.

Besser wäre:

<ul>
 <li><img src="bild1.jpg" alt=""><p>
                                <strong>Super 80 "Flying Finger " pickups</strong>
                            </p>
                            <p>
                                 The legendary Super 80 pickups with "Flying Finger" engraving.
                            </p>
</li>
 <li><img src="bild2.jpg" alt=""><p>AR720FM features Gibraltar bridge with sustain block.</p></li>
</ul>

>

Dann musst Du "nur" das Bild floaten und mit einem Außenabstand versehen - fertig. Die Liste solltest Du natürlich an deine Style-Wünsche anpassen (Hintergrundfarbe etc.).

 

[Trüffelkrieger]

Zuerst: Weg mit der Tabelle! Tabellen sind nicht für Layout-Zwecke zu missbrauchen, sondern nur für die Darstellung tabellarischer Daten da :)

Hier mal ein Pen dazu, vielleicht hilft dir das weiter? http://codepen.io/anon/pen/QwWZMa

 

[micma039]

Vielen Dank. habe es geschafft :)