Avatar billede mlunde Nybegynder
02. december 2010 - 16:37 Der er 13 kommentarer og
1 løsning

Table properties

Hej.

Jeg har to mindre problemer jeg skal have løst:

1. Jeg skal give bunden af min celle i en tabel en tydelig "border", som den ENESTE border. Hvordan gør jeg det?

2. I selvsamme celle, skal min tekst stå nederst. Forestil jer lidt, at den står på den "border", som jeg laver i spørgsmål 1.

Mvh Michael
Avatar billede The_Buzz Novice
02. december 2010 - 16:43 #1
<table>
<tr>
  <td></td>
</tr>
</table>

CSS:
td { border-bottom: 2px; border-type: solid; border-color:#000000 }
Avatar billede The_Buzz Novice
02. december 2010 - 16:44 #2
<table>
<tr>
  <td class="bordered" valign=bottom></td>
</tr>
</table>

CSS:

td.bordered { border-bottom: 2px; border-type: solid; border-color:#000000 }

Take 2
Avatar billede mlunde Nybegynder
02. december 2010 - 17:05 #3
Det hedder border-style, ikke border-type :)
Men den duede desværre ikke. Stregen/Rammen kommer omkring hele cellen og ikke kun bunden. Teksten er desværre heller ikke at finde i bunden.
Avatar billede mlunde Nybegynder
02. december 2010 - 17:14 #4
Jeg fandt løsning til "border":

td.bordered
{
    border-bottom: 1px;
    border-right: 0px;
    border-left: 0px;
    border-top: 0px;
    border-style: solid;
    border-color:#000000;
}


Men jeg mangler stadig at få teksten i bunden af cellen.
Avatar billede majbom Novice
02. december 2010 - 17:16 #5
vertical-align: bottom;
Avatar billede The_Buzz Novice
02. december 2010 - 17:20 #6
Måske jeg sku ha drukket et par kopper kaffe mere i løbet af dagen... DOH...
Avatar billede mlunde Nybegynder
02. december 2010 - 17:41 #7
hehe...

Mit text problem er dog stadig ikke løst :)
Avatar billede mlunde Nybegynder
02. december 2010 - 17:42 #8
I får lige koden:

<td width="70px" class="bordered"><h3><asp:Label ID="midprice" runat="server" Text='<%# Bind("midPrice") %>' /> DKK</h3></td>

td.bordered
{
    border-bottom: 1px;
    border-right: 0px;
    border-left: 0px;
    border-top: 0px;
    border-style: solid;
    border-color:#000000;
    vertical-align: bottom;
   
}

h3
{
    font-weight:bold;
    font-size:12px;
   
}
Avatar billede majbom Novice
02. december 2010 - 17:51 #9
kan man se siden?
Avatar billede mlunde Nybegynder
02. december 2010 - 17:55 #10
nej, desværre. den kører lokalt
Avatar billede The_Buzz Novice
02. december 2010 - 18:02 #11
AH!

Jeg tror det er din H3 der er dit problem

Tilføj til CSS:

h3.borderproblem { display:inline; }

<td width="70px" class="bordered"><h3 class="borderproblem "><asp:Label ID="midprice" runat="server" Text='<%# Bind("midPrice") %>' /> DKK</h3></td>
Avatar billede The_Buzz Novice
02. december 2010 - 18:03 #12
h3.borderproblem { display:inline; padding:0px;}

Correction
Avatar billede mlunde Nybegynder
02. december 2010 - 18:06 #13
Mange tak :)
Avatar billede majbom Novice
02. december 2010 - 18:08 #14
selv
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