Rahmen um ein Image, dass in einer Tabelle liegt

[win2k]

Hallo, ich hab in einer Tabelle mit rowspan=3 ein image eingefügt.
Nun würde das ganze mit einen Rahmen aber optisch besser aussehen.
Hat einer eine idee wie soetwas in einer Tabelle funktioniert?

<tr>
    <td rowspan="3" class="img"></td>
    <td><input type="button" value="xxx" onclick="self.location.href=xxx.php;"></td>
  </tr>

.img
{
    background-image: url(../xxx.jpg);
    background-repeat: no-repeat;
    margin-bottom: 10px;
    background-position:10px 50%;
    border-width:12px; 
}

 

[_Thor_]

.img {border: 1px solid #000;}

Aber warum nutzt du dafür eine Tabelle? Das sind keine tabellarischen Daten.

 

[win2k]

das ganze sollte tabelarisch aufgebaut sein, deshalb table.
Bild------button
------button
------button
button---button
button---button
button---button

naja und bei der struktur hab ich direkt mit einer tabelle angefangen und das bild was links neben den buttons verlaufen soll als background image hinzugefügt

hast du eine bessere idee?


*und das mit dem border: 1px solid #000; funktioniert nicht :(

 

[_Thor_]

das ganze sollte tabelarisch aufgebaut sein, deshalb table.

Tabellen dienen aber nur der Auszeichnung tabellarischer Daten, nicht dem Layout. Damit gibst du deinem Inhalt die völlig falsche Bedeutung.

naja und bei der struktur hab ich direkt mit einer tabelle angefangen und das bild was links neben den buttons verlaufen soll als background image hinzugefügt

hast du eine bessere idee?

Ja, zeichne deinen Inhalt semantisch korrekt aus und nutze für das Layout CSS.

*und das mit dem border: 1px solid #000; funktioniert nicht :(

Dann brauch ich nen Link zur Seite, um mir das mal ansehen zu können.

 

[nichtsgeht]

.img {border: 1px solid #000;}

Aber warum nutzt du dafür eine Tabelle? Das sind keine tabellarischen Daten.

Das Funktioniert nicht mit Hintergund-Bildern. Die Funktion background-image-boder: gibt es glaube ich auch nicht

 

[Chigurh]

*und das mit dem border: 1px solid #000; funktioniert nicht :sad:

Du hast hoffentlich vorher diesen Schwachsinn rausgenommen:

border-width:12px;

 

[Chigurh]

Das Funktioniert nicht mit Hintergund-Bildern. Die Funktion background-image-boder: gibt es glaube ich auch nicht

Was soll daran nicht funktionieren? Das border bezieht sich ja nicht auf das Hintergrundbild, sondern auf die Tabellenzelle.

 

[_Thor_]

Das Funktioniert nicht mit Hintergund-Bildern.

Der Rahmen ist ja auch nicht für das Hintergrundbild, sondern für die Zelle, die die Klasse img hat. Dafür muss die Zelle natürlich auch angezeigt werden, d.h. Inhalt haben, Höhe und Breite oder empty-cells: Leere Tabellenzellen: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

Die Funktion background-image-boder: gibt es glaube ich auch nicht

Richtig, die gibt es nicht.

 

[nichtsgeht]

Entschulidigung. Den Punkt vor img habe ich total übersehen :cry:

 

[win2k]

ich glaube er überschreibt mir das, sofern ich border-width:12px; eingebe verschiebt er mir mein bild etwas nach rechts mehr aber auch nicht.