Avatar billede jakoba Nybegynder
20. april 2002 - 11:13 Der er 20 kommentarer og
1 løsning

CSS grrrr!

Jeg kan ikke hitte ud af det.
siden: http://www.jakoba.dk/eksperten/exp200719.html
viser et fint søjlediagram i IE4, NS4.7 og Opera.

men i NS6 bliver der lagt en en liniehøjde luft ind imellem hvert af billederne i søjlen.

Hvis jeg kender Netscape ret er det også prøcis det der skal være ifølge CSS specifikationen. Jeg fater bare ikke hvorfor.

Jeg har prøvet:
  <style> img { display:inline } </style>  ( nul effekt )
og
  <style> imb { line-height:0px } </style>  ( virker lidt, men stadig luft imellem )
og
  ny tabel i vellen med eet billede i hver row
  dvs:  "<tr><td><img ...></td></tr>" uden blanktegn (nul effekt)

Hvorfor gør den det og hvad kan jeg gøre ved det?

mvh JakobA
Avatar billede jakoba Nybegynder
20. april 2002 - 11:21 #1
PS: hvad siger IE5, 5.5 og 6?
Avatar billede keysersoze Guru
20. april 2002 - 11:30 #2
IE 5 ser lidt sjov ud; i din firkant med den mørkeblå kant kan man se at den øverste halvdel er lyseblå og den nederste ½del orange/brun - og så'n lidt tilfældigt over det hele er der nogle mørkeblå streger...

hvad angår NS6 - hvad sker der hvis du forsøger at style dine br'er til ikke at fylde noget? fx margen eller text-størrelse = 0
Avatar billede fangel Nybegynder
20. april 2002 - 11:51 #3
hmm... virker vist fint i IE6, der er ingen streger mellem billederne, lige når den "regner" er der, men de forsvinder...

og skal der ikke stå

<style> img { line-height:0px } </style>  ( virker lidt, men stadig luft imellem )

img ikke imb

Dea_PG
Avatar billede jakoba Nybegynder
20. april 2002 - 11:51 #4
desværre.
style:
br {
    font-size:1px;
    line-height:2px;
    margin:0px solid black;
}
giver slet ingen ændring i det mellemrum NS6 laver.

Men hvis IE5 også viser søjlen galt er det nok 'rigtigt' at koden skal vises sådan :(

mvh JakobA
Avatar billede jakoba Nybegynder
20. april 2002 - 11:53 #5
Dea_PG. joda img istedetfor imb. stavefejl her.
Avatar billede fangel Nybegynder
20. april 2002 - 11:58 #6
OK, ville bare være sikker...
Avatar billede jakoba Nybegynder
20. april 2002 - 12:26 #7
Det der har virket 'bedst' indtil videre en en style i den celle hvor søjlen står:

<td rowspan=2 bgcolor='blue' width=50 style="font-size:0px;line-height:0px;">

men umiddelbart synes jeg det burde betyde at alle billederne skulle tegnes oveni hinanden.

istedet bliver de tegnet under hinanden med 2 eller 3 pixel imellem.

mvh JakobA
Avatar billede fangel Nybegynder
20. april 2002 - 12:38 #8
prøv at fjern rowspan=2 bare et forslag...
Avatar billede jakoba Nybegynder
20. april 2002 - 15:16 #9
dea_pg >> sorry, det ændrer ingenting
Avatar billede jakoba Nybegynder
20. april 2002 - 17:27 #10
i den oprindelige side havde jeg
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
og når jeg skifter til
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
virker det fint, også i NS6
http://www.jakoba.dk/eksperten/exp200719a.html

Så det må være en del af den ændring i html-standarden der er sket derimellem

Jeg lader spørgsmålet stå åbent lidt endnu i håb om at nogen kan fortæller hvordan man bør lave en sådan søjle i HTML 4.0

mvh JakobA
Avatar billede osaka_san Nybegynder
20. april 2002 - 23:52 #11
Dine doctypes virker lidt sjove, mener ikke helt at de er noget jeg har set før.

Et fif til lidt læsning kunne være denne artikel:

http://www.alistapart.com/stories/doctype/

Hvis jeg skifter den ud med en rigtig 4.01 transitional doctype med url som trigger standard mode, så får jeg luften, men hvis jeg fjerner url'en således at Netscape går i quirk så virker den fint.

Jeg kigger lige lidt videre på om jeg kan fixe den så den virker med en rigtig doctype, men umiddelbart ville jeg måske foreslå at prøve og lave den med et par stylede divs i stedet for alle de billeder?

Du kunne vel bare have 2 div's der ligger inde i en 3 med en fast højde. de to div's kunne du så skifte height på via DOM i stedet for alt det billedhaløjsa ?

Bare et forslag.

Med venlig Hilsen
Oscar Eg Gensmann
Avatar billede osaka_san Nybegynder
21. april 2002 - 01:08 #12
Har lige flikket et meget hurtigt forslag sammen, takket være noget hjælp fra en bekendt:

http://www.gensmann.com/jakoba.html

Det er kun testet i ie 6 og ns 6, så det kan sagtens opføre sig tåbeligt i de andre browsere, men det burde der kunne kompenseres for, desværre har jeg ikke lige andre browsere til at tjekke i. hvad angår ns4.x så er det fjendeland for mit vedkommende da den generation er så buggy at jeg har valgt ikke at anerkende den som brugbar browser længere :D

Håber du måske kan bruge det til noget?

Med venlig hilsen
Oscar Eg Gensmann
Avatar billede osaka_san Nybegynder
21. april 2002 - 01:09 #13
Det bør lige siges at eksemplet ovenfor ikke tjekker for max air, så denne div kan gå ud over, men det er bare et spørgsmål om at tilføje et tjek på højden i forhold til dens parent (container).

/Oscar
Avatar billede jakoba Nybegynder
23. april 2002 - 12:24 #14
osaka_san >> Undskyld den sene respons, grunden er at vi i nogen grad snakker 'forbi hinanden'

her er den løsning jeg endelig er kommet frem til hvor det (med den rrette CSS endeligt er kommet til at virke i NS6 også:
http://www.jakoba.dk/eksperten/exp200719b.html

det der manglede var en: style="white-space:nowrap;"
i den tabelcelle hvor billederne tegnes.

så nu virker grafen i NS4.7, NS6, IE4 og Opera.
Jeg er rimeligt sikker på den også virker i IE5.5 og IE6
mere usikker på IE5 da w3schools oplyser at white-space:nowrap blev indført fra IE5.5 og keyseroze jo rapporterede at den ser underlig ud i IE5.

Jeg tror der vi misforstår hinanden er at mit mål er IKKE at koden skal være korrekt HTML kode i en eller anden version. Mit mål er snarere at den skal VIRKE efter hensigten i flest mulige browsere. og med style="white-space:nowrap;"
virker den altså også efter hensigten i NS6 (og forhåbentlig nyere IE også)

Din løsning virker og det skal du have tak for, men den ville aldrig kunne komme til at virke i NS4.7 hvor height er en decideret read-only attribut. Så vurderet udfra mine mål var den ikke god nok.

Du gav mig lov at skrive ang CSS når jeg havede tænkt, og vogt dig :-), det kommer, der skal blot tænkes lidt endnu (men misforståelsen her er nok et af de centrale punkter).

PS: osaka-san, keyseroze, dea_pg: læg et svar, ellers kommer jeg til at spise points selv :-))

