Notifikationer

Markér alle som læst Log ud

lynx-dlk Nybegynder

09. januar 2003 - 14:48 Der er 13 kommentarer og
1 løsning

<img> error!

hejsa....

nogle der kan forklare mig hvorfor mine 2 hjørnebilleder i toppen laver tabellen som de er i 20 px høj, når den er sat til 10px.

det er det samme når jeg gør det alle andre steder på siden også, men i dette eksempel har jeg kun placeret <img> i de 2 øverste hjørner....
de andre er sat som background i css.... men det skal de ikke være..

håber der er nogle der kan hjælpe mig, jeg har set mig fuldstændig blind på det lige nu :)

/Lynx-DLK

Synes godt om

niceday Nybegynder

09. januar 2003 - 14:51 #1

lidt kode ... :-)

Synes godt om

lynx-dlk Nybegynder

09. januar 2003 - 14:56 #2

Ups ja :)) LOL

www.lynx-dlk.dk/test/test.htm

og så skal det overholde XHTML strict og CSS standarten :)

Synes godt om

oomalkeoo Nybegynder

09. januar 2003 - 15:21 #3

hvad med
---
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>

<head>

<title>Lynx-DLK</title>

<style type="text/css">
body{
background-color :#C1C1C2;
}
.table-1{
width :100%;
}
.table-2{
width :100%;
border :2px solid #E9E8F8;
background-color :#8782D1;
font-family :verdana;
color :#E9E8F8;
}
.ovcorner{
height :10px;
width :10px;
}
.ohcorner{
height :10px;
width :10px;
}
.nvcorner{
height :10px;
width :10px;
min-height :10px;
min-width :10px;
background-image :url(nvc.gif);
}
.nhcorner{
height :10px;
width :10px;
min-height :10px;
min-width :10px;
background-image :url(nhc.gif);
}
.omidt{
height:10px;
background-image :url(om.gif);
background-repeat :repeat-x;
}
.nmidt{
background-image :url(nm.gif);
}
.vmidt{
width :10px;
min-width :10px;
background-image :url(vm.gif);
}
.hmidt{
background-image :url(hm.gif);
}
.banner{
height :70px;
min-height :70px;
background-color :#332BAF;
}
.line{
height :10px;
min-height :10px;
background-image :url(om.gif);
}
.vline{
width :8px;
min-width :8px;
background-color :#332BAF;
}
.menu{
width :150px;
min-width :150px;
background-color :#332BAF;
vertical-align :top;
text-align :center;
font-size :10px;
font-family :verdana;
color :#E9E8F8;
}
.boxmenu{
background-color :#8782D1;
font-size :12px;
color :#E9E8F8;
text-align :left;
}
.main{
background-color :#332BAF;
vertical-align :top;
}
.px{
height :8px;
min-height :8px;
}
img{
border :0px;
vertical-align :top;
}
.velkommen{
height :18px;
min-height :18px;
text-align :center;
vertical-align:top;
}
</style>
</head>
<body>

<table cellpadding="0" class="table-1" cellspacing="0" border="0">
<tr>
<td class="ovcorner" height="10" valign="bottom"> <img src="ovc.gif" alt="grafik" />
</td>
<td colspan="5" class="omidt" height="10"> </td>
<td class="ohcorner" height="10" valign="bottom"> <img src="ohc.gif" alt="grafik" />
</td>
</tr>
<tr>
<td rowspan="3" class="vmidt">

</td>
<td colspan="5" class="banner">

</td>
<td rowspan="3" class="hmidt">

</td>
</tr>
<tr>
<td colspan="5" class="line">

</td>
</tr>
<tr>
<td class="menu">

</td>
<td class="vline">

</td>
<td class="main">

<table cellpadding="0" cellspacing="0" class="table-2" border="0">
<tr>
<td class="velkommen">

</td>
</tr>
<tr>
<td>
Dette er en test<br />
<br />
<br />
testtest
dette er også en test

</td>
</tr>
</table>
</td>
<td class="vline">

