Positionere en div + nogle span i en celle
Jeg har en tabelcelle TD i hvilken jeg ønsker at vise en lille firkant samt et eller flere bogstaver.Roenving har i spørgsmål http://www.eksperten.dk/spm/778979 været så venlig at vise mig hvordan jeg kan lave en lille firkant:
<div id ="div25" runat="server" style="width:8px;height:8px;background:#17f;line-height:8px;font-size:0px;float:left; "></div>
Uden float:left, så sidder den midt i cellen, og alt hvad jeg tilføjer derefter er under den.
Med float left, så farer den hen til cellens øverste venstre hjørne.
Jeg ønsker, at den skal være i centrum af cellen, i de tilfælde hvor jeg ikke tilføjer flere elementer.
I de tilfælde hvor jeg tilføjer et eller flere span, så ønsker jeg at alle elementerne skal være på en linje, og centreret både vertikalt og horizontalt.
Span-elementerne indeholder hvert et stort eller et lille bogstav, og der kan være 0,1,2 eller 3 span-elementer. (Bogstaverne kan have forskellig farve og/eller tekst-decoration, og derfor sidder hvert bogstav i sit eget span element).
Jeg har nu bakset med det i 2 timer, og uanset hvad jeg laver af postion, margin, blabla, så kan jeg ikke få det på en linje.
En sidste detalje : tabelcellen har ikke noget fast bredde, ej heller højde, men det kunnne få en fast højde, hvis det er havd der skal til.
Bemærk venligst, at jeg laver det på denne måde, fordi jeg ikke ved bedre. Hvis det er noget som skal strikkes sammen med diver, eller andre elementer - sig frem, jeg famler mig frem i blinde her.
Heeeeeeelp :-)
