19. juli 2005 - 20:48Der er
23 kommentarer og 1 løsning
align i celler
Eksempel på hvordan tekst placeres i en celle kan se sådan her ud:
HTML: <td align="left" valign="middle">
Omskrevet til CSS: .alignleftmiddle { text-align: left; vertical-align: middle; }
Hvordan placeres en tabel på samme måde i CSS? <td align="left" valign="top"> <table> ..... </table> </td>
Hvordan placeres et stykke grafik på en bestemt måde i en celle? <td align="right" valign="middle"><img border="0" src="/images/myimage.jpg" height="60" width="220" alt="Mit billede"></td>
Og ikke mindst: Hvilke parametre er der at arbejde med? Er der samme muligheder, som i gammeldaws HTML? Og gør det sig gældende, hvadenten man aligner text eller grafik?
-- han er som regel ret præcis og til at regne med, bl.a. fordi har har gjort sig den umage at liste de browser-mærkværdigheder, han er stødt ind i !-)
Det går fint, lige indtil jeg sætter noget ind i cellerne.
Jeg satte padding til 25 i maincolumn, og går ud fra, at der skal trækkes 50px fra bredden (25px i hhv. højre og venstre side, altså 50px). Men det får menucolumn til at brede sig. Hvis jeg så kun trækker 25px fra maincolumn, så er den rigtig i MSIE, FF, Mozilla og NS, men den er gal i Opera.
Bare for at spare dig for noget tid, så er din Netscape, FireFox og Mozilla alle baseret på Gecko-renderingsmaskinen, men måske med forskellige versionsnumre (som vist følges med Mozilla-versionen !-)
Jepz, men det skal så sættes på alle celler, så der ingen chance er for fejlfortolkning, som kan adstedkomme, at browseren igangsætter sin ret-ud-algoritme ...
Eksempelvis vil en tabel med bredden 200 og 3 kolonner med bredde hhv. 50, 25 og 50px blive til 80, 40 og 80px, fordi browseren (mest IE, men de andre vil også finde på noget !-) vil forsøge at få det hele til at du, når nu koderen er så snotdum, at han ikke kan regne ...
"...vil forsøge at få det hele til at du, når" ... mangler der ikke noget i din sætning? :)
Du siger, at jeg bør sætte padding ens i samtlige celler? I menu-cellen kunne jeg godt tænke mig en mindre padding end i f.eks. cellen med selve indholdet. Og er det typisk her, at fejlen opstår i Opera?
Jeg mener nu godt jeg kan regne. Jeg får det af en eller anden grund til at forskubbe sig, selvom jeg prøver at være meget omhyggelig med at trække padding ud af cellebredden. Måske går det galt, når jeg forsøger at lægge en tabel ind i en celle, og måske jeg skal lave id's med margin/border = 0 og border-collapse: collapse; samt child = { margin: 0px; border: 0px; padding: 0px; }, så jeg styrer padding direkte på cellen istedet.
Jeg vil arbejde videre på det i morgen. Foreløbig 10000 tak :)
Jeg forstår ikke hvorfor den ingen border viser, medmindre der er noget sat direkte i elementet, for så vil væsentligheds-/nærhedsprincippet træde i kraft !-)
Der er ikke sat noget direkte i elementet, så jeg forstår det heller ikke.
Jeg har forsøgt at styre det hele fra CSS, men jeg skal åbenbart sætte style på <td>.
Jeg TROR der er styr på det nu. Jeg mangler dog lige at sætte noget ind i cellerne, og det er her problemerne plejer at opstå. Så jeg vender højst sansynligt tilbage :)
Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.
