/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
tabelramme og størrelse
Fra : John Lund Steffensen


Dato : 01-06-09 10:02

Jeg øver mig udi det mystiske HTML sprog, og øver mig pt. på det
med tabeller.

Jeg har lagt en lille tabel ind på min side www.johnsteffensen.dk
Som det ses (IE8) så er rammen omkring "spidse" en anelse højere
end de to rammer ved siden af.
Er der noget at gøre ved det, eller er det en "browser relateret
fejl"?
Med venlig hilsen, John Steffensen

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
Jørgen Farum Jensen (01-06-2009)
Kommentar
Fra : Jørgen Farum Jensen


Dato : 01-06-09 10:34

John Lund Steffensen skrev:
> Jeg øver mig udi det mystiske HTML sprog, og øver mig pt. på det
> med tabeller.
>
> Jeg har lagt en lille tabel ind på min side www.johnsteffensen.dk
> Som det ses (IE8) så er rammen omkring "spidse" en anelse højere
> end de to rammer ved siden af.
> Er der noget at gøre ved det, eller er det en "browser relateret
> fejl"?

Prøv at variere lidt på størrelsen af
border-attributten til table-markøren. Så
vil du opdage at det er en meget upålidelig
størrelse, som yderligere fortolkes forskelligt
i IE i forhold til andre browsere. Det er
antagelig bedre at bruge attributterne frame
og rules.

Ved tabelkonstruktion er der jo andet at
tage hensyn til end rammekanterne mellem
tabellens celler, først og fremmest
afstanden mellem cellerne (HTML: cellspacing,
CSS: border-spacing) og afstanden mellem
tabelcellens indhold og tabelcellens indre
rammekant (HTML: cellpadding, CSS:padding;)

--

Med venlig hilsen
Jørgen Farum Jensen
Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets: http://webdesign101.dk/cssbog/
..

John Lund Steffensen (01-06-2009)
Kommentar
Fra : John Lund Steffensen


Dato : 01-06-09 13:21

Jørgen Farum Jensen wrote in dk.edb.internet.webdesign.html:
> John Lund Steffensen skrev:
> > Jeg øver mig udi det mystiske HTML sprog, og øver mig pt. på det
> > med tabeller.
> >
> > Jeg har lagt en lille tabel ind på min side www.johnsteffensen.dk
> > Som det ses (IE8) så er rammen omkring "spidse" en anelse højere
> > end de to rammer ved siden af.
> > Er der noget at gøre ved det, eller er det en "browser relateret
> > fejl"?
>
> Prøv at variere lidt på størrelsen af
> border-attributten til table-markøren. Så
> vil du opdage at det er en meget upålidelig
> størrelse, som yderligere fortolkes forskelligt
> i IE i forhold til andre browsere. Det er
> antagelig bedre at bruge attributterne frame
> og rules.
>
> Ved tabelkonstruktion er der jo andet at
> tage hensyn til end rammekanterne mellem
> tabellens celler, først og fremmest
> afstanden mellem cellerne (HTML: cellspacing,
> CSS: border-spacing) og afstanden mellem
> tabelcellens indhold og tabelcellens indre
> rammekant (HTML: cellpadding, CSS:padding;)
>
> --
>
> Med venlig hilsen
> Jørgen Farum Jensen
> Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
> Webdesign med stylesheets: http://webdesign101.dk/cssbog/
> ..
Hej Jørgen.
Mange tak for din ulejlighed med at svare mig.
Imidlertid løste det ikke mit lille "tabelproblem".
Ikke umiddelbart.
Der er sikkert mange ting at holde rede på, ja.
Jeg har forsøgt at bruge de vejledninger jeg har til rådighed der
hvor jeg læser om tingene, og får vejledninger om de forskellige
ting.
Men måske er det bare min opsætning, der er forkert.
Jeg må bøvle videre i HTML universet.
Desværre finder jeg, at mange af de vejledninger jeg kan finde her på
nettet enten er er forældede eller vanskeligt tilgængelige.
Enten er der vejledninger, der giver "alarm" når jeg validerer, fordi
jeg anvender forældede ord der sandelig er brugt i vejledningerne,
eller osse er vejledningerne "alt for langhårede" for en Newbie som
mig.
Men jeg bøvler videre.
Venlig hilsen, John Steffensen

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Erik Olsen (01-06-2009)
Kommentar
Fra : Erik Olsen


Dato : 01-06-09 10:52

John Lund Steffensen wrote:
> Jeg øver mig udi det mystiske HTML sprog, og øver mig pt. på det
> med tabeller.
>
> Jeg har lagt en lille tabel ind på min side www.johnsteffensen.dk
> Som det ses (IE8) så er rammen omkring "spidse" en anelse højere
> end de to rammer ved siden af.
> Er der noget at gøre ved det, eller er det en "browser relateret
> fejl"?

Det ser ud til at du har en ekstra tom celle i de tre kolonner til højre
og dermed dermed tilsyneladende større rammebredde.

Det skyldes måske at din tabel er opbygget forkert, bl. a. har du:

<tr>
<td rowspan="3" valign="top">Spidse</td>
</tr>

hvor pågældende celle kun burde spænde over 2 rækker.

--
Venlig hilsen/Best regards
Erik Olsen
http://www.modelbaneteknik.dk/


John Lund Steffensen (01-06-2009)
Kommentar
Fra : John Lund Steffensen


Dato : 01-06-09 12:45

Erik Olsen wrote in dk.edb.internet.webdesign.html:
> John Lund Steffensen wrote:
> > Jeg øver mig udi det mystiske HTML sprog, og øver mig pt. på det
> > med tabeller.
> >
> > Jeg har lagt en lille tabel ind på min side www.johnsteffensen.dk
> > Som det ses (IE8) så er rammen omkring "spidse" en anelse højere
> > end de to rammer ved siden af.
> > Er der noget at gøre ved det, eller er det en "browser relateret
> > fejl"?
>
> Det ser ud til at du har en ekstra tom celle i de tre kolonner til højre
> og dermed dermed tilsyneladende større rammebredde.
>
> Det skyldes måske at din tabel er opbygget forkert, bl. a. har du:
>
> <tr>
> <td rowspan="3" valign="top">Spidse</td>
> </tr>
>
> hvor pågældende celle kun burde spænde over 2 rækker.
>
> --
> Venlig hilsen/Best regards
> Erik Olsen
> http://www.modelbaneteknik.dk/
>
Hej Erik.
Mange tak for dit svar og din ulejlighed med at hjælpe mig.
Jeg prøvede at ændre rowspan="3" til rowspan="2", men så flytter tallene
bare kolonne til venste.
Det er sikkert min tabel, der er opbygget forkert, ja.
Jeg må bøvle videre og se at finde en løsning,- so oder so.
Venlig hilsen, John Steffensen.

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Erik Olsen (01-06-2009)
Kommentar
Fra : Erik Olsen


Dato : 01-06-09 13:11

John Lund Steffensen wrote:
> Erik Olsen wrote in dk.edb.internet.webdesign.html:
>> John Lund Steffensen wrote:
>>> Jeg øver mig udi det mystiske HTML sprog, og øver mig pt. på det
>>> med tabeller.
>>>
>>> Jeg har lagt en lille tabel ind på min side www.johnsteffensen.dk
>>> Som det ses (IE8) så er rammen omkring "spidse" en anelse højere
>>> end de to rammer ved siden af.
>>> Er der noget at gøre ved det, eller er det en "browser relateret
>>> fejl"?
>>
>> Det ser ud til at du har en ekstra tom celle i de tre kolonner til
>> højre og dermed dermed tilsyneladende større rammebredde.
>>
>> Det skyldes måske at din tabel er opbygget forkert, bl. a. har du:
>>
>> <tr>
>> <td rowspan="3" valign="top">Spidse</td>
>> </tr>
>>
>> hvor pågældende celle kun burde spænde over 2 rækker.
>>
> Jeg prøvede at ændre rowspan="3" til rowspan="2", men så flytter
> tallene bare kolonne til venste.
> Det er sikkert min tabel, der er opbygget forkert, ja.

Især rowspan kan være tricky, colspan er nemmere at overskue.

Hvis udgangspunktet er en tabel med 4 kolonner og 3 rækker:

<table border="1">
<tr>
<td>a</td>
<td>a</td>
<td>a</td>
<td>a</td>
</tr>
<tr>
<td>b</td>
<td>b</td>
<td>b</td>
<td>b</td>
</tr>
<tr>
<td>c</td>
<td>c</td>
<td>c</td>
<td>c</td>
</tr>
</table>

Første række første celle ændres til colspan="4" og de resterende celler
i første række slettes:

<table border="1">
<tr>
<td colspan="4">a</td>
</tr>
<tr>
<td>b</td>
<td>b</td>
<td>b</td>
<td>b</td>
</tr>
<tr>
<td>c</td>
<td>c</td>
<td>c</td>
<td>c</td>
</tr>
</table>

Anden række første celle skal nu ændres til rowspan="2":

<table border="1">
<tr>
<td colspan="4">a</td>
</tr>
<tr>
<td rowspan="2">b</td>
<td>b</td>
<td>b</td>
<td>b</td>
</tr>
<tr>
<td>c</td>
<td>c</td>
<td>c</td>
<td>c</td>
</tr>
</table>

Men det er ikke nok, for cellen i anden række fylder jo også i tredje
række, så i tredje række må fjernes en celle:

