---

Hej alle

Jeg har lige opdaget et problem.

Jeg er ved at lave en hjemmeside hvor bridgespillere kan slå
forskellige data op.

Én af siderne skal vise med nogle søjler hvor dårlige odds er for
at doble en given kontrakt under visse forudsætninger. Jeg har
lavet skemaerne formateret med <pre>. Det er en nem og stabil
måde at lave et diagram på.

Nu har jeg så opdaget at det vælter og går helt i mos hvis man
zoomer siden i Firefox eller Opera. IE kan kun zoome op til en
størrelse hvor der ikke sker noget.

Det er ikke et problem jeg vil slås ret meget med. Skemaerne er
ikke vigtige fordi spilerfaring som regel vil være nok til at
træffe beslutning om doblinger. Men hvis der er en nem løsning,
ville det jo være meget rart.

Siderne ligger her:
http://bertel.lundhansen.dk/bridge/bridgeberegning.php?page=doblinger
og det vigtige CSS her:
http://bertel.lundhansen.dk/bridge/bridge.css
(Der ligger et andet CSS før)

--
Bertel
http://bertel.lundhansen.dk/   FIDUSO: http://fiduso.dk/

---

Bertel Lund Hansen skrev:

> Én af siderne skal vise med nogle søjler hvor dårlige odds er for
> at doble en given kontrakt under visse forudsætninger. Jeg har
> lavet skemaerne formateret med <pre>. Det er en nem og stabil
> måde at lave et diagram på.

Et alternativ er at benytte et billede, eller evt. bare en div med en
baggrundsfarve. Her kan du sætte højden direkte i pixels eller du kan
sætte højden som en procentsats af en omgivende ramme.


> Nu har jeg så opdaget at det vælter og går helt i mos hvis man
> zoomer siden i Firefox eller Opera.

Jeg kan ikke helt se problemet. Hvis man zoomer voldsomt op i Firefox
kan diagrammet ryge ud af sin ramme - men det virker ikke som et
praktisk problem i mine øjne.

