webForumDet fria alternativet

Riktigt Dum fråga om Tables...

HTML & CSS

10 svar · 245 visningar · startad av startail

Medlem sedan sep. 2000155 inlägg
Frågan#1

Jag blir inte klok på detta... jag sitter och gör en table som jag inte får att funka som jag vill och det känns rätt pinsamt :e

<table width="100%" height="100%" border="1" cellspacing="0" cellpadding="0" class="bottombgpattern" align="center">
  
 <tr>
  <td colspan="4" height="100" align="center" class="topbgpattern">
  </td>
 </tr>
  
 <tr width="100%">
  <td width="150" align="left">
     Text
  </td>
  <td width="100%" align="center">
     Text
  </td>
  <td width="150" align="right">
     Text
  </td>
 </tr>
 <tr>
  <td colspan="3" height="30" align="center">
   Disclaimer
  </td>
 </tr>

</table>

Det som inte funkar med denna kod är mitten cellen som tar upp all plats på sidan fastän dom andra två cellerna har spesefika värden på 150 pixlar. Varför gör den så ??
Jag vill altså att Cell #1 å #3 skall ta 150 pixlar och cell #2 skall ta den plats som finns över å fylla ut sidan...

Medlem sedan nov. 20017 144 inlägg
#2

Jag är inte 100, men lägg en genomskinlig bild med 150px brädd i den kolumnen så skall du se att den förblir 150px bred.

Medlem sedan sep. 2000155 inlägg
#3

e inte det att fuska lite ;)

Men tack för tipset, det borde funka

Medlem sedan nov. 20017 144 inlägg
#4

Det är säkert fusk, men funkar det så...
Det finns säkert någon css-lösning som inte jag känner till.

Medlem sedan juli 20021 363 inlägg
#5
<table width="100%" height="100%" border="1" cellspacing="0" cellpadding="0" class="bottombgpattern" align="center">
  
 <tr>
  <td colspan="4" height="100" align="center" class="topbgpattern">
  </td>
 </tr>
  
 <tr width="100%">
  <td width="150" align="left">
     Text
  </td>
  [b]<td align="center">[/b]
     Text
  </td>
  <td width="150" align="right">
     Text
  </td>
 </tr>
 <tr>
  <td colspan="3" height="30" align="center">
   Disclaimer
  </td>
 </tr>

</table>

Ta bort 100% formateringen så skall det nog funka...

Medlem sedan sep. 2000155 inlägg
#6

Ta bort 100% formateringen så skall det nog funka...

Nope, det gör inte det. Då tar dom andra cellerna över den biten fastän dom är 150px bara. Det är det som är rätt skumt :OO

Men nu fick jag det att funka iaf. efter massa pill.

Är inte så van med vanlig html... :e :bire

Medlem sedan nov. 20017 144 inlägg
#7

Lösning?

Medlem sedan juli 20021 363 inlägg
#8

ehm?

iexplorer
mozilla

Medlem sedan nov. 20017 144 inlägg
#9

startail skrev:

Men nu fick jag det att funka iaf. efter massa pill.

Tänkte bara att det kanske bra att posta lösningen. ;)

Medlem sedan sep. 2002188 inlägg
#10

hmm

<td width="*" align="center"> eller bara <td align="center"> på den i mittten skulle ha funkat, men du löste ju det tydligen iaf ;FFFF gg

Medlem sedan sep. 2000155 inlägg
#11

Lösning

<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
 <tr>  
  <td width="150" align="left" valign="top">
   <img src="blimp" width="150" height="1">
    ------------
  </td>
  <td width="100%" align="center" valign="top">
     ---------------
  </td>
  <td width="150" align="right" valign="top">
   <img src="blimp" width="150" height="1">
   ---------------
  </td>
 </tr>
 <tr>
  <td colspan="3" height="30" align="center">
   Disclaimer
  </td>
 </tr>
</table>

Löste det. Men det var en annan sak som krånglade. Och det var en loggo som låg i en <tr> över (först låg dom i samma table, fast jag fick ändra det) som stälde till det för mig oxå.

Men här är lösningen iaf :D

Fotnot: "blimp" är inte nån bild utan bara en fakesak så den tror att det är en bild. Det ställer nog till problem senare, men jag orkade inte fixa en bild på 1px's höjd då :)

256 ms totalt · 4 externa anrop · v20260731065814-full.86ec41c2
121 ms — deklarationer (db)
0 ms — hämta statistik (cache)
131 ms — hämta tråd, inlägg och bilagor (db)
120 ms — ändringar (db)