---

Hey kloge hoveder :)
Jeg er ved at lave hjemmesiden www.mondadori.com.br men har lidt
problemer med at faa det til at se ens ud i IE6-7 og FF.
Problemet kan ses her:
http://www.mondadori.com.br/cartoes/cartoes.html

Jeg vil gerne have hovedmenuen ("Cartoes") og undermenuerne
("Foto cor, Foto p/b etc.") til at vaere paa linie. Det goer de
fint i IE, men i FF hopper undermenuerne lidt op eller ned.
De er forsoegt justeret med lidt relativ positionering i css'en..
maaske er det dét?

Haaber paa et ikke alt for revolutionerende svar ;-D
//Eshie


--
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

---

Eshadon skrev:

> Jeg vil gerne have hovedmenuen ("Cartoes") og undermenuerne
> ("Foto cor, Foto p/b etc.") til at vaere paa linie. Det goer de
> fint i IE, men i FF hopper undermenuerne lidt op eller ned.
> De er forsoegt justeret med lidt relativ positionering i css'en..
> maaske er det dét?

Din kode for de to elementer, der er tale om, er
<h1 class="mainmenu">
<img src="" alt="Cartões" class="redbutton" />
<a href="../index.html">Cart&otilde;es</a></h1>

<div class="submenu">
<h2>...</h2>
<h2>...</h2>
<h2>...</h2>
</div>


Du kan få de to elementer til at holde overkant på
følgende måde:
h1.mainmenu {
width:[passende bredde];
float:left;
margin:0; padding:0;line-height:100%;
}
..submenu h2 {
width:[passende bredde];
float:left;
margin:0; padding:0;line-height:100%;
}

Så vil jeg sige, at du skal mindske filstørrelsen
på dine småbilleder. Det kan ikke passe, at man
skal vente 10-20 sekunder for at få dem indlæst.

--

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

---

"Jørgen Farum Jensen" skrev i en meddelelse...

(kodesnak)
> Så vil jeg sige, at du skal mindske filstørrelsen
> på dine småbilleder. Det kan ikke passe, at man
> skal vente 10-20 sekunder for at få dem indlæst.

Ligesåvel som jeg ville genindsætte "hånden", når cursoren er på et klikbart
billede. Ellers vil man ikke automatisk opfatte det som et link. Du bruger
så vidt jeg kan se javascript. Jeg kan dog ikke bedømme, om det er JS, som
fjerner hånden.

Iøvrigt er iframe en rigtig dårlig løsning, da det giver nogle problemer med
brugervenligheden, samt søgemaskiner. Også JS bør undgås hvis muligt.
Iframes er OK til reklamebannere, og JS er fint nok til alt andet end lige
navigation samt handlinger, som er vigtige for at få information fra din
side. Iframes bør kunne undgås helt som dit design er opbygget, javascripten
er nok lidt sværere. En løsning her kunne være serverside, hvor man måske
kan snyde lidt - jeg tænker på et kald til egen side med et
parameter/variabel, som angiver billedet.

MVH
Rune

---

Rune Jensen wrote in dk.edb.internet.webdesign.html:
> "Jørgen Farum Jensen" skrev i en meddelelse...
>
> (kodesnak)
> > Så vil jeg sige, at du skal mindske filstørrelsen
> > på dine småbilleder. Det kan ikke passe, at man
> > skal vente 10-20 sekunder for at få dem indlæst.
>
> Ligesåvel som jeg ville genindsætte "hånden", når cursoren er på et klikbart
> billede. Ellers vil man ikke automatisk opfatte det som et link. Du bruger
> så vidt jeg kan se javascript. Jeg kan dog ikke bedømme, om det er JS, som
> fjerner hånden.
>
> Iøvrigt er iframe en rigtig dårlig løsning, da det giver nogle problemer med
> brugervenligheden, samt søgemaskiner. Også JS bør undgås hvis muligt.
> Iframes er OK til reklamebannere, og JS er fint nok til alt andet end lige
> navigation samt handlinger, som er vigtige for at få information fra din
> side. Iframes bør kunne undgås helt som dit design er opbygget, javascripten
> er nok lidt sværere. En løsning her kunne være serverside, hvor man måske
> kan snyde lidt - jeg tænker på et kald til egen side med et
> parameter/variabel, som angiver billedet.
>
> MVH
> Rune
>