</td>
<td class="menu">

</td>
</tr>
<tr>
<td class="nvcorner">

</td>
<td colspan="5" class="nmidt">

</td>
<td class="nhcorner">

</td>
</tr>
</table>
</body>
</html>

Synes godt om

lynx-dlk Nybegynder

09. januar 2003 - 15:57 #4

det overholder ikke XHTML.... og virker heller ikke :(

Synes godt om

knudgert Nybegynder

10. januar 2003 - 03:10 #5

Normalt vil du kunne klare det ved at sætte
img {vertical-align: bottom} eller
img {vertical-align: middle eller top}
Om du implementere det med baggrundsbillede har jeg ikke prøvet, men du ville vist også helst undgå at bruge dette.

Synes godt om

lynx-dlk Nybegynder

10. januar 2003 - 09:00 #6

jammen det hjælper ikke på at den gør cellen større...

<img> taget gør at cellen der noamtl er sat til 10x10px
bliver 10x20 pixel.... og det er det jeg ikke forstår :(

Synes godt om

pelkjaer Nybegynder

10. januar 2003 - 13:00 #7

1: Lad være med at med at skrive sådan:

<td class="ovcorner">

<img src="ovc.gif" alt="grafik" />

</td>

skriv istedte sådan:
<td class="ovcorner"><img src="ovc.gif" alt="grafik" /></td>

2: Cellen class="omidt" skal have en transparent gif. e.lign. ind.
Det lidt det samme gør sig gældende med dine hjørner. Ved så små størrelser (10x10) er det ikke anbefalelsesværdig at definere størrelse kun i css - i det hele taget forstår jeg ikke hvorfor du gør sådan. Smid dog width="10px" height="10px" på de billeder, og slet deres css-klasser.

3: Har du tomme tabel celler skal du ikke skrive således:

<td rowspan="3" class="hmidt">

</td>

skriv istedet således:

<td rowspan="3" class="hmidt"> </td>

4: Din align på din definition af img's er ikke korrekt. Nøjes med blot:

img {
border :0px;
}

(evt. padding også)

Følger du ovenstående virker din side også - har nemlig testet det.

Synes godt om

lynx-dlk Nybegynder

10. januar 2003 - 13:06 #8

pelkjear>>

det har ingen betydning hvordan du skriver cellerne...
om det står oven over hinanden, eller i en linie, er fuldstændig lige meget.

Det virker stadig ikke... men jeg har fundet yd af at løse problemet....

img{
float:left;
}

men ellers mange tak for hjælpen alle sammen :))

Synes godt om

pelkjaer Nybegynder

10. januar 2003 - 13:20 #9

Nej, det er ikke ligegyldigt - men det må du om, jeg er ligeglad.

Synes godt om

iqzero Nybegynder

10. januar 2003 - 13:56 #10

Jo det er. :)

Synes godt om

pelkjaer Nybegynder

10. januar 2003 - 14:15 #11

igzero>>hvis du ikke ved hvad du taler om, skulle du så ikke undlade at deltage?

http://peterelkjaer.dk/exp/nej_det_er_ikke.html

Synes godt om

lynx-dlk Nybegynder

10. januar 2003 - 14:18 #12

da var da grov så flabet du blev....
men det kunne da være jeg skulle sige det samme til dig så

hvis du ikke ved hvad du taler om, skulle du så ikke undlade at deltage!

Synes godt om

pelkjaer Nybegynder

10. januar 2003 - 14:20 #13

Hvis ikke du kan se at jeg har ret når vi taler billeder nede i små størrelser (kig dog på linket), ja så ved jeg sq' ikke...

Synes godt om

lynx-dlk Nybegynder

10. januar 2003 - 14:27 #14

Hmmmm OK, det virkede og her nu, men først da jeg gemte det på min egen pc....

Har du et sted hvor der står at det fungerer som et break... for det har det da aldrig gjort før....

Har aldrig set at W3 har nævn dette!

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS