Søg
Avatar billede hav0k Nybegynder
06. august 2005 - 18:04 Der er 19 kommentarer og
1 løsning

valign=bottom hvorfor vil element ikke lægge sig nederst i tabel?

<table width=100% cellpadding="0" cellspacing="0">
    <tr><td width="100%" bgcolor="#FFFFFF" height="30" align="center">
    <table width="780" cellpadding="0" cellspacing="0" height="100%">
        <tr><td align="right" valign="bottom" class="bottom">
        <form action="#" method="get">
        <input type="text" name="search" value="search" class="box">
        </form>
        </td></tr>
    </table>
    </td></tr>
</table>

og css'en er:

TD.bottom {
    FONT-SIZE: 12px;
    MARGIN: 0px;
    VERTICAL-ALIGN: bottom;
    COLOR: #000000;
    FONT-FAMILY: Arial, Verdana, Helvetica;
}

Hvordan kan det være at min lille search form ikke ender nede i bunden af tabellen?
Avatar billede hav0k Nybegynder
06. august 2005 - 18:13 #1
Jeg prøvede at lave et seperat html dokument med koden og der så det vist ud til at virke så her er et link til min side hvor det IKKE virker

www.gagag.dk/ww2
Avatar billede busschou Praktikant
06. august 2005 - 18:29 #2
Det er jo fordi du har to tabeller, den lægger sig jo kun nederst i den ene
Prøv sætte valign="bottom" på den yderste td også :o)
Avatar billede busschou Praktikant
06. august 2005 - 18:32 #3
jeg kan se i din css at du generelt har valign=top på <td>, så den sætter din lille tabel øverst, og i den sætter den din form nederst
Tror det er derfor
Avatar billede hav0k Nybegynder
06. august 2005 - 18:36 #4
Men det må da være muligt at have vertical-align i top på generelle <td>'s og kunne have en =bottom på nogle specielle?
Avatar billede busschou Praktikant
06. august 2005 - 18:40 #5
Ja men du har jo denne struktur
<table>
  <tr>
    <td valign="top"></td>
      <table>
        <tr>
          <td valign="bottom"></td>
        </tr>
      </table>
    </td>
  </tr>
</table>
Så længe den øverste <td> har valign="top" så vil den inderste tabel lægge sig i toppen. Den inderste <td> vil lægge sig i bunden af den inderste tabel som ligger i toppen af den yderste tabel...er du med :o)
Avatar billede busschou Praktikant
06. august 2005 - 18:41 #6
prøv
---
<table width=100% cellpadding="0" cellspacing="0">
    <tr><td class="bottom" width="100%" bgcolor="#FFFFFF" height="30" align="center">
    <table width="780" cellpadding="0" cellspacing="0" height="100%">
        <tr><td align="right" valign="bottom" class="bottom">
        <form action="#" method="get">
        <input type="text" name="search" value="search" class="box">
        </form>
        </td></tr>
    </table>
    </td></tr>
</table>
Avatar billede hav0k Nybegynder
06. august 2005 - 18:42 #7
yes.. det har jeg :)

se på www.gagag.dk/ww2

det virker stadig ikke :(
Avatar billede busschou Praktikant
06. august 2005 - 18:48 #8
når jeg kigger på din side nu er den stadig ikke sat til class="bottom"
Avatar billede hav0k Nybegynder
06. august 2005 - 18:54 #9
Min fejl - kom til at uploade .css filen i stedet.. skulle gerne være der nu.
Avatar billede busschou Praktikant
06. august 2005 - 18:59 #10
hvad gør denne her
--
<td width="100%" bgcolor="#669900" height="7"0 align="center">
--
bør det ikke være
--
<td width="100%" bgcolor="#669900" height="70" align="center">
--
Tag det ikke ilde op
Men må jeg foreslå dig at bruge css mere konsekvent?
De fleste af dine individuelle styles er jo enten magen til dem i dit stylesheet eller også kunne de tilføjes, ville måske give mere overskuelighed :o)
--
tag evt et kig her
http://validator.w3.org/check?verbose=1&uri=http%3A//www.gagag.dk/ww2/
den afslører flere småfejl
fx
<table width=100% cellpadding="0" cellspacing="0">
som skal være
<table width="100%" cellpadding="0" cellspacing="0">
---
Avatar billede hav0k Nybegynder
06. august 2005 - 19:12 #11
Det er helt fint med lidt kritik - ellers kommer man jo ingen vegne ;)

Har rettet op på de små svipsere (dog 2 tilbage som jeg ikke helt forstår hvorfor er fejl på w3c validator).

Jeg er klar over det med stylesheets.. Går også siden igennem snarligst og får sat det meste som css..

Men jeg er stadig lidt i vildrede omkring mit vertical-align problem :(
Avatar billede busschou Praktikant
06. august 2005 - 19:17 #12
De to fejl siger jo ellers sig selv
--
Line 11, column 59: there is no attribute "HEIGHT"
<table width="780" cellpadding="0" cellspacing="0" height="100%">
--
Betyder at en tabel ikke kan få defineret sin højde, hvilket jo skyldes at den netop er dynamisk i højden
--
Line 75, column 12: there is no attribute "COLOR"
<hr color="#FFFFFF" noshade size="1" width="600" align="left">
--
betyder at du ikke kan sætte color på en <hr>

Det med at putte det hele ind i css gør jo også at fejl bliver nemmere at lokalisere :o).. hmm prøver lige se om jeg kan lure det
Avatar billede busschou Praktikant
06. august 2005 - 19:21 #13
bare for nysgerrigheds skyld tjekkede jeg også din css, den giver en enkelt fejl på
----
Line: 73 Context : BODY
8cccccc is not a valid color 3 or 6 hexadecimals numbers : #8CCCCCC
----
og så på alle dine scrollbar, men det er fordi det kun er noget som virker i IE og ikke er standard, så det gør ikke det store :o)
Avatar billede busschou Praktikant
06. august 2005 - 19:24 #14
Du kunne forsøge udover cellspacing og padding at sætte style="margin:0px";
Avatar billede busschou Praktikant
06. august 2005 - 19:25 #15
og også prøve at rette cellspacing og padding fra "0" til "0px"
Avatar billede ysubhi Nybegynder
06. august 2005 - 19:29 #16
busschou> Ifølge w3 skal man skrive 0, da det giver mere mening end 0px.
Avatar billede hav0k Nybegynder
06. august 2005 - 19:42 #17
Det med margin:0px har jeg allerede stående i min css.. Jeg undrer mig dog lidt over at w3c skriver at man ikke kan definere color for en <hr> da det virker fint både i Firefox og IE når jeg gør det.
Avatar billede ysubhi Nybegynder
06. august 2005 - 19:50 #18
hav0k> du bruger html 4.01, så det er nok derfor den brokker sig. Prøv at farve den med css.
Avatar billede hav0k Nybegynder
06. august 2005 - 20:44 #19
Nu er vi godt nok ude i et andet spørgsmål, men farver jeg den med css ja så virker det i IE, virker IKKE i Firefox (eller Opera).

Hvis der stadig ikke er nogen som har en løsning til hvorfor mit form-element ikke lægger sig nederst i tabellen så læg et svar busschou - din hjælp er point nok værd i sig selv.
Avatar billede busschou Praktikant
06. august 2005 - 20:48 #20
jeg lægger gerne et svar, så må du se om andre byder til :o)
angående det med <th> så kunne jeg forestille mig at det skyldes at IE er ligeglad....
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 16:05 Samsung Galaxy vil ikke ud af "Sikker tilstand" Af ErikHg i Mobiltelefoner
08/0812:15 morf bilede Af knuldefar1942 i Fri debat
07/0822:13 Gemme største værdi Af Lemming@privat.dk i Excel
07/0821:39 Kvindelig journalist ved DR - hvad er hendes navn. Af ErikHg i Fri debat
06/0817:10 Windows 10 Home 22H2 produktnøgle Af Uvanga i Windows
White papers
Flere white papers »