NB: Du har et par små valideringsfejl i html-koden (et par glemte
</p>'er)

--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

---

Jens Gyldenkærne Clausen skrev:

>Et alternativ er at benytte et billede, eller evt. bare en div med en
>baggrundsfarve. Her kan du sætte højden direkte i pixels eller du kan
>sætte højden som en procentsats af en omgivende ramme.

Kan jeg være sikker på at bredden bliver den samme ved alle
tallene?

Og en tabel kræver en frygtelig masse tags som jeg sparer ved
denne her metode.

>NB: Du har et par små valideringsfejl i html-koden (et par glemte
></p>'er)

Det er den slags der forekommer i udviklingsfasen. Det bliver
rettet senere.

--
Bertel
http://bertel.lundhansen.dk/   FIDUSO: http://fiduso.dk/

---

Bertel Lund Hansen skrev:

> Kan jeg være sikker på at bredden bliver den samme ved alle
> tallene?

Hvis du selv definerer den, skulle der ikke være nogen problemer. Jeg
prøver lige at bikse et eksempel sammen.

--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

---

Jens Gyldenkærne Clausen skrev:

> Hvis du selv definerer den, skulle der ikke være nogen problemer. Jeg
> prøver lige at bikse et eksempel sammen.

Det er oppe her: <http://www.gyros.dk/usenet/asp/diagram.asp>. Jeg har
brugt et billede på 1x1 pixel. Løsningen er lavet uden tabeller, men det
giver problemer hvis man vil have etiketter på grafen. Hvis jeg skulle
lave en rigtig løsning, ville jeg nok bruge en tabel for at skabe
sammenhæng mellem etiket og værdi.

Med serversidekode - php, asp eller lignende - kan man ret let generere
den kode der skal til for at lave en pæn graf. Spørg evt. i phpgruppen.

--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

---

Jens Gyldenkærne Clausen skrev:

>Det er oppe her: <http://www.gyros.dk/usenet/asp/diagram.asp>.

Tusind tak, det er meget fint.

--
Bertel
http://bertel.lundhansen.dk/   FIDUSO: http://fiduso.dk/

---

Bertel Lund Hansen wrote:

> Nu har jeg så opdaget at det vælter og går helt i mos hvis man
> zoomer siden i Firefox eller Opera. IE kan kun zoome op til en
> størrelse hvor der ikke sker noget.

Jeg oplever det sådan, at siden ser underlig ud, indtil jeg zoomer et par
trin ud - og min browser er da ikke sat op til default at bruge en voldsomt
stor font (12px så vidt jeg husker).

Hvorfor lægger du det ikke bare ind i en tabel. Det ville være oplagt at
betragte de enkelte søjlediagrammer som data, der hører hjemme i en
tabelcelle.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://ginnerskov.dk
http://html-faq.dk/

---

Erik Ginnerskov skrev:

>Hvorfor lægger du det ikke bare ind i en tabel.

Fordi jeg ikke er sikker på at felterne vil få samme bredde (0 er
bredere end 1), og fordi det vil kræve et hav af tags.

>Det ville være oplagt at betragte de enkelte søjlediagrammer som data,
>der hører hjemme i en tabelcelle.

Ja, logikken er god nok.

--
Bertel
http://bertel.lundhansen.dk/   FIDUSO: http://fiduso.dk/

---

"Bertel Lund Hansen" <nospamfilius@lundhansen.dk> skrev i en meddelelse
news:1an9d11t7c46e4qc5ih6epp459nqrfo91n@news.stofanet.dk...
> Erik Ginnerskov skrev:
>
>>Hvorfor lægger du det ikke bare ind i en tabel.
>
> Fordi jeg ikke er sikker på at felterne vil få samme bredde (0 er
> bredere end 1), og fordi det vil kræve et hav af tags.
Kan det ikke fixes med css? td {width: ??px;}

--
Christoffer

---

Bertel Lund Hansen wrote:
>> Hvorfor lægger du det ikke bare ind i en tabel.
>
> Fordi jeg ikke er sikker på at felterne vil få samme bredde (0 er
> bredere end 1),

Hvis du definerer tabellens indhold til at blive vist med en monospace-font
(eks. courier), skulle du være ude over det problem.

> og fordi det vil kræve et hav af tags.

Er det så galt, at det ikke kan opvejes af, at du får styr på
søjlediagrammernes placering på siden?

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://ginnerskov.dk
http://html-faq.dk/

---

Erik Ginnerskov skrev:

>> og fordi det vil kræve et hav af tags.

>Er det så galt

Nej, jeg havde en model i tankerne hvor hvert X i min
monooversigt skulle erstattes af et tabelfelt - og det er jo helt
forkert.

Jens Gyldenkærne Clausen viste mig en model, og den er nu
implementeret, og resultatet kan ses her:
http://bertel.lundhansen.dk/bridge/bridgeberegning.php?page=doblinger

NB!
Disse beregningssider er ikke finpudsede, så jeg har ikke brug
for tips om fejl og design (endnu).

--
Bertel
http://bertel.lundhansen.dk/   FIDUSO: http://fiduso.dk/

---

Bertel Lund Hansen skrev:

> http://bertel.lundhansen.dk/bridge/bridgeberegning.php?page=doblinger

> Disse beregningssider er ikke finpudsede, så jeg har ikke brug
> for tips om fejl og design (endnu).

Du får nu et alligevel - da det er centralt i forhold til den måde du
har implementeret grafen på. Du blander html og css i din højdeangivelse
på billedet når du skriver "height='14px'". I html-parameteren height
(og tilsvarende med width) må man ikke skrive "px" efter tallet - det er
implicit. Der er kun to mulige enheder i - pixels (der angives som tal
uden enhed) og procent (der angives med %).

I css vil den samme tildeling se sådan ud: style="height: 14px" - og her
er angivelse af enheden obligatorisk.

--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

---

Jens Gyldenkærne Clausen skrev:

>> Disse beregningssider er ikke finpudsede, så jeg har ikke brug
>> for tips om fejl og design (endnu).

>Du får nu et alligevel -

Alle kommentarer bliver naturligvis læst og overvejet.

Jeg har i øvrigt fundet ud af at man kan fastlægge den maksimale
højde uden et billede. Det følgende virker:

<img src='' width='1' height='100%' alt='' class='full' />

Er det en fejl at skrive sådan?

Jeg kan også lave tomme søjler (0-værdier) i Opera og Firefox på
samme måde, men der vil IE vise grafikkens udstrækning alligevel.
Jeg brugte ikke parameteren "hidden" fordi pladsen jo skal fyldes
ud og title skal virke.

>har implementeret grafen på. Du blander html og css i din højdeangivelse
>på billedet når du skriver "height='14px'".

Ja, det er rettet nu.

--
Bertel
http://bertel.lundhansen.dk/   FIDUSO: http://fiduso.dk/

---

Bertel Lund Hansen skrev:

> <img src='' width='1' height='100%' alt='' class='full' />

> Er det en fejl at skrive sådan?

Det vil jeg mene. Ovenstående vil resultere i et "broken image" på
siden.

> Jeg kan også lave tomme søjler (0-værdier) i Opera og Firefox på
> samme måde, men der vil IE vise grafikkens udstrækning alligevel.

Jeg ville nok lade en 0-værdi vises som 1 - så man havde kan se selve
søjlen som en tynd streg over grundlinjen. Det er selvfølgelig en
unøjagtighed, og den vil være problematisk hvis man har værdier der er
tæt ved 0 uden at være det, men jeg ville nok stadig foretrække den. Et
alternativ er at lægge 1px til alle værdier, så forskellen mellem 0 og 1
bevares.

--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

---

Jens Gyldenkærne Clausen skrev:

>> <img src='' width='1' height='100%' alt='' class='full' />

>> Er det en fejl at skrive sådan?

>Det vil jeg mene. Ovenstående vil resultere i et "broken image" på
>siden.

Glemmer du at klassen 'full' er hidden? Ingen af de tre store
browsere viser nogen fejl, og http://validator.w3.org/check#
siger at det er okay.

>Jeg ville nok lade en 0-værdi vises som 1 - så man havde kan se selve
>søjlen som en tynd streg over grundlinjen.

Det kan der være noget om. Det er ikke sikkert at man vil bemærke
et tomt felt. Imidlertid udnyttede jeg usynligheden til at lave
feltet stort så det var nemt at få title frem. Det bliver jo
svært med en pixelstreg som vil være svær at ramme med musen.

--
Bertel
http://bertel.lundhansen.dk/   FIDUSO: http://fiduso.dk/

---

Bertel Lund Hansen skrev:

>>Det vil jeg mene. Ovenstående vil resultere i et "broken image" på
>>siden.
>
> Glemmer du at klassen 'full' er hidden?

Nej. Det at billedet er skjult betyder kun at fejlen ikke vises på
skærmen - men det er stadig en fejl.

Et tjek med LiveHTTPheaders viser at der kommer et ekstra request på din
hovedside; når browseren forsøger at hente den som et billede.

> Ingen af de tre store browsere viser nogen fejl,

Det skyldes formentlig alt="" (og evt. klassen full)


> og http://validator.w3.org/check# siger at det er okay.

Validatoren tjekker kun for syntaksfejl - du har angivet parameteren
src, så derfor er validatoren tilfreds.
Hvis jeg beder Web Developer-udvidelsen om at se efter broken images får
jeg 12 gange det samme "billede" - med adressen
<http://bertel.lundhansen.dk/bridge/bridgeberegning.php?page=doblinger>.

--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

---

Jens Gyldenkærne Clausen skrev:

>Nej. Det at billedet er skjult betyder kun at fejlen ikke vises på
>skærmen - men det er stadig en fejl.

Okay, jeg retter det.

--
Bertel
http://bertel.lundhansen.dk/   FIDUSO: http://fiduso.dk/

---

Bertel Lund Hansen wrote:
> Én af siderne skal vise med nogle søjler hvor dårlige odds er for
> at doble en given kontrakt under visse forudsætninger. Jeg har
> lavet skemaerne formateret med <pre>. Det er en nem og stabil
> måde at lave et diagram på.
>

Du kan se her hvordan jeg har lavet nogle vandrette søjlediagrammer.
http://www.hardinfo.dk/show.asp?page=3332

Det er lavet i en tabel som visuelt er blevet stylet med CSS.

En typisk vandret søjle ser således ud:
<tr>
<th>ATI Radeon 9800 Pro 128MB</th>
<td>
<div class="special" style="WIDTH: 95%">
17304
</div>
</td>
</tr>

Håber at det er noget du kan bruge.

--
Martin Hintzmann Andersen
http://www.hintzmann.dk/

---

Martin Hintzmann Andersen skrev:

>Du kan se her hvordan jeg har lavet nogle vandrette søjlediagrammer.
>http://www.hardinfo.dk/show.asp?page=3332

>Det er lavet i en tabel som visuelt er blevet stylet med CSS.

Ganske smart. Det skal jeg huske.

--
Bertel
http://bertel.lundhansen.dk/   FIDUSO: http://fiduso.dk/