Newsgroup: it.lavoro.professioni.webmaster
Titolo: Problemi con CSS e IE

---Messaggio che ho già postato su it.comp.www.html ma passato
inosservato----
Salve,
la pagina incriminata si trova a questa URL:
http://mine.pc.unicatt.it/areasof.htm
(cmq anche le altre pagine del sito mi danno lo stesso problema).
e il problema si verifica solo con IE.
Nella barra di navigazione superiore ([Areas of teaching] [Courses
facilities] etc. ) non riesco ad avere lo stesso font size per il
testo e per i link: i link infatti risultano di dimensioni maggiori
rispetto a [Areas of teaching]. 
Per definire i link ho usato un foglio di stile esterno, la parte
relativa ai link generici (che influenza anche quei link) è questa:
A:link, A:active, A:visited {font-family: Verdana, arial; font-size:
8pt; text-decoration: underline; color: black}
a:hover {font-family: Verdana, arial; font-size: 8pt; color: red;
text-decoration: underline}
Il testo è un Verdana 1, che dovrebbe corrispondere al Verdana 8pt.
Posso agire sui quei link solo mediante fogli di stile, essendo una
barra di navigazione generata da FrontPage.
Netscape mi visualizza correttamente la dimension del font.
Qual è il problema?
Non rispondetemi x favore "Non usare FP", odio FP ma per questo sito
devo usarlo.
Grazie.
Lupin 
hpage: 
http://i.am/eugenio
 ---> 
www.agonet.it/~eugenio.t/
Co-Webmaster di HTMLBox 
www.htmlbox.cjb.net
Acquisto di brani musicali via Internet - partecipa al sondaggio:
http://members.tripod.com/~n1pul/
Rimuovere XXX per rispondere via e-mail

 devo usarlo.
... e il povero FP che colpa ne ha?
Certo sarebbe meglio usare un codice più pulito perchè quei web-bot non so
che cosa facciano.
Saluti
--
Maurizio Benzi
Moderatore del newsgroup it.comp.appl.macromedia
e del newsgroup it.economia.e-commerce
http://web.tiscalinet.it/weblife/e-commerce
ICQ: 34348419
E-mail: 
be...@libero.it
"Il pensiero fa la grandezza dell' Uomo"




 Il testo č un Verdana 1, che dovrebbe corrispondere al Verdana 8pt.
E` qui che casca l'asino, Lupin. La tua supposizione č valida solo per
Netscape.
Notoriamente i due browser hanno un diverso modo di gestire le equivalenze
di font size fra css e html standard.
Per Netscape mi pare che "medium" in css corrisponde a una font size 4
(quindi mi pare 12pt, che tra l'altro varia tra pc e mac), mentre in ie
"medium" č una font size 3 (quindi piů piccola). Le altre misure si adattano
di conseguenza.
Ti consiglio di non mescolare mai misure basate su font e misure in css, se
hai bisogno che le due abbiano un rapporto preciso.
setta le dimensioni base anche per p, possibilmente in pixels e non in
points (cosě non hai sorprese neanche cambiando di piattaforma).
Mi viene in mente comunque che una soluzione ancora piů a buon mercato, č
semplicemente di sfruttare l'ereditarieta`: invece di settare le dimensioni
per a, lasciale non specificate, e settale per il contenitore, p, div, span,
o quel che č, eventualmente usando un'opportuna class se non vuoi toccare il
resto della pagina. Tutto il blocco avra` le stesse dimensioni.
Rossella

resto della pagina. Tutto il blocco avra` le stesse dimensioni.
Sì, proverò così, posso però ugualmente specificare gli attributi
dell'hover di a (ok, funziona solo su IE, però da' un po' di
dinamicità ai link, essendo la barra di navigazione generata da FP un
po' bruttina ;) ) e lasciare il size in pasto a div?


... e il povero FP che colpa ne ha?
Che colpa ne ha?
Potrei semplicemente fare:
<p class="testolinkorizzontali">[link1]<a class="linkorizzontali"
href="link2.htm">[link2]</a>etc etc</p> e non posso...


 po' bruttina ;) ) e lasciare il size in pasto a div?