<table border="1">
<tr>
<td colspan="4">a</td>
</tr>
<tr>
<td rowspan="2">b</td>
<td>b</td>
<td>b</td>
<td>b</td>
</tr>
<tr>
<td>c</td>
<td>c</td>
<td>c</td>
</tr>
</table>

--
Venlig hilsen/Best regards
Erik Olsen
http://www.modelbaneteknik.dk/


John Lund Steffensen (01-06-2009)
Kommentar
Fra : John Lund Steffensen


Dato : 01-06-09 13:55

Erik Olsen wrote in dk.edb.internet.webdesign.html:
> John Lund Steffensen wrote:
> > Erik Olsen wrote in dk.edb.internet.webdesign.html:
> >> John Lund Steffensen wrote:
> >>> Jeg øver mig udi det mystiske HTML sprog, og øver mig pt. på det
> >>> med tabeller.
> >>>
> >>> Jeg har lagt en lille tabel ind på min side www.johnsteffensen.dk
> >>> Som det ses (IE8) så er rammen omkring "spidse" en anelse højere
> >>> end de to rammer ved siden af.
> >>> Er der noget at gøre ved det, eller er det en "browser relateret
> >>> fejl"?
> >>
> >> Det ser ud til at du har en ekstra tom celle i de tre kolonner til
> >> højre og dermed dermed tilsyneladende større rammebredde.
> >>
> >> Det skyldes måske at din tabel er opbygget forkert, bl. a. har du:
> >>
> >> <tr>
> >> <td rowspan="3" valign="top">Spidse</td>
> >> </tr>
> >>
> >> hvor pågældende celle kun burde spænde over 2 rækker.
> >>
> > Jeg prøvede at ændre rowspan="3" til rowspan="2", men så flytter
> > tallene bare kolonne til venste.
> > Det er sikkert min tabel, der er opbygget forkert, ja.
>
> Især rowspan kan være tricky, colspan er nemmere at overskue.
>
> Hvis udgangspunktet er en tabel med 4 kolonner og 3 rækker:
>
> <table border="1">
> <tr>
> <td>a</td>
> <td>a</td>
> <td>a</td>
> <td>a</td>
> </tr>
> <tr>
> <td>b</td>
> <td>b</td>
> <td>b</td>
> <td>b</td>
> </tr>
> <tr>
> <td>c</td>
> <td>c</td>
> <td>c</td>
> <td>c</td>
> </tr>
> </table>
>
> Første række første celle ændres til colspan="4" og de resterende celler
> i første række slettes:
>
> <table border="1">
> <tr>
> <td colspan="4">a</td>
> </tr>
> <tr>
> <td>b</td>
> <td>b</td>
> <td>b</td>
> <td>b</td>
> </tr>
> <tr>
> <td>c</td>
> <td>c</td>
> <td>c</td>
> <td>c</td>
> </tr>
> </table>
>
> Anden række første celle skal nu ændres til rowspan="2":
>
> <table border="1">
> <tr>
> <td colspan="4">a</td>
> </tr>
> <tr>
> <td rowspan="2">b</td>
> <td>b</td>
> <td>b</td>
> <td>b</td>
> </tr>
> <tr>
> <td>c</td>
> <td>c</td>
> <td>c</td>
> <td>c</td>
> </tr>
> </table>
>
> Men det er ikke nok, for cellen i anden række fylder jo også i tredje
> række, så i tredje række må fjernes en celle:
>
> <table border="1">
> <tr>
> <td colspan="4">a</td>
> </tr>
> <tr>
> <td rowspan="2">b</td>
> <td>b</td>
> <td>b</td>
> <td>b</td>
> </tr>
> <tr>
> <td>c</td>
> <td>c</td>
> <td>c</td>
> </tr>
> </table>
>
> --
> Venlig hilsen/Best regards
> Erik Olsen
> http://www.modelbaneteknik.dk/
>
Hej Erik.
Mange tak for din hjælp og din udførlige "step by step" vejledning.
Fantastisk!
Den var til at forstå, og nu er min lille forsøgstabel helt som den skal
være.
Jeg skylder dig en stor tak for din vejledning og hjælp.
Venlig hilsen, John Steffensen

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Erik Olsen (01-06-2009)
Kommentar
Fra : Erik Olsen


Dato : 01-06-09 14:00

John Lund Steffensen wrote:

> Den var til at forstå, og nu er min lille forsøgstabel helt som den
> skal være.
> Jeg skylder dig en stor tak for din vejledning og hjælp.

Det var en fornøjelse at kunne hjælpe.

--
Venlig hilsen/Best regards
Erik Olsen
http://www.modelbaneteknik.dk/


Søg
Reklame
Statistik
Spørgsmål : 177558
Tips : 31968
Nyheder : 719565
Indlæg : 6408921
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste