webForumDet fria alternativet

Cellstorlek

6 svar · 371 visningar · startad av Cheguelin

CheguelinMedlem sedan juli 2003351 inlägg
#1

Jag kom på att jag kanske skulle söka om det jag behöver hälp med, så det har jag gjort utan framgång. Hur som helst, till mitt ärende.

Jag håller på med mines i Javascript, så jag genererar fram en tabell där varje cell får storleken 16*16px. Problemet är det att cellerna inte blir kvadratiska, och jag kan inte förstå varför. jarvklo eller någon, snälla förklara hur det kan bli så fel.

<html>
  <head>
    <title>Mines</title>
    <link href="mines.css" rel="stylesheet" type="text/css" />
    <script src="mines.js" type="text/javascript></script>
  </head>
  <body>
    <div id="field">
      <!-- Här genereras en tabell som är 10*10 celler stor. -->
    </div>
  </body>
</html>
div.mines table {
    border: 1px solid #000000;
    border-collapse: separate;
    border-spacing: 0;
    empty-cells: show;
}

div.mines td {
    background-color: #cccccc;
    border-color:  #eeeeee #aaaaaa #aaaaaa #eeeeee;
    border-style: solid;
    border-width: 1px;
    height: 16px;
    overflow: hidden;
    width: 16px;
}

Haha, ibland blir det lite fel med knapptryckningarna :-)

jarvkloMedlem sedan juli 20013 295 inlägg
#2

Hmm...

scriptet ser inte riktigt scriptigt ut... ;)

Har du en länk istället?

CheguelinMedlem sedan juli 2003351 inlägg
#3

Oh, and by the way, saknar du fortfarande länk? Jag tror inte att det behövs men om du ber om det så :-)

Erik JuhlinMedlem sedan maj 20007 625 inlägg
#4

Borde väl inte vara så konstigt om de inte blir kvadratiska eftersom att du satt width till 12px och height till 16px.

CheguelinMedlem sedan juli 2003351 inlägg
#5

Nej, såg det och redigerade. Problemet kvarstår dock. Kan tillägga att cellerna blir kvadratiska när man har satt storleken till 16*12px.

jarvkloMedlem sedan juli 20013 295 inlägg
#6

Jadu...

Fråga mig inte varför, men

  1. padding:0 på td gör en viss skillnad...
  2. om du sedan också stoppar in ett &nbsp; i varje tom tabellcell och lägger till
line-height:16px;font-size:16px;

i CSS:en för td så får du kvadratiska tabellceller (iaf i "standards mode").

Bifogad fil innehåller en tabell med &nbsp; och en utan... Jämför själv ;)

CheguelinMedlem sedan juli 2003351 inlägg
#7

Tack för hjälpen jarvklo. Du är en riktig klippa!

Genererad på 373 ms · cache AV · v20260730165559-full.f96bc7eb