[RISOLTO]aggiungere tag content in voci menu

[emanuelep]

ciao,
vorrei aggiungere il tag
content: "/" , nel top menu per far si che il menu risulti cosi HOME / HOME / HOME
non voglio inserirlo nel titolo della voce menu ma nel css
ho fatto un po' di prove ma non ci sono riuscito
qualcuno mi sa aiutare?
qui il link al sito

grazie

[adottauncane]

Ciao emanuelep,
potresti inserire un'immagine /, non credo sia possibile mettere nel css qualcosa di diverso.

[emanuelep]

ciao e grazie,
ah no?
ho visto altri siti con quel tag li!

[adottauncane]

Nel css? Non saprei come metterlo però mai dire mai...

[emanuelep]

si guarda qui con firebug!

[Murphz]

La direttiva content la trovi qui  http://www.w3schools.com/cssref/pr_gen_content.asp


Nel tuo caso dovrebbe essere:

Codice: [Seleziona]

.menu li:after
{
content: "/";
}


.item-470:after
{
content: "" !important;
}


Fammi sapere 

[emanuelep]

grazie Murphhz,
ci siamo quasi, me li visualizza tranne l'ultimo e non me li metti in linea con le voci menu....

[adottauncane]

Prova così:

Codice: [Seleziona]

#topmenu ul li:before {    content: "/";    line-height: 38px;    position: absolute;}
da aggiungere al fondo del file css.

[adottauncane]

però togli quello di Murphz, ciao Murphz  , e se lo vuoi nero aggiungi color#000;

[adottauncane]

Manca solo il color

Codice: [Seleziona]

#topmenu ul li:before {    color: #000000;    content: "/";    line-height: 38px;    position: absolute;}

[Murphz]

grazie Murphhz,
ci siamo quasi, me li visualizza tranne l'ultimo e non me li metti in linea con le voci menu....

l'ultimo l'avevo tirato via, pensavo non ci doveva essere...segui il codice di adottauncane che vedo sta funzionando meglio    ciao!

[emanuelep]

si infatti funziona meglio ma bisognerebbe tirare via il primo perchè adesso risulta cosi

/ HOME / HOME / HOME

e sarebbe meglio  visualizzarlo cosi


HOME / HOME / HOME / HOME

[Murphz]

cambia la dicitura :before con :after (per indicare di metterlo dopo).

[adottauncane]

Così:

Codice: [Seleziona]

.item-464:before {content: "" !important;}
ma quante ne imparo sul forum... Ma andrà bene anche con IE?

[Murphz]

Così:

Codice: [Seleziona]

.item-464:before {content: "" !important;}
ma quante ne imparo sul forum... Ma andrà bene anche con IE?

Povero IE    comunque sia la direttiva content che !important funzionano correttamente in IE8+ che io sappia, mai avuto problemi.

[emanuelep]

ecco era proprio quello che stavo pensando , di escludere item 464.
grazie a tutti e 2, adesso funziona correttamente.
Io ho mac e non ho explorer, qualcuno di voi ha un pc?

[adottauncane]

Naaaaaa 

[Murphz]

ecco era proprio quello che stavo pensando , di escludere item 464.
grazie a tutti e 2, adesso funziona correttamente.
Io ho mac e non ho explorer, qualcuno di voi ha un pc?

Casualmente ho un pc    personalmente non utilizzerei neanche 2 secondi un mac.


Funziona bene in ie8+, penso ti vada bene    metti risolto!

[adottauncane]

Casualmente ho un pc    personalmente non utilizzerei neanche 2 secondi un mac.

La tua è solo invidia  Se lo utilizzi 2 secondi poi lo vorrai per sempre.

[emanuelep]

perfetto
grazie ragazzi