Tak for et par gode ideer! Det er som I kan se en brasilians side, og
host-serveren understoetter ikke ASP!!! Jeg har derfor lavet det meste i JS. Jeg
vil meget gerne undgaa iframes, men har det problem at hvert billede skal vises
sammen med en identifikations-kode. Hvis jeg taenker mig meget godt om, ka det
sikkert godt goeres uden iframes, men syns det er besvaerligt. Kan du praecisere
hvorfor det gaar ud over brugervenlighed?
Jeg har rettet cursoren nu - kan nemt goeres i CSS (den var der ikke da
billederne ikke er links...)
Haaber paa endnu et par fif, men tak til Jer begge!
//Eshie

--
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

---

"Eshadon" skrev i en meddelelse...

> Tak for et par gode ideer! Det er som I kan se en brasilians side, og
> host-serveren understoetter ikke ASP!!!
> Jeg har derfor lavet det meste i JS.

Det var ærgerligt... Kan jo være, der er PHP, men det er (efter min mening)
så lidt sværere
Men tænkte nok, der var en årsag...

> Jeg
> vil meget gerne undgaa iframes, men har det problem at hvert billede skal
> vises
> sammen med en identifikations-kode. Hvis jeg taenker mig meget godt om, ka
> det
> sikkert godt goeres uden iframes, men syns det er besvaerligt. Kan du
> praecisere
> hvorfor det gaar ud over brugervenlighed?

Problemet er bl.a., hvis du har information om billedet i en iframe. Den
information kan indekseres på en søgemaskine og dermed søges på. Og hvis
folk finder din side på denne måde, så får de din iframe i stedet for den
originale side. Problemet kan til en vis grad klares med JS, hvor man (så
vidt jeg er inde i det) tester for, om siden er sig selv eller i en ramme,
og "genloader" siden, som den skal. Et andet problem, nemlig bogmærkning.
Det er ikke så ligetil at bogmærke et bestemt billede/side, som bruger
frames. Bortset fra, at det nogen gange (hvis man ikke fifler), vil være
index-siden, man bogmærker i stedet for den tiltænkte side, så ved brugeren
ikke nødvendigvis, der er en frame, så det vil sandsynligvis være
tilfældigt, hvad han bogmærker, siden eller selve billedet, alt efter, hvor
hun højreklikker. Andre bagdele ved frames har mest at gøre med blinde, samt
hvis din side skal ses på mobil, hvor rammer endu ikke understøttes. Allan
Vebel har skitseret problemerne her: http://www.html-faq.dk/2009.asp

Er det ikke muligt at lave en DIV med billedet i i stedet og så give DIVen
et unikt navn (ID), som du kan tilgå med JS? Er der nogen grundlæggende
forskel på iframe og DIV i forhold til JS her?

> Jeg har rettet cursoren nu - kan nemt goeres i CSS (den var der ikke da
> billederne ikke er links...)

Kan ikke umiddelbart teste, da siden ser ud til at undergå forandringer

> Haaber paa endnu et par fif, men tak til Jer begge!

Selvtak. Mht. JS, så kan man godt umiddelbart leve med det, man bør så så
vidt det er muligt lave en fallback-løsning, i tilfælde af, JS er slået fra
hos brugeren. Desværre er JS ikke mit speciale, så lige dér kan jeg nok ikke
hjælpe

Iøvrigt en pæn side, efter min mening, sådan rent grafisk

MVH
Rune Jensen

---

Rune Jensen skrev:

> Jeg kan dog ikke bedømme, om det er JS, som fjerner
> hånden.

Jo, er det ikke et link i sig selv, kommer der heller ingen
hånd.

> I øvrigt er iframe en rigtig dårlig løsning

Enig.

> javascripten er nok lidt sværere

Man kan sagtens lave de små billeder klikbare med en
helt normal <a>, så undgår man også at slulle gendanne
hånden, som du er inde på

--
Allan Vebel
http://html-faq.dk

---

"Allan Vebel" skrev i en meddelelse...

