Hej </sup>Css - sup i höjdled
Mitt problem är som följer:
Jag har en tabell i form av en kalender. Om någon skriver in möten/påminnelser på en spciell dag så dyker det upp en siffra efter datumet i en <sup>-tagg. Exempel: 23<sup>2</sup> där 2 är antalet påminnelser.
Detta förstör dock min layout då cellernas innehåll är centrerat både i höjdled och i sidled och denna <sup> puttar ner datumet i förhållande till de andra i raden.
Hur ska jag göra för att se till att datumet blir centrerat i höjdled emedan antalet påminnelse hamnar ovanför precis som vanligt, dock oberoende av placeringen i höjdled av datumet.
Som det ser ut utan påminnelser:
|---------|
| |
| 6 |
| |
|---------|
som det blir med:
|---------|
| |
| 3 |
| 6 |
| |
|---------|
som det ska bli:
|---------|
| 2 |
| 6 |
| |
|---------|Sv: Css - sup i höjdled
När du gör texten större blir naturligtvis cellen större. Jag ser två enkla sätt att komma runt det på:
1 Gör cellerna tillräckligt stora från början.
2 Lägg dit en blank ( ) inom sup-taggar för att reservera utrymmet.
(Om du tycker cellerna blir för stora kan du ju laborera med marginalutrymmet i tabelltaggarna, eller använda CSS. Du kan t.ex. flytta en text av en viss klass med stylsheet-kommando t.ex. {margin-top: -10} Talet -10 flyttar 10 pixel uppåt, men du kan använda andra tal också.)