Avatar billede dingkee Nybegynder
23. februar 2005 - 10:39 Der er 5 kommentarer og
2 løsninger

Problem med text-alignment

Jeg er ved at lave en menu til min side, og vil gerne have den sat op i css.

Selve menuen, skal gerne se sådan ud her:

Menu:
Side1
Side2

Men når jeg gør det kommer det til at se sådan ud her:

------------------

Menu:

Side1



Side2


---------------------
Kan simpelthen ikke finde ud af hvad jeg gør forkert... Her er min kode:

                                <table class="menu1" cellpadding="0" cellspacing="0" border="0">
                                    <tr>
                                        <td class="ovenmenu1">Menu</td>
                                    </tr>
                                    <tr>
                                        <td>Side1</td>
                                    </tr>
                                    <tr>
                                        <td>Side2</td>
                                    </tr>
                                </table>


Og fra css:

.menu1{
background-color: #EFE0BD;
border-right: #503817 1px solid;
border-left: #503817 1px solid;
border-bottom: #503817 1px solid;
width: 100px;
height: 120px;
text-align:: right;
vertical-align: top;
}
.menu1 tr{
text-align:: left;
vertical-align: top;
}
Avatar billede babyworm Nybegynder
23. februar 2005 - 11:33 #1
<table class="menu1" cellpadding="0" cellspacing="0" border="0">
                                    <tr>
                                        <td class="ovenmenu1">Menu</td>
                                    </tr>
                                    <tr>
                                        <td>Side1</td>
                                    </tr>
                                    <tr>
                                        <td>Side2</td>
                                    </tr>
                                    <tr>
                                        <td>&nbsp;</td>
                                    </tr>
Prøv dette.. problemet er nok at du har defineret tabellens højde som 120px, og så trækker den i alle td. Hvis du laver sådan en burde det blive i orden.. ellers skal der lige defineres en højde på dine td..
                                </table>
Avatar billede babyworm Nybegynder
23. februar 2005 - 11:34 #2
<table class="menu1" cellpadding="0" cellspacing="0" border="0">
                                    <tr>
                                        <td class="ovenmenu1">Menu</td>
                                    </tr>
                                    <tr>
                                        <td>Side1</td>
                                    </tr>
                                    <tr>
                                        <td>Side2</td>
                                    </tr>
                                    <tr>
                                        <td>&nbsp;</td>
                                    </tr>
</table>

Sådan...
Avatar billede notes2c Nybegynder
23. februar 2005 - 11:37 #3
Det er fordi du har givet tabellen en højde, hvis du fjerne den vil den falde på plads
Avatar billede dingkee Nybegynder
23. februar 2005 - 11:38 #4
Takker...

Klaret det ved at give den sidste td som du havde lavet en højde på 100%, og så virkede det :)
Avatar billede babyworm Nybegynder
23. februar 2005 - 11:39 #5
:D
Avatar billede dingkee Nybegynder
23. februar 2005 - 11:39 #6
Ja, hvis jeg fjerner højden på tabellen forsvandt det også, men nu var det sådan at den tabel skal have en højde på 120px
Avatar billede babyworm Nybegynder
23. februar 2005 - 11:41 #7
Så må du lave det eksempel jeg har lavet.. og så i hver td (på nær den sidste) angiver du en style="height:15px;"
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