> Man kan sagtens lave de små billeder klikbare med en
> helt normal <a>, så undgår man også at slulle gendanne
> hånden, som du er inde på

Mjoh. Men der skal jo vises stor udgave af thumbnailen på samme side. Det
kan da vist ikke gøres med CSS alene?

MVH
Rune Jensen

---

Rune Jensen skrev:

> Mjoh. Men der skal jo vises stor udgave af thumbnailen
> på samme side. Det kan da vist ikke gøres med CSS
> alene?

Du kan hente en ny side med det nye billede på, det
kan gøres fornuftigt med lidt ssi.

Det er fuldstændig samme teknik der er brugt på min
side med klappe-ud-menu [1], her er det bare billedet
der bliver udskiftet i stedet for undermenuen.

Naturligvis kan det laves fornuftigt med javascript, men
mange at de ting der kan laves, kan med lidt omtanke
også laves med ren html. Se også Eriks side [2] med
billedskift.

[1] http://html-faq.dk/testsider/klap.htm
[2] http://hjemmesideskolen.dk/scripts/diastxt.asp

--
Allan Vebel
http://html-faq.dk

---

> Man kan sagtens lave de små billeder klikbare med en
> helt normal <a>, så undgår man også at slulle gendanne
> hånden, som du er inde på

Hele ideen med Iframes kommer af, at hvis billederne er for
store, vil jeg have scrollbarerne kun paavirker billedet og ikke
resten af siden. Hvis I har nogle forslag til at goere dette uden
iframe vil jeg blive meget glad! (jeg hader ogsaa skidtet...)
Derudover skal jeg have en identifikations-kode til hvert
billede. At faa det til at skifte, har jeg gjort med onclick i
JS, og derfor er billederne ikke links...
Taenker du paa <a src="eks.jpg" target="pictureframe"><img
src="thumb.jpg" /></a>?

Det er scroll-bar problemet der binder mig til iframes. Nogle
forslag?
//Eshie (som ogsaa hedder Rune)

--
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

---

"Eshadon" skrev i en meddelelse...

> Hele ideen med Iframes kommer af, at hvis billederne er for
> store, vil jeg have scrollbarerne kun paavirker billedet og ikke
> resten af siden. Hvis I har nogle forslag til at goere dette uden
> iframe vil jeg blive meget glad! (jeg hader ogsaa skidtet...)

Det burde virke at indsætte stort billede med unikt ID, og så give denne DIV
en overflow:auto?
http://www.w3schools.com/css/pr_pos_overflow.asp

Kig evt. her, måske der er inspiration
http://www.webdesign101.dk/showcase/scrollmap/index.php

> Derudover skal jeg have en identifikations-kode til hvert
> billede.

Den tror jeg sådan set, jeg er med på... Det skal du formentlig også hvis du
bruger DIV i stedet for iframe...?

> At faa det til at skifte, har jeg gjort med onclick i
> JS, og derfor er billederne ikke links...
> Taenker du paa <a src="eks.jpg" target="pictureframe"><img
> src="thumb.jpg" /></a>?

Noget i den henretning. Bortset lige fra target

> Det er scroll-bar problemet der binder mig til iframes. Nogle
> forslag?

Udover ovenstående med en DIV, som er mit bedste bud, hvad er der så i vejen
med at give alle billeder samme umiddelbare max størrelse? Altså i et
fotobehandlingsprogram.

> //Eshie (som ogsaa hedder Rune)

Så jeg godt, ikke et navn man støder på tit

MVH
Rune Jensen

---

Rune Jensen wrote in dk.edb.internet.webdesign.html:

> Det burde virke at indsætte stort billede med unikt ID, og så give denne DIV
> en overflow:auto?
> http://www.w3schools.com/css/pr_pos_overflow.asp
>
> Kig evt. her, måske der er inspiration
> http://www.webdesign101.dk/showcase/scrollmap/index.php
>
> MVH
> Rune Jensen

Av! Nogle gange goer det jo naesten helt ondt saa simpelt noget kan goeres, og
hvor laaaaang tid man har spildt paa at forvirre sig selv!
Det der er loesningen / over'n'out
//Rune Eshadonsen


--
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