sì, certo. Ovviamente solo gli a dentro a quel div avranno le dimensioni
giuste.
Per intenderci:
se hai
body {font-size: 10px}
div { color: blue; font-size: 15px}
a { color: red } // risparmiami tutti gli hover, active etc. per favore ;-)
allora <body><div><a href=boh.html>link</a></div></body> sarà di colore
rosso e di dimensioni 15px.
<body><a href=boh.html>link</a></body> sara` rosso e 10px.
spero di essere stata chiara ;-)
Rossella

 di conseguenza.
ci ho ripensato e mi sa che ho detto delle fregnacce e che l'asino non
cascava li`. O meglio, quello che ho detto č vero, ma non sono sicura che
sia all'origine del tuo problema (che c'entra il "medium"? tu non usi questo
tipo di misura. Oggi sono fusa.). Probabilmente si tratta di un problema piů
generale di diversi settaggi per la grandezza delle font nei due browser.
Comunque il resto resta valido e la soluzione css che ti ho proposto
dovrebbe risolverti il problema lo stesso ;-).
Rossella

spero di essere stata chiara ;-)
Chiarissima, tnx.


generale di diversi settaggi per la grandezza delle font nei due browser.
In effetti non ho usato quelle misure, perň avevo interpretato il tuo
post in senso generale, cioč: un size 8pt non č grande uguale sui
diversi browser, inoltre non c'č una corrispondenza universale tra
size in pt e <font size..
In effetti ho fatto un po' di prove ed č cosě; se scrivo:
<div style="font-family: verdana; font-size: 8pt">ciao</div><FONT
face="verdana" SIZE="1">ciao</FONT>
I due "ciao" risultano delle stesse dimensioni con NS e diversi in IE.
Il secondo "ciao" č grande uguale in NS e IE (sotto win, con altri OS
probabilmente non sarŕ cosě), mentre il primo "ciao" č piů grande in
IE.
Cmq non ne capisco il motivo, la misura pt č una frazione di pollice,
un pollice non dovrebbe essere uguale per tutti?
E poi perchč le misure in pt danno problemi con MAC OS?
Se scrivo:
<div style="font-family: verdana; font-size: 10px">ciao</div><FONT
face="verdana" SIZE="1">ciao</FONT>
i 2 ciao sono praticamente uguali in IE, mentre in NS il primo "ciao"
č leggermente piů piccolo.
Quindi nemmeno le misure in pixel sono universali, e anche qua non
riesco a capire, a paritŕ di risoluzione 10 pixel sono 10 pixel, o no?
Altra cosa: IE accetta gli attributi dei tag <font, anche se sono
stati precedentemente specificati con i fogli di stile; NS invece li
ignora; anche questa regola cmq non č universale: ad es. NS ignora gli
attributi "size" ma rispetta quelli "color", in NS quindi  il color
impostato con <font color":.."> prevale su quello impostato con i
CSS...
Tutto questo sotto win95b, con NS4.08 e IE 4 SP1, se qualcuno mi da'
una conferma con altri OS e altri browser mi farebbe un piacere.
Visto che siamo in tema: come si scrivono i commenti nei fogli di
stile esterni? Il classico <!--  --> mi dava problemi.
Cosa dici scriviamo un bel tutorial sui CSS? ;))


 Cosa dici scriviamo un bel tutorial sui CSS? ;))
penso che ce ne siano già. Ma mi piacerebbe fare una galleria di figate e
trucchetti, una specie di clip art gallery, dedicata a tutte le delizie
grafiche che si possono creare usando solo ed esclusivamente html+css con
l'eventuale aggiunta di js e dynamic fonts, giusto per scoraggiare l'uso di
file grafici per il testo e far vedere che creare pagine altamente grafiche
e snelle si puo`.
uno dei mille progetti a cui penso e che rimando sempre a domani...
Rossella

e snelle si puo`.
Sarebbe un'ottima idea.


> Vedremo mai la 5.0?
A Dicembre dovrebbe uscire la prima beta e ci sara' da ridere perche' buona
parte delle pagine sviluppata per NN 4 non saranno leggibili da NN 5.
Ciao.

 utenti sono diminuiti.
Beh, e' chiaro, quando fu lanciato si poteva provarlo gratis per un certo
periodo, poi non era piu' possibile utilizzarlo.
Ed avendo Netscape e Explorer gratis, e' stato pian piano abbandonato.
--
ciao
gelty
--
visita 
http://www.sifor.it
elimina *toglimi.* per le risposte