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
Annonceindlæg fra Kingston Technology
02. december 2010 - 16:43
#1
<table> <tr> <td></td> </tr> </table> CSS: td { border-bottom: 2px; border-type: solid; border-color:#000000 }
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
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.
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.
02. december 2010 - 17:16
#5
vertical-align: bottom;
02. december 2010 - 17:20
#6
Måske jeg sku ha drukket et par kopper kaffe mere i løbet af dagen... DOH...
02. december 2010 - 17:41
#7
hehe... Mit text problem er dog stadig ikke løst :)
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; }
02. december 2010 - 17:51
#9
kan man se siden?
02. december 2010 - 17:55
#10
nej, desværre. den kører lokalt
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>
02. december 2010 - 18:03
#12
h3.borderproblem { display:inline; padding:0px;} Correction
02. december 2010 - 18:06
#13
Mange tak :)
02. december 2010 - 18:08
#14
selv
Vi tilbyder markedets bedste kurser inden for webudvikling