Avatar billede steen_hansen Forsker
17. juli 2005 - 01:35 Der er 20 kommentarer og
1 løsning

text-align: right; højrestiller kun i MSIE

Jeg prøver at højrejustere en tabel inde i en celle med  text-align: right; - men det virker kun i MSIE. Hvordan skal det laves rigtigt?
Avatar billede apo Praktikant
17. juli 2005 - 01:45 #1
Prøv at smide noget kode...
Avatar billede steen_hansen Forsker
17. juli 2005 - 01:48 #2
<td colspan="5" style="padding: 3px 20px 3px 0px; text-align: right; vertical-align: middle;">
Avatar billede roenving Novice
17. juli 2005 - 01:51 #3
En tabel er et block-level element, som faktisk ikke _må_ påvirkes af text-align (hvilket sådan set siger sig selv, det er jo et element, ikke tekst !-)

-- men sæt f.eks. float:right; ind i tabel-tagget !o]
Avatar billede steen_hansen Forsker
17. juli 2005 - 01:54 #4
Ah, det vidste jeg faktisk godt. Kunne heller ikke forstå, at text kunne forenes med table :) Smid et svar igen-igen :)
Avatar billede roenving Novice
17. juli 2005 - 01:57 #5
Igen-igen velbekomme '-)
Avatar billede steen_hansen Forsker
17. juli 2005 - 01:57 #6
Hov, roenving, der er noget galt. Det bliver bunket op i venstre side:

        <td colspan="5" style="float: right; background-color: #396da5; padding: 3px 20px 3px 0px;">
            <table class="newtable text11white">
                <tr>
                    <td style="padding-right: 20px;">Uge <%=DatePart("ww",date(),2,2)%></td>
                    <td style="padding: 0px 20px 0px 0px;"><span class="CapitolLetter"><%=WeekdayName(Weekday(date))%></span></td>
                    <td style="padding: 0px;"><%=Replace(date(),"-",".")%> &nbsp;<span id="uret"></span></td>
                </tr>
            </table>
        </td>
Avatar billede roenving Novice
17. juli 2005 - 02:01 #7
I table-tagget, ikke i td'en, for den kan man jo ikke floate selvstændigt, da den jo er afhængig af den omkringliggende tabelstruktur !-)
Avatar billede roenving Novice
17. juli 2005 - 02:01 #8
Altså:

            <table class="newtable text11white" style="float:right;">
Avatar billede steen_hansen Forsker
17. juli 2005 - 02:03 #9
S'føli! Hold tæft, hvor bli'r jeg klog i dag :)

Takker igen-igen :)
Avatar billede roenving Novice
17. juli 2005 - 02:05 #10
-- og jeg takker for point ;~}
Avatar billede steen_hansen Forsker
18. juli 2005 - 01:06 #11
roenving, hvad med at centrere vertikalt? Man kan nok ikke bruge vertical-align: top; til f.eks. et billede?
Avatar billede steen_hansen Forsker
18. juli 2005 - 01:11 #12
vertical-align: top; = vertical-align: middle;
Avatar billede roenving Novice
18. juli 2005 - 15:03 #13
vertival-align giver kun udslag i td-tags ...
Avatar billede steen_hansen Forsker
18. juli 2005 - 21:05 #14
Jeg har også et stykke grafik, som skal vertical-align: middle; - hvordan gør man det?
Avatar billede roenving Novice
18. juli 2005 - 23:13 #15
Sæt det i en tabelcelle ...
Avatar billede steen_hansen Forsker
18. juli 2005 - 23:24 #16
Det har jeg så også gjort, men den ligger i denne tabel:

#menutable {
width: 172px;
margin: 0px auto;
border: 0px;
border-collapse: collapse;
}
#menutable td {
text-align: left;
vertical-align: top;
margin: 0px;
border: 0px;
padding: 0px;
background: url('/images/menu/dotted_line.gif') repeat-x bottom;
}
Avatar billede roenving Novice
18. juli 2005 - 23:28 #17
Grafik, er det baggrundsbilledet ?-)

-- for ellers kan du vel bare fjerne vertical-align, medmindre du et andet sted har angivet en anden default-indstilling for den property (normal default er nemlig vertical-align:middle; !-)
Avatar billede steen_hansen Forsker
18. juli 2005 - 23:31 #18
Nej, dotted_line.gif er bare en stiplet linie, som adskiller cellerne i menuen fra hinanden.

Det var meningen, at

text-align: left;
vertical-align: top;

skulle erstatte

<td align="left" valign="top">, men det er en fejl, kan jeg godt se nu. Det var selve tabellen, der skulle alignes på den måde, ikke indholdet i cellerne. Prøver lige ...
Avatar billede steen_hansen Forsker
18. juli 2005 - 23:36 #19
<table id="menutable">
    <tr>
        <td class="menu"><img style="float: right; padding-right: 10px; border: 0px; height: 9px; width: 5px;" src="/images/menu/arrow_nosub.gif" alt=""><a href="/" title="Til forsiden" class="menu">Til forsiden</a></td>
    </tr>
</table>
Avatar billede steen_hansen Forsker
18. juli 2005 - 23:38 #20
Jeg kigger videre på det i morgen, for hjernen har det med at stå af, når jeg mangler søvn for tiden :)
Avatar billede steen_hansen Forsker
19. juli 2005 - 20:49 #21
roenving, jeg håber oprigtigt, at du har tid til at deltage i denne: http://www.eksperten.dk/spm/633618 :)
Avatar billede Ny bruger Nybegynder

Din løsning...

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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester