WN

WN (https://www.wn.se/forum/index.php)
-   Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)
-   -   Irriterande tabell (https://www.wn.se/forum/showthread.php?t=2882)

martinh 2004-07-24 22:27
Hej
Jag håller på med en liten sida åt min flickvän, men det är en sak som förstör hemskt mycket.
Hoppas ni kan hjälpa mej med det.
När man kör med upplösning 1280x1024 som jag gör så blir den översta cellen i tabellen alldeles för "hög". Jag vill att den ska vara anpassad efter top-bildens storlek (se bilden om ni ska förstå nånting).
Det blir bara så i IE och inte i Mozilla.

http://strawberrybazooka.com.loopiadns.com...om/lpp/dump.jpg

2 filer, en default.htm och 1 style.css

default.htm:
Kod:
<table border="1" class="tbl">
 <tr>
  <td valign="top" colspan="2" style="height:130px">
  <img src="top.jpg" />
  </td>
 </tr>
 <tr>
  <td valign="top"><img src="../ponyplace/knapp1.gif" /></td>
  <td valign="top"><iframe src="in.htm" width="493" height="500" name="iframe" frameborder="0"></iframe></td>
 </tr>
</table>
style.css:
Kod:
body, html {
        height: 100%;
}

.tbl {
 border-left: 2px solid #000;
 border-right: 2px solid #000;
 background-image: url(bg2.gif);
 height: 100%;
        width: 640px;
}

td {
 font-family:"Lucida Grande", "Lucida Sans Unicode", verdana, sans-serif;
 font-size: 8pt;
 color: #000;
}
Kan någon här få rätsida på mitt problem?

Slaktad 2004-07-26 17:31
Sätt height="100%" i iframe-taggen så borde det lösa sig.

Jester 2004-07-26 17:59
Citat:
Originally posted by Slaktad@Jul 26 2004, 17:31
Sätt height="100%" i iframe-taggen så borde det lösa sig.
Validatorn säger nej, bestämt nej. Då blire till att använda riktiga frames istället. Men å andra sidan kanske inte korrekt kod är högsta prio hät ;)

martinh 2004-07-26 18:30
Citat:
Ursprungligen postat av Jester
Citat:
Ursprungligen postat av Slaktad
Sätt height="100%" i iframe-taggen så borde det lösa sig.
Validatorn säger nej, bestämt nej. Då blire till att använda riktiga frames istället. Men å andra sidan kanske inte korrekt kod är högsta prio hät ;)
Korrekt kod är just poängen. Sidan finns redan, men är kodad på det mest horribla sätt :P

Jag testade att sätta height="100%" i frame tagen bara för testandets skull, men det funkade inte...

Christian 2004-07-27 16:47
Hmm, varför inte helt enkelt skriva:
Kod:
<td valign="top" colspan="2" height="130">
så brukar jag göra för att låsa en cell till en viss höjd.

festiz 2004-07-27 22:14
Citat:
Originally posted by Christian@Jul 27 2004, 16:47
Hmm, varför inte helt enkelt skriva:
Kod:
<td valign="top" colspan="2" height="130">
så brukar jag göra för att låsa en cell till en viss höjd.
och colspan hjälper vad?

Jester 2004-07-27 23:15
Citat:
Ursprungligen postat av festiz
Citat:
Ursprungligen postat av Christian
Hmm, varför inte helt enkelt skriva:
Kod:
<td valign="top" colspan="2" height="130">
så brukar jag göra för att låsa en cell till en viss höjd.
och colspan hjälper vad?
Kolla orginalinläggets kod. ;)

zoran 2004-07-27 23:27
Citat:
Originally posted by martinh@Jul 24 2004, 22:27
Hej
Jag håller på med en liten sida åt min flickvän, men det är en sak som förstör hemskt mycket.
Hoppas ni kan hjälpa mej med det.
När man kör med upplösning 1280x1024 som jag gör så blir den översta cellen i tabellen alldeles för "hög". Jag vill att den ska vara anpassad efter top-bildens storlek (se bilden om ni ska förstå nånting).
Det blir bara så i IE och inte i Mozilla.

http://strawberrybazooka.com.loopiadns.com...om/lpp/dump.jpg

2 filer, en default.htm och 1 style.css

default.htm:
Kod:
<table border="1" class="tbl">
 *<tr>
 * *<td valign="top" colspan="2" style="height:130px">
 * * *<img src="top.jpg" />
 * *</td>
 *</tr>
 *<tr>
 * *<td valign="top"><img src="../ponyplace/knapp1.gif" /></td>
 * *<td valign="top"><iframe src="in.htm" width="493" height="500" name="iframe" frameborder="0"></iframe></td>
 *</tr>
</table>
style.css:
Kod:
body, html {
        height: 100%;
}

.tbl {
 *border-left: 2px solid #000;
 *border-right: 2px solid #000;
 *background-image: url(bg2.gif);
 *height: 100%;
        width: 640px;
}

td {
 *font-family:"Lucida Grande", "Lucida Sans Unicode", verdana, sans-serif;
 *font-size: 8pt;
 *color: #000;
}
Kan någon här få rätsida på mitt problem?
Bara en fundering, du funderar inte på att läsa på mer om CSS och <div>-taggar och ge upp design med tabeller?

/Zoran

martinh 2004-07-29 11:06
Citat:
Originally posted by zoran@Jul 27 2004, 23:27
Bara en fundering, du funderar inte på att läsa på mer om CSS och <div>-taggar och ge upp design med tabeller?

/Zoran
Jo, men jag kan inte tillräckligt mycket än, därför jag sökte efter lite lektioner i en annan tråd ;)

festiz 2004-07-29 13:17
Citat:
Ursprungligen postat av martinh
Citat:
Ursprungligen postat av zoran
Bara en fundering, du funderar inte på att läsa på mer om CSS och <div>-taggar och ge upp design med tabeller?

/Zoran
Jo, men jag kan inte tillräckligt mycket än, därför jag sökte efter lite lektioner i en annan tråd ;)
www.csszengarden.com
En sida som är designad för total accessibilitet, till för att du ska häpnas över hur bra genomtänkt sidan är.

www.alistapart.com
En webbtidning med väldigt bra tutorials, inte bara om css, utan även mycket annat.

http://www.thenoodleincident.com/tut...son/boxes.html
Bra förklaring gällande flytande designer med css.

www.ssi-developer.net/css
Lite häftiga css-tutorials med vissa IE-specifika effekter :(


Alla tider är GMT +2. Klockan är nu 11:20.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson