Frage zu HTML und DIV-Block

Frage zu HTML und DIV-Block (7 Beiträge, 184 Mal gelesen)

Du bist nicht angemeldet. [ Login/Registrieren ]

Hallo,

ich habe folgendes Problem:

Ich habe auf einer Seite eine Tabelle, einer Zelle habe ich über Stylesheet padding-top und padding bottom von 5px zugewiesen.
Nun möchte ich in dieser Zelle eine kleine Graphik einfügen, die etwas höher ist als der Text. Wenn ich sie normal einfüge wird die Zeile auch erhöht, was ich aber nicht möchte.
Meine Überlegung wäre nun, diese Graphik mit innerhalb eines Div-Blockes einzufügen, nur wie schalte ich die padding-Grenzen für diesen Div-Block aus? Ich schaffe es zwar mit style="display:inline;position:relative; top:5px;" den DIV-block beliebig zu verschieben, aber die eigentliche Zelle wird trotz allem vergrößert. Was muss ich noch angeben? max-height für das DIV nutzt nichts.

Danke
emefge
Infosauger
_____________________________________________________________________________

Weil die Lichtgeschwindigkeit höher als die Schallgeschwindigkeit ist, hält man viele Leute für helle Köpfe bis man sie reden hört.

"Bekomme ich bei Ihnen so einen ganz kleinen Lötkolben zum CPU reparieren?"

Wieso Realität? Ich hab doch verdammt noch mal was Besseres zu tun!

hast Du dem DIV auch schonmal eine Höhe und overflow: hidden gegeben?
Das müsste auf jeden Fall das darin liegende Bild abschneiden und sollte dann auch nicht Deine Zelle ausdehen.

Ohne konkreten Code ist eine Antwort aber immer schwierig.

tom2k

<table class="H2">
  <tr>
    <td class="H2_Header" style="max-height:5px;">Standardberichte  < div class="HeaderInfoButton" > < a href="....">
        img border="0" src="grafics/explain_r.gif" alt="info">
        < /a>< /div>
    < /td>
      ....
  </tr>
</table>

wobei die styles wie folgt definiert sind:

.H2 td {
    font-weight: bold;
    font-size: 10pt;
    font-family: Arial, Verdana, Helvetica;
    color: #000000;
    padding-top: 5px;
    padding-left: 20px;
    padding-right: 0px;
    padding-bottom: 5px;
    margin-top: 3px;
    vertical-align:middle;
}

.HeaderInfoButton {
    display:inline-block;
    position:relative;
    margin-top:-11px;
    top:7px;
    display:inline;   /* für IE */
    zoom:1;           /* für IE */
}

Nachdem der IE inline-block nicht versteht habe ich mit Hilfe der letzten beiden Zeilen das versucht zulösen (laut Google-Ergebnisse), aber der IE zeigt das Symbol weiterhin in einer neuen Zeile an

emefge
Infosauger
_____________________________________________________________________________

Weil die Lichtgeschwindigkeit höher als die Schallgeschwindigkeit ist, hält man viele Leute für helle Köpfe bis man sie reden hört.

"Bekomme ich bei Ihnen so einen ganz kleinen Lötkolben zum CPU reparieren?"

Wieso Realität? Ich hab doch verdammt noch mal was Besseres zu tun!

08.10.2012, 09:25 Uhr - Editiert von Infosauger, alte Version: hier

inline-block funktioniert ab IE8, sollte also nicht das Problem sein.
Mein IE9 stellt auch beide Elemente nebeneinander. Kann es sein, dass einfach umgebrochen wird, weil die Spalte zu klein ist?

Mit negativem Margin sollte es funktionieren.

Ja danke, allerdings habe musste ich zusätzlichen zum negativen margin von -11 angeben und zusätzlich top 6 damit es dort ist, wo es hingehört.

emefge
Infosauger
_____________________________________________________________________________

Weil die Lichtgeschwindigkeit höher als die Schallgeschwindigkeit ist, hält man viele Leute für helle Köpfe bis man sie reden hört.

"Bekomme ich bei Ihnen so einen ganz kleinen Lötkolben zum CPU reparieren?"

Wieso Realität? Ich hab doch verdammt noch mal was Besseres zu tun!

Dieses Forum ist eine frei zugängliche Diskussionsplattform.
Der Betreiber übernimmt keine Verantwortung für den Inhalt der Beiträge und behält sich das Recht vor, Beiträge mit rechtswidrigem oder anstößigem Inhalt zu löschen.
Datenschutzerklärung