Bake: Rahmen an Bild und nicht an Tabellenzeile anpassen

SELF-Forum

Rahmen an Bild und nicht an Tabellenzeile anpassen

Bake
– Informationen zu den Bewertungsregeln

Hi,

ich hab eine blinde Tabelle mit Bildern erstellt und diese dann umrahmt. Jetzt richtet sich der Rahmen aber nach der Tabellenzeile und nicht nach der Bildgröße aus. Von daher hab ich bei horizontalen Bildern, oben und unten einen schwarzen Rand und bei vertikalen nur rechts.

Wie schaffe ich es, daß sich der Rahmen genau um das Bild legt?

Bisher hab ich das:

#rahmen { border-style:groove; border-width:5px;

border-color:#ffcc66; }
</style>
</head>

<body>
<p align="center">Bilder zum Vergrößern

anklicken</p>
<br>
<table border="0" align="center">
<tr>
<td id="rahmen"><img src="01.jpg"><td>
<td id="rahmen"><img src="02.jpg"><td>
<td id="rahmen"><img src="04.jpg"><td>
</tr><tr>
<td align="center">01<td>
<td align="center">01<td>
<td align="center">01<td>
</tr><tr>
...

cu
Bake

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Rahmen an Bild und nicht an Tabellenzeile anpassen

    Tobias
    – Informationen zu den Bewertungsregeln

    Warum wendest du das ganze nicht auf <img src=""> an, und nicht wie du auf die Tabelle??

    Tschau

    Tobias

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. Rahmen an Bild und nicht an Tabellenzeile anpassen

    MudGuard
    – Informationen zu den Bewertungsregeln

    Hi,

    Hi,

    ich hab eine blinde Tabelle mit Bildern erstellt und diese dann umrahmt. Jetzt richtet sich der Rahmen aber nach der Tabellenzeile und nicht nach der Bildgröße aus. Von daher hab ich bei horizontalen Bildern, oben und unten einen schwarzen Rand und bei vertikalen nur rechts.

    Wie schaffe ich es, daß sich der Rahmen genau um das Bild legt?

    Indem Du ihn für das Bild definierst.

    Bisher hab ich das:

    #rahmen { border-style:groove; border-width:5px;

    border-color:#ffcc66; }
    </style>
    </head>

    <body>
    <p align="center">Bilder zum Vergrößern

    anklicken</p>
    <br>
    <table border="0" align="center">
    <tr>
    <td id="rahmen"><img src="01.jpg"><td>
    <td id="rahmen"><img src="02.jpg"><td>

    Fehler: die Werte der id-Attributwerte müssen dokumentweit eindeutig sein. Mag sein, daß Dein Browser inkorrekt ist und es zufällig so macht, wie Du es willst, aber ich würde mich nicht darauf verlassen.
    Insbesondere, da es für sowas ja das class-Attribut gibt.

    <td id="rahmen"><img src="04.jpg"><td>
    </tr><tr>
    <td align="center">01<td>
    <td align="center">01<td>
    <td align="center">01<td>
    </tr><tr>
    ...

    Bzw. mach es so:

    <table class="umrahmtebilder">
    <tr>
    <td><img src="01.jpg"></td>
    <td><img src="02.jpg"></td>
    <td><img src="03.jpg"></td>
    </tr><tr>
    <td align="center">01<td>
    <td align="center">01<td>
    <td align="center">01<td>
    </tr>
    </table>

    und im css:

    table.umrahmtebilder img { border:5px groove #fc6;

    Andreas

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln