Avatar billede limemedia Nybegynder
27. december 2003 - 15:46 Der er 24 kommentarer og
1 løsning

Tabel problem ved XHTML 1.1

Leger med en side, der er XHTML 1.1 complient. Efter jeg opnåede 1.1 compliency, opstod der et problem i Moz hvor når jeg kører musen over min menu effekt (kreeret med simpel onmouseover/onmouseout manipulering af stylesheetet), er der en bjælke under menupunktet.

Jeg kan ikke rigtig se hvorfor det er, denne ekstra "spacer" er kommet. Jeg har prøvet via CSS at definere padding/margin osv på tabellen samt selve cellen, uden held.

Det vælter ikke min verden ikke at være 1.1 complient, men er interesseret i baggrunden for, hvorfor det opstår.

URL : http://test.devarea.dk/ecotrek/
W3C : http://validator.w3.org/check?uri=http%3A%2F%2Ftest.devarea.dk%2Fecotrek%2F

/ LJ
PS. Tag jeg ikke af design m.v. - er en prototype uden for meget funktionalitet.
Avatar billede hoejrup Nybegynder
27. december 2003 - 15:54 #1
Hvis du vil anvende xhtml 1.1, så skal du bygge dine tabeller op med div og css.

<div id="demo">tabel</div>

css 2:

#demo {
    position: absolute;
    top: 0px;
    right: 10px;
    width: 125px;
    height: 200px;
    background-color: #00FF00;
}

/per
Avatar billede limemedia Nybegynder
27. december 2003 - 16:00 #2
hvis du kaster et blik på siden, vil du se at fremgangsmåden er anvendt allerede... jeg tæller ca 7 layers, samt en complient side.

problemet ligger i de ~5px sort streg der er synlig i Mozilla 1.5 på WinXP (eneste platform jeg har set problemet på, har ikke testet andre Moz versioner)
Avatar billede hoejrup Nybegynder
27. december 2003 - 16:02 #3
Hvis jeg kigger på sourcen, så står der bla.

    <table width="180" border="0" cellspacing="0" cellpadding="0">

/per
Avatar billede limemedia Nybegynder
27. december 2003 - 16:07 #4
således du mener, at jeg ikke kan have en tabel i et layer ? jeg kan ikke ved mine fulde fem forestille mig, at man har deprecated table og jeg kan validere. Gad godt se fx matematiske opstillinger i tabeller udelukkende med layers.
Avatar billede limemedia Nybegynder
27. december 2003 - 16:09 #5
Avatar billede bjoarn Nybegynder
27. december 2003 - 16:14 #6
prøv:
- height eller/og line-height på td'en
- vertical-align på billedet

jeg prøvede at downloade din side, for at teste, men det ikke muligt uden også at ha grafikken. Men prøv at eksperimenter med det ovenstående
Avatar billede bjoarn Nybegynder
27. december 2003 - 16:16 #7
eller prøv at sætte
#content img{margin: 0; padding: 0; border: 0;}
Avatar billede bjoarn Nybegynder
27. december 2003 - 16:17 #8
Derudover så er det lidt svært at forstå hvorfor baggrundsfarven skal skifte bag et billede?
Avatar billede hoejrup Nybegynder
27. december 2003 - 16:17 #9
Har du forstand på MathML?

Link: http://www.w3.org/TR/MathML2/

/per
Avatar billede bjoarn Nybegynder
27. december 2003 - 16:19 #10
<?xml version="1.0" encoding="iso-8859-1" ?>
gør at internet explorer går i quirks-mode.
Hvis du fjerner den vil den følge standarderne bedre, og det bliver nemmere at få mozilla og IE til at opføre sig ens...
Avatar billede bjoarn Nybegynder
27. december 2003 - 16:22 #11
table er ikke deprecated...
det anbefales bare at bruge semantisk koding.
dvs. at en paragraf skal i et <p>, et matematisk tabel i <table> og en overskrift i <h1>
Hvis man skruturere sin side efter det vil den være bedre forud- og bagudkompetibel... bla. med mobiltelefoner der ikke forstår css
Avatar billede limemedia Nybegynder
27. december 2003 - 16:26 #12
bjoarn >>
#content img{margin: 0; padding: 0; border: 0;}
giver ingen ændring height på td ej heller men line-height og *bingo*

men ! :) det store spørgsmål er så, hvorfor hulan det har en betydning ? jeg har i min tabel celle, netop ingen mellemrum eller andet, der bør kunne tilsnige sig et tegn på siden.

hoejrup >>
egentlig ikke, men er heller ikke så relevant her. det er ikke så religiøst et spørgsmål det her, så overbevisninger behøves vi ikke diskutere lige nu :D
Avatar billede bjoarn Nybegynder
27. december 2003 - 16:36 #13
img er jo et inline element og til vis grad underlagt tekst properties som line-height
Avatar billede limemedia Nybegynder
27. december 2003 - 16:37 #14
billedet er 22px højt, line-height pr. default bør da være mindre end som så...
Avatar billede limemedia Nybegynder
27. december 2003 - 16:39 #15
line-height på 12 eller derunder, så virker det... 13 eller over, så er der border...
Avatar billede bjoarn Nybegynder
27. december 2003 - 16:41 #16
ja det er lidt underligt...
du har hverken defineret font-size eller line-height nogen steder, så det burde være browserens default...??
Jeg har på fornemmelsen at det på en eller anden både har noget med vertical-align...
Billedet ligger sig default på baseline... med teksten skal jo ha plads til at gå ned under baseline...??
Avatar billede bjoarn Nybegynder
27. december 2003 - 16:44 #17
har du prøvet at sætte billedernes vertical-align til bottom eller text-bottom?
Avatar billede limemedia Nybegynder
27. december 2003 - 16:47 #18
#content img {
    vertical-align: bottom;
}

afhjælper også problemet... og er ikke et så grimt hack som line-height
Avatar billede bjoarn Nybegynder
27. december 2003 - 16:48 #19
det er ikke et hack... :-)
det er IE som ignorer standarden og placere img bottom...
Avatar billede bjoarn Nybegynder
27. december 2003 - 16:50 #20
prøv at fjern xml-deklarationen og se om ikke IE begynder at opfører sig som mozilla...
som jeg sagde tidligere så kan IE ikke forstå xml-deklarationen og sætter IE i quirks-mode modsat standard-mode... :-)
Avatar billede limemedia Nybegynder
27. december 2003 - 16:52 #21
skulle være fjernet
Avatar billede erikjacobsen Ekspert
27. december 2003 - 18:04 #22
ser pænt ud nu i Mozilla 1.3 linux  ;)
Avatar billede limemedia Nybegynder
27. december 2003 - 18:10 #23
halløj erik-san :)

har netop udkommenteret tabellen, da jeg leger med designet... er ikke "inspireret" - eller måske fordi klokken er relativt mange
Avatar billede bjoarn Nybegynder
28. december 2003 - 12:07 #24
hey ljweb...
er det ikke på tide, at lukke dette spørsmål?
jeg ligger lige et svar, hvis du synes du kunne bruge min hjælp.
ellers læg selv et svar og luk spørgsmålet
Avatar billede limemedia Nybegynder
28. december 2003 - 12:20 #25
bjoarn >> tak for hjælpen :)
Avatar billede 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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

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