CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

dj_ricko Nybegynder

25. oktober 2008 - 00:22 Der er 16 kommentarer og
1 løsning

Fejl i design

Jeg har et problem med nogle streger der kommer gennem mit design,
i både firefox og ie7... Er næsten sikker på det er tabellerne.

Siden jeg har problemmer er:
http://billys.dk

Synes godt om

jonesw Nybegynder

25. oktober 2008 - 00:33 #1

Hvilke streger er det at du hentyder til?
Det er dem som går hen over damen og så nede i bunden?

Synes godt om

dj_ricko Nybegynder

25. oktober 2008 - 00:57 #2

Ja de orange streger hvor man kan
se body bgcolor'en igennem tabellen,
hvorfor bliver cellerne for høje?

De skal bare beholde samme højde som billederne inde i dem.

Synes godt om

olebole Juniormester

25. oktober 2008 - 01:02 #3

<ole>

Alt, hvad du har af billeder og links i td'er, skal have sluttagget helt op i r*ven:

<td>
<img src="images/index_01.png" alt="">
</td>

- skal være:

<td>
<img src="images/index_01.png" alt=""></td>

Hvorfor bruger du en tom alt-tekst? Det giver vist ikke så meget mening =)

/mvh
</bole>

Synes godt om

olebole Juniormester

25. oktober 2008 - 01:03 #4

Har du forøvrigt prøvet at tjekke, hvormange bytes brugeren skal downloade for at se billederne? Siden virker ret tung - og det er nok grafikkens skyld ;o)

Synes godt om

dj_ricko Nybegynder

25. oktober 2008 - 17:23 #5

Det hjælper intet at ændre det, står sådan her nu:

<td><img src="images/index_01.png"></td>

Synes godt om

dj_ricko Nybegynder

25. oktober 2008 - 17:26 #6

Og hvad angår den tomme alt tekst, så er det fordi jeg har lavet det ud fra den tabel som photoshop laver i html, og har ikke gider slette dem før nu.

Synes godt om

olebole Juniormester

25. oktober 2008 - 17:27 #7

Du husker vel at teste i forskellige browsere? I IE forsvandt stregerne i hvertfald. Jeg har ikke kikket i din CSS-fil, men du har vist også stadig fejl at rette i markup'e. Disse mål holder jo i hvertfald ikke:

<td rowspan="4" style="background-image: url('images/index_11.png'); width: 50%;"></td>
<td><img src="images/index_01.png"></td>
<td rowspan="4" style="background-image: url('images/index_11.png'); width: 20px;"></td>
<td rowspan="4" style="background-image: url('images/index_11.png'); width: 50%;"></td>

- det bliver jo mere end 100% ... og det dur ikke =)

Synes godt om

olebole Juniormester

25. oktober 2008 - 17:29 #8

- og nu har du jo slettet dine alt-attributter. Det giver ligeså lidt mening som de tomme gjorde. Det er en nødvendig attribut, og den eksisterer ikke kun for sjov:
http://www.w3.org/TR/html401/struct/objects.html#adef-alt

Synes godt om

dj_ricko Nybegynder

25. oktober 2008 - 18:01 #9

Det er fixet i IE7 nu, men problemmet er der stadig i firefox.

Synes godt om

olebole Juniormester

25. oktober 2008 - 18:24 #10

Dengang i midten af 90'erne, hvor man brugte tabeller til layout, brugte man ofte at sætte borders på alle tabeller. Så får man mulighed for at se, hvor det er, man laver fejl/uhensigtsmæssigheder ... prøv det.

Når jeg gør det ved at paste dette ind i adressebaren:
java script:d=document;a=d.getElementsByTagName("table");for(i=0;i<a.length;i++){a[i].border=1};void(0)

- og trykke 'Return', ser det ud, somom det måske kunne gavne at sætte nogle passende højder hist og her.

Derudover ville jeg anbefale dig at bruge langt mindre grafik - og udnytte de forskellige 'repeat' values på baggrundsbilleder. Jeg ville også vælge noget andet end tabeller til at layout'e med =)

Synes godt om

zips Juniormester

25. oktober 2008 - 19:01 #11

Hvis du sætter denne DTD på istedet for strict virker det, det er dog kun testet i IE6 og FF3.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Synes godt om

zips Juniormester

25. oktober 2008 - 22:18 #12

I strict mode kan du sætte nedenstånde ind, som også ser ud til at virke, igen kun testet i IE6 og FF3

td img { display: block; }

Synes godt om

zips Juniormester

25. oktober 2008 - 23:09 #13

På dette link er en forklaring på hvorfor der er den afstand under dine billeder i Firefox

https://developer.mozilla.org/en/Images,_Tables,_and_Mysterious_Gaps

Synes godt om

dj_ricko Nybegynder

26. oktober 2008 - 05:43 #14

Transitional virker heller ikke, men det sidste link fra zips var det der skulle til.
Billeder er åbenbart "inline" elementer, hvilket de ikke var i gamle dage.

Da i begge har hjulpet, så smid et svar begge to, så kan i dele pointene.

Synes godt om

olebole Juniormester

26. oktober 2008 - 11:20 #15

Billeder har alle dage været inline elementer, men Netscape (som var Mozillas forgænger) har haft den bug siden de indførte CSS i version 6.0.

Problemet har været, at Mozilla har hængt sig meget firkantet i et lille, inkonsistent hjørne af CSS-rekommandationen - hvor andre leverandører har været mere realistiske og indset det uhensigtsmæssige i at levere browsere, der lever op til en teoretisk virkelighed. Alle andre har været klar over, det var en åbenlys uhensigtsmæssighed/fejl i standarden og 'bukket' denne derefter. Lidt pudsigt, da Mozilla browserne jo indeholder langt værre fejl og 'bukninger' af standarderne - med langt alvorligere følger.

For nogle år siden løb man konstant ind i netop dette spøgsmål på Eksperten, men det sker stortset aldrig mere. Faktisk troede jeg, den forlængst var rettet, men det er åbenbart ikke tilfældet. At man ikke ser den slags spørgsmål længere, skyldes nok, at den gamle uvane med at bruge tabeller som layout-værktøj er ved at være udryddet =)

Synes godt om

zips Juniormester

26. oktober 2008 - 19:37 #16

Her er et svar :)

Synes godt om

zips Juniormester

21. november 2008 - 00:35 #17

Tak for point :)

>> ole bole du mangler at svare så jeg fik det hele, sig lige til, så oprette jeg et spørgelsmål med point til dig :)

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
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51
Link fra form input Af jnrmgs i HTML	9	19/09/202319:10	23/09/202313:11
includere i HTML Af slein55 i HTML	3	15/09/202313:47	16/09/202309:40

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