Formation Google AnalyticsSavez-vous bien utiliser les outils de mesure d'audience ?
Effectuez-vous un calcul de ROI (Retour sur investissement) pour savoir comment améliorer vos campagnes emarketing ?
Savez-vous utiliser les bons outils pour booster votre taux de transformation ?
La formation Web Analytics de Ranking Metrics, présentée par un expert reconnu officiellement par Google Analytics, vous apportera les réponses à toutes vos questions !
===> Informations et inscriptions.

Mettre en forme un élément suivant un autre(CSS)

Poster un nouveau sujet Imprimer cette discussion    Forum -> Développement d'un site Web   Les dernières discussions de ce forum sont disponibles au format RSS
Voir le sujet précédent :: Voir le sujet suivant  
Auteur Message
 
milkiway
WRInaute accro
WRInaute accro

Inscrit le: 03 Fév 2004
Messages: 1949
Localisation: Venigo

URL permanente de ce messagePosté le : Mar Juin 12, 2007 21:42    Sujet du message: Mettre en forme un élément suivant un autre(CSS)

Bonjour,

Comment indiquer dans le CSS la mise en forme pour un élément directement suivi d'un autre élément.

Exemple :
Code:
<h1>Titre</h1>
<ul>
<li>blabla</li>
</ul>

Je voudrais mettre en forme l'UL qui se trouve après le h1

Merci
 
milkiway Visiter le site web du posteur
moktoipas
WRInaute accro
WRInaute accro

Inscrit le: 29 Juin 2004
Messages: 1930
Localisation: Nantes

URL permanente de ce messagePosté le : Mar Juin 12, 2007 21:55    Sujet du message: Mettre en forme un élément suivant un autre(CSS)

h1 + ul
{
//mise en forme
}

ce ne marche probablement pas sous IE6 et peut etre sous le 7.
 
moktoipas Visiter le site web du posteur
jeroen
WRInaute accro
WRInaute accro

Inscrit le: 30 Aoû 2002
Messages: 2289

URL permanente de ce messagePosté le : Mer Juin 13, 2007 9:00    Sujet du message: Mettre en forme un élément suivant un autre(CSS)

c'est pas plutôt ça ?

Code:
h1 > ul
{
...
}
 
jeroen
moktoipas
WRInaute accro
WRInaute accro

Inscrit le: 29 Juin 2004
Messages: 1930
Localisation: Nantes

URL permanente de ce messagePosté le : Mer Juin 13, 2007 9:02    Sujet du message: Mettre en forme un élément suivant un autre(CSS)

non, ca c'est pour selectionner un UL qui est DANS un H1.
 
moktoipas Visiter le site web du posteur
jeroen
WRInaute accro
WRInaute accro

Inscrit le: 30 Aoû 2002
Messages: 2289

URL permanente de ce messagePosté le : Mer Juin 13, 2007 9:11    Sujet du message: Mettre en forme un élément suivant un autre(CSS)

ah oui, j'avais mal lu ! Merci !
 
jeroen
e-kiwi
Modérateur
Modérateur

Inscrit le: 23 Déc 2003
Messages: 12363
Localisation: Toulouse

URL permanente de ce messagePosté le : Mer Juin 13, 2007 9:33    Sujet du message: Mettre en forme un élément suivant un autre(CSS)

>> h1 + ul

tiens je ne connais pas. c'est expliqué ou ?
 
e-kiwi Visiter le site web du posteur
moktoipas
WRInaute accro
WRInaute accro

Inscrit le: 29 Juin 2004
Messages: 1930
Localisation: Nantes

URL permanente de ce messagePosté le : Mer Juin 13, 2007 9:34    Sujet du message: Mettre en forme un élément suivant un autre(CSS)

http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors
 
moktoipas Visiter le site web du posteur
Florent V.
WRInaute occasionnel
WRInaute occasionnel

Inscrit le: 16 Mai 2007
Messages: 181

URL permanente de ce messagePosté le : Mer Juin 13, 2007 9:39    Sujet du message: Mettre en forme un élément suivant un autre(CSS)

Sinon, pour une méthode compatible IE, il faudra :
- soit englober le h1 et le ou les ul à styler dans un div ayant une classe ou identifiant donné, et faire, par exemple :
Code:
div#introduction h1 {...}
div#introduction ul {...}

- soit utiliser une classe ou un identifiant sur le ul en question, par exemple :
Code:
ul.post-h1 {...}
 
Florent V. Visiter le site web du posteur
moktoipas
WRInaute accro
WRInaute accro

Inscrit le: 29 Juin 2004
Messages: 1930
Localisation: Nantes

URL permanente de ce messagePosté le : Mer Juin 13, 2007 10:06    Sujet du message: Mettre en forme un élément suivant un autre(CSS)

Effectivement apres tests, ca ne marche pas du tout dans IE... C'est pourtant du CSS 2 ...
 
moktoipas Visiter le site web du posteur
e-kiwi
Modérateur
Modérateur

Inscrit le: 23 Déc 2003
Messages: 12363
Localisation: Toulouse

URL permanente de ce messagePosté le : Mer Juin 13, 2007 10:13    Sujet du message: Mettre en forme un élément suivant un autre(CSS)

moktoipas> merchi ! Smile
 
e-kiwi Visiter le site web du posteur
milkiway
WRInaute accro
WRInaute accro

Inscrit le: 03 Fév 2004
Messages: 1949
Localisation: Venigo

URL permanente de ce messagePosté le : Mer Juin 13, 2007 17:16    Sujet du message: Mettre en forme un élément suivant un autre(CSS)

Merci !!! Ah bha je me disais bien !!
J'avais fait H1+UL et ça ne marchait pas mais je ne disposait que d'IE 6 pour tester. Grrr j'ai tourné en rond pour rien.
 
milkiway Visiter le site web du posteur
 
Montrer les messages depuis:   
Revenir en haut    Forum -> Développement d'un site Web Toutes les heures sont au format GMT + 2 Heures
Page 1 sur 1 - 
Connexion
Nom d'utilisateur:    Mot de passe:      Se connecter automatiquement à chaque visite    

A lire dans l'actualité sur WRI :

En savoir plus : , , .

CLIQUEZ ICI pour vous inscrire à WebRankInfo (forum, annuaire, outils...)

Connexion

© 2001-2005 phpBB Group, support français
Personnalisation : WebRankInfo ™


 ODP  Firefox  Alsacreations  annuaire webmaster Yagoort