webForumDet fria alternativet
Logga in / Bli medlem

Cellstorlek

HTML & CSS

6 svar · 371 visningar · startad av Cheguelin

Medlem sedan juli 2003303 inlägg
Trådstart#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 :-)

Medlem sedan juli 20013 378 inlägg
#2

Hmm...

scriptet ser inte riktigt scriptigt ut... ;)

Har du en länk istället?

Medlem sedan juli 2003303 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å :-)

Medlem sedan maj 200010 687 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.

Medlem sedan juli 2003303 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.

Medlem sedan juli 20013 378 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 ;)

Medlem sedan juli 2003303 inlägg
#7

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

266 ms totalt · 4 externa anrop · v20260731065814-full.51f67c91
125 ms — deklarationer (db)
0 ms — hämta statistik (cache)
133 ms — hämta tråd, inlägg och bilagor (db)
130 ms — ändringar (db)