Div in th

[Julian]

Hi,

habe folgendes Problem:

habe eine <th width="75"> darin ein Bild mit breite 71
um dieses Bild sollen nun mehrere Rahmen in verschiedenen Farbein drum (fragt nicht wieso ;)
meine lösung:
<th width="75"><div style="border: 1px solid #FFFFFF;"><noch ein div><img src... width="71"></div></th>

das würde natürlich funktionieren, wenn die größen genau passen.

wenn aber die th breiter ist, wird der border vom div (oder den divs) so groß wie das th, legt sich also nicht mehr um das Bild herum.

Lösung: die Breite vom Div beschränken.

Das Problem dabei ist, daß nun das div links am rand vom th klebt.
Wie kann ich das Ding mittig zentrieren? Oder gibts ne andere möglichkeit?

Grüße,

Julian

[mikey]

kannst du mal einen Beispiel-Link geben ?

vor allem dafür "border vom div (oder den divs) so groß wie das th"

"Wie kann ich das Ding mittig zentrieren? Oder gibts ne andere möglichkeit?"

entweder google nach "css centered" ODER mal mit CSS vertraut machen =)

ein "text-align:center" für das th (schlagt mich nicht, wenn TH's das Attribut nicht haben dürfen) dürfte schonmal gut helfen, dazu dann margins mit Value "auto" für das äußerste DIV und dann sollte es eigentlich funktionieren

MfG
Micha

[Julian]

Hi,

kannst du mal einen Beispiel-Link geben ?

schwer, weil das projekt grad nur intern ist...

vor allem dafür "border vom div (oder den divs) so groß wie das th"

also das div ist so groß wie das th, der border dementsprechend am rand des ths und nicht um das bild rum...

"Wie kann ich das Ding mittig zentrieren? Oder gibts ne andere möglichkeit?"

entweder google nach "css centered" ODER mal mit CSS vertraut machen =)

okay ;)

ein "text-align:center" für das th (schlagt mich nicht, wenn TH's das Attribut nicht haben dürfen) dürfte schonmal gut helfen, dazu dann margins mit Value "auto" für das äußerste DIV und dann sollte es eigentlich funktionieren

okay. ich schau mal nach...
ein align="center" hat übrigens beim th nicht funktioniert... ist das eine unzulässige vermischung von css und html?
Sorry, html-kram is normal nicht meine Baustelle.. :)

Grüße,

Julian

[mikey]

als erstes würd ich mal von html komplett auf CSS umschwenken

also nix mit "align" im TH oder auch "width" sondern direkt per CSS

als nächstes dann den Code + CSS posten und dann kanns weiter gehen, so ist das mehr ein fernchirurgischer Eingriff von einem blindem Chirurgen ;-)

[Julian]

als erstes würd ich mal von html komplett auf CSS umschwenken

also nix mit "align" im TH oder auch "width" sondern direkt per CSS

als nächstes dann den Code + CSS posten und dann kanns weiter gehen, so ist das mehr ein fernchirurgischer Eingriff von einem blindem Chirurgen ;-)

soo. hier der code:
      <th width="75">

<div style="border: 1px solid blue;">
                  <a href="foo">
         <img src="blah" width="71" height="71" border="0">
         </a>
                  </div>
           </th>

wenn ich beim th noch ein style="text-align: center" angebe ändert das nichts.
momentan sieht das ganze so aus, daß das th etwas zu breit ist, also zwischen rand und bild abstand ist was auch gut ist. der blaue rahmenist aber am tabellenrand, nicht um das bild.

wenn ich <div style="width: 73px; border..." angebe, dann ist der rand zwar um das bild, das ganze ding aber am linken rand in der tabelle und nicht mehr mittig...

Grüße,
Julian

[Ingo Turski]

Hi,

Du möchtest die Inline-Eigenschaft des Bildes erhalten. Warum nimmst Du dann nicht wie vorgeschlagen spans statt divs? denen brauchst (und kannst) Du keine Größen zuweisen, aber border und padding.

freundliche Grüße
Ingo

[Julian]

Hi

Hi,

Du möchtest die Inline-Eigenschaft des Bildes erhalten. Warum nimmst Du dann nicht wie vorgeschlagen spans statt divs? denen brauchst (und kannst) Du keine Größen zuweisen, aber border und padding.

als ich gerade einfach div gegen span tauschte sah das komplett daneben aus... was muß ich da genauer machen?
Grüße,

Julian

[Ingo Turski]

Hi,

als ich gerade einfach div gegen span tauschte sah das komplett daneben aus... was muß ich da genauer machen?

den spans geeignete Werte für border und padding geben.

freundliche Grüße
Ingo

[Julian]

Hi,

Hi,

als ich gerade einfach div gegen span tauschte sah das komplett daneben aus... was muß ich da genauer machen?
den spans geeignete Werte für border und padding geben.

was wären in dem Falle denn geeignete werte? border ist 1px, das ist klar aber padding?

[Ingo Turski]

Hi,

was wären in dem Falle denn geeignete werte? border ist 1px, das ist klar aber padding?

woher soll ich wissen, wieviel Abstand Du haben willst. Probier's doch aus...

freundliche Grüße
Ingo

[wahsaga]

hi,

wenn aber die th breiter ist, wird der border vom div (oder den divs) so groß wie das th, legt sich also nicht mehr um das Bild herum.

und warum nutzt du dann nicht span statt div?

btw: einen oder zwei rahmen mit CSS zu machen, wäre ja noch OK. aber den qullcode mit mehreren zusätzlichen containern "verzieren", nur um mehrere verschiedenfarbige rahmen zu erstellen? wäre es da nicht eventuell angebrachter, die rahmen ins bild mit reinzuzeichnen?

gruß,
wahsaga