Fylla ut en rad/cell

HTML & CSS

6 svar · 388 visningar · startad av wazid 21 maj 2002

wazidMedlem sedan maj 2001156 inlägg

Frågan21 maj 2002 19:17#1

Hej

Har en tabell med två kolumner.
I den högra står förnamn och i den vänstra står en egenskap.
Tex

David Brottare
Per Boxare
Nisse Löpare

Hur kan jag fylla ut högerkolumnen celler med punkter eller streck så det blir något sådant här :

David......Brottare
Per.........Boxare
Nisse......Löpare

(jag behöver inte ha två kolumner, men trodde det skulle vara enklast för att få rak vänsterjustering på båda kolumner.)

Texten i kolumnerna hämtar jag via ASP från en databas.

MvH

David

solbulleMedlem sedan mars 20015 287 inlägg

21 maj 2002 20:45#2

med asp kan du ju räkna tecknen i namnen och därefter fylla på med punkter eller dylikt till ett förutbestämt värde.
Iofs är inte alla bokstäver o tecken lika breda men det kanske blir nära nog.

AxelMedlem sedan aug. 20004 638 inlägg

21 maj 2002 20:50#3

Då kan man använda ett fixed width-typsnitt så löser det sig. Men det låter som en ganska krånglig metod.

wazidMedlem sedan maj 2001156 inlägg

21 maj 2002 20:52#4

Kan någon snabbt ge ett svar på err fixed width-typsnitt?

MvH
David

AxelMedlem sedan aug. 20004 638 inlägg

21 maj 2002 20:53#5

Courier t.ex.

jarvkloMedlem sedan juli 20013 378 inlägg

21 maj 2002 22:22#6

Om du är inne på att generera punkterna med asp men vill slippa ifrån fixed-width-typsnitt och har en publik som använder MSIE5+, NN6 eller Mozilla, kan du experimentera lite med att klippa en lagom lång räcka med punkter med hjälp av tabell-stilen "table-layout: fixed" i CSS och kolumnbredder inställda i <col>-taggar...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>Test</title>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 
<style type="text/css">
<!--
table { table-layout: fixed; border-collapse:collapse; border-spacing:0;}
td {overflow:hidden;}
-->
</style>
  </head>
  <body>
    <table>
      <col style="width:50px">
      <col style="width:100px">
      <tbody>
        <tr><td>David.................................</td><td >Brottare</td></tr>
        <tr><td>Per...................................</td><td >Boxare</td></tr>
        <tr><td>Nisse................................</td><td>Löpare</td></tr>
      </tbody>
  </table>
  </body>
</html>

Observera dock att detta inte funkar i Opera eftersom Opera fortfarande - trots sitt goda rykte - inte klarar hela HTML4-specen - de har t.ex. medvetet valt att inte stödja den "komplexa tabellmodellen" i HTML4, vilket exemplet bygger på...

solbulleMedlem sedan mars 20015 287 inlägg

22 maj 2002 18:27#7

jarvklo:
Klart schysst. Spar ju en del problem många gånger. Fast som du skriver kan det nog knasa rejält antar jag om man kommer farandes med en browser som inte köper den där koden.
...men stackars den då...