[css] Stile Diverso In Base Al Browser

[Zawa-Nera]

Ciao

rieccomi qua con un problemuccio non avendo competenza tecnica l'unico modo che ho per farvi capire cosa ho fatto e cosa non funziona è postarvelo.

Allora: nel CSS ho scritto questo

small2 {
font-size: 14px;
letter-spacing: 2px;
}

Nell'index.php questo

<div id="blog_name"><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a> :: <small2><?php bloginfo('description'); ?></small2></div>

Ora...perchè FIREFOX capisce quello che ho voluto fare e EXPLORER se ne frega?

Preso atto che io non so bene cosa ho fatto...sto andando un po' per tentativi

[frman]

cosa vorresti realizzare?

[Lorenz]

Io però farei un passo a monte... perchè creare due versioni, una per Firefox e una per IE? I fogli di stile secondo me sono sufficientemente flessibili per consentire di avere un'unica versione del sito, sia per IE che per Firefox. Riguardo al codice PHP, dovrai attendere qualcun'altro...

[Zawa-Nera]

cosa vorresti realizzare?

una scritta che abbia carattere 14 e spaziatura 2

però per "default" mi prende lo stile di <h1> (almeno credo).

Cmq...sempre a scopo TEST prova tu stesso IL MIO BLOG

con firefox e explorer, vedrai che il titolo lo vedi diversamente coi 2 browser...

in pratica firefox interpreta il tag <small2> come un "formatta questo testo come indicato nel CSS"

explorer se ne frega del tag...

Io però farei un passo a monte... perchè creare due versioni, una per Firefox e una per IE? I fogli di stile secondo me sono sufficientemente flessibili per consentire di avere un'unica versione del sito, sia per IE che per Firefox. Riguardo al codice PHP, dovrai attendere qualcun'altro...

è proprio quello che sto cercando di fare...

sto rifacendo l'homepage "universale"

ma che faticaccia!!!

Prima avevo problemi con firefox...ora con explorer... <_<

[frman]

sinceramente a me appaiono uguali

small2 {
font-size: 14px;
letter-spacing: 2px;
}

<div id="blog_name"><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a> :: <small2><?php bloginfo('description'); ?></small2></div>

comunque la sintassi scritta qui mi pare errata.

per associare un foglio di stile ad un testo devi fare cosi:

<span class="small2">TESTO</span>

oppure

<div class="small2">TESTO</div>

poi, non so se in un href puoi mettere una parte scritta in php

Prova con la sintassi che ti ho scritto sopra ;-)

[Lorenz]

Devi inserire le impostazioni riguardanti il titolo del blog (nel tuo caso monicablog) nella sezione h1#header, se vedi il codice HTML, monicablog è in mezzo a questo tag:

<h1 id="header"><a href="http://localhost/blog">monicablog</a></h1>

e quindi, non è il tag H1 generico da modificare, ma il tag H1 che ha come identificativo "header", che nel foglio di stile viene indicato appunto come h1#header.

Edit: mi sa che ho capito male... prova la soluzione di Frman, se non dovesse andare, potresti indicare esattamente qual è la porzione di testo da modificare? Come ho scritto sopra, i blocchi di testo possono essere identificati con degli ID, e se vai a modificare solo il tag generico, le modifiche non vengono applicate.

Modificato August 6, 2006 da Lorenz

[Prozac]

una scritta che abbia carattere 14 e spaziatura 2

però per "default" mi prende lo stile di <h1> (almeno credo).

Cmq...sempre a scopo TEST prova tu stesso IL MIO BLOG

con firefox e explorer, vedrai che il titolo lo vedi diversamente coi 2 browser...

in pratica firefox interpreta il tag <small2> come un "formatta questo testo come indicato nel CSS"

explorer se ne frega del tag...

è proprio quello che sto cercando di fare...

sto rifacendo l'homepage "universale"

ma che faticaccia!!!

Prima avevo problemi con firefox...ora con explorer... <_<

Il problema è proprio quello <small2>....</small2>.

Sia l'XHTML che l'HTML normale hanno un numero di tag ben definito e non è possibile crearne di personalizzati...

Qui Internet Explorer si comporta correttamente eliminando i 2 tag ed interpretando il testo in essi contenuto come se fosse il contenuto del blocco <div id="blog_name">...</div>. Quindi con la formattazione riservata a quel blocco...

E' Firefox che si comporta in maniera scorretta...

Per rendere il tutto "secondo gli standard"

Devi creare, nel foglio di stile, una classe (cioe' uno stile che e' possibile associare a diversi "componenti" all'interno della pagina web):

.small2 {
font-size: 14px;
letter-spacing: 2px;
}

Nota il punto prima di small2...

Il codice html (o php) lo devi modificare cosi':

<div id="blog_name"><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a> :: <span class="small2"><?php bloginfo('description'); ?></span></div>

Span è un tag html che serve esclusivamente per dire che tutto cio' che vi è contenuto, va formattato in modo divero dal resto del testo. La formattazione puo' dipendere da quella data in impostazione a Span oppure quella che gli viene fornita dalla classe (come nel nostro caso)

[Lorenz]

Vabbé... ha risolto Prozac... non mi ero accorto di quello small2...

[Zawa-Nera]

Prozac ti adoro!!!

[Prozac]

Prozac ti adoro!!!

:up1:

Io adoro la passione che stai mettendo a questo progetto ;-)