mvh JakobA
Avatar billede osaka_san Nybegynder
23. april 2002 - 13:05 #15
Jakoba> Jup er godt klar over at den løsning formodentlig ikke vil virke i ns 4.x og dermed ikke afhjælpe dit problem :) - Tænkte bare at du måske ville have den og kigge på. Det er så dejligt nemt når man dropper de fejlbehæftede browsere :D

Angående CSS, du skriver bare eller fanger mig på ICQ eller MSN Messenger. Så skal jeg se hvad jeg kan gøre for dig ;).

Mine point kan du få lov til at æde selv. Jeg har ikke så meget at bruge dem til herinde på eksperten, da de point jeg tjener bare ved at have en bruger indtil videre dækker mit behov fint :-)

Med Venlig Hilsen
Oscar Eg Gensmann
Avatar billede fangel Nybegynder
23. april 2002 - 13:26 #16
samme her... tag selv dine point...

Husk: "Point er roden til al ondt..." eller var det penge...

Dea_PG
Avatar billede jakoba Nybegynder
02. maj 2002 - 22:41 #17
så tar jeg dem da selv.

tak for hjælpen kan i da ihvertfald få :-)
Avatar billede keysersoze Guru
02. maj 2002 - 22:50 #18
nu har du vist fjernet siden - men det kan faktisk være at der findes en løsning...

jeg har siddet med noget lignende det samme problem i NS6 med den linie lige under et billede der er indsat i en tabel. Jeg løste problemet ved at sætte align="absbottom" på mit img-tag... måske det kan hjælpe dig?

P.S. meld lige tilbage selvom spm. nu er lukket
Avatar billede jakoba Nybegynder
02. maj 2002 - 23:25 #19
nej, siden er der da endnu.
men der kom faktisk en løsning 23/04-2002 12:24:39:
http://www.jakoba.dk/eksperten/exp200719b.html

den med absbottom tror jeg ikke rigtig på, sådan noget med align= og 'absbottom' er jo netop fy fy i de højere CSS kredse; desværre.

mvh JakobA
Avatar billede jakoba Nybegynder
02. maj 2002 - 23:27 #20
PS: kan det passe at du også misser mails for tiden?
Avatar billede keysersoze Guru
02. maj 2002 - 23:35 #21
hmm - svært at sige da jeg jo så netop ikke modtager dem :)

men jeg fik to for dine to indlæg

det er rigtigt at align og absbottom er fyfy, men ikke desto mindre har det hjulpet på mit problem :)
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

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