IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

pb avec l'attribut class de div


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Inscrit en
    Avril 2008
    Messages
    28
    Détails du profil
    Informations forums :
    Inscription : Avril 2008
    Messages : 28
    Par défaut pb avec l'attribut class de div
    Bonsoir,
    j'ai un code html dont je veux appliquer une feuille de style : voici le code:
    je veux uliser la valeur de l'attribur class de la balise div(en gras) qui header dans une feuille de style j'accede par .header{je fé mon formatage}.mais ca marche pas je sais pas pourquoi?

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
    <HTML>
    <HEAD>
    	<TITLE>Document exemple</TITLE>
    	<LINK rel="stylesheet" type="text/css" href="testo.css">
    	</strong>
    </HEAD>
    <BODY>
    	<br><br><br><br><br>
    	<a href='#sb-7" class="skip-block">Sauter Recherche forums</a>
    	<div id="inst11" class="block_search_forums sideblock">
    		<div class="header">
    			<div class="title">
    				<input type="image" src="http://127.0.0.1/pix/t/switch_minus.gif" id="togglehide_inst11" onClick="elementToggleHide(this, true, function(el) {return findParentNode(el, 'DIV', 'sideblock'); }, 'Afficher bloc Recherche forums', 'Cacher bloc Recherche forums'); return false;" alt="Cacher bloc Recherche forums" title="Cacher bloc Recherche forums" class="hide-show-image" />
    				<h2>Recherche forums</h2>
    			</div>
    		</div>
    		<div class="content">
    			<div class="searchform">
    				<form action="http://127.0.0.1/mod/forum/search.php" style="display:inline">
    					<fieldset class="invisiblefieldset">
    					<input name="id" type="hidden" value="1" />
    					<label class="accesshide" for="searchform_search">Rechercher</label>
    					<input id="searchform_search" name="search" type="text" size="16" />
    					<button id="searchform_button" type="submit" title="Rechercher">Valider</button>
    					<br />
    					<a href="http://127.0.0.1/mod/forum/search.php?id=1">Recherche avancée</a><span class="helplink"><a title="Aide sur Recherche avancée (nouvelle fenêtre)" href="http://127.0.0.1/help.php?module=moodle&amp;file=search.html&amp;forcelang=" onClick="this.target='popup'; return openpopup('/help.php?module=moodle&amp;file=search.html&amp;forcelang=', 'popup', 'menubar=0,location=0,scrollbars,resizable,width=500,height=400', 0);"><img class="iconhelp" alt="Aide sur Recherche avancée (nouvelle fenêtre)" src="http://127.0.0.1/pix/help.gif" /></a></span>
    					</fieldset>
    				</form>
    			</div>
    		</div>
    	</div>
    	<script type="text/javascript">
            //<![CDATA[
            elementCookieHide("inst11","Afficher bloc Recherche forums","Cacher bloc Recherche forums"); //]]></script>
    	<span id="sb-2" class="skip-block-to"></span>
    </BODY>
    </HTML>

  2. #2
    Membre Expert
    Avatar de hed62
    Homme Profil pro
    Développeur .NET
    Inscrit en
    Juillet 2007
    Messages
    2 029
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 40
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Développeur .NET
    Secteur : Santé

    Informations forums :
    Inscription : Juillet 2007
    Messages : 2 029
    Par défaut
    Hum... comment dire... c'est illisible

    Utilises les balises code, et essaie de mettre un peu en forme, avec de l'indentation, ce genre de choses...

  3. #3
    Membre Expert Avatar de Er3van
    Homme Profil pro
    Architecte Logiciel
    Inscrit en
    Avril 2008
    Messages
    1 430
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Architecte Logiciel
    Secteur : Industrie

    Informations forums :
    Inscription : Avril 2008
    Messages : 1 430
    Par défaut
    Même si c'est illisible on voit déjà que ton Doctype n'est pas bon, que tu as une balise </strong> sans balise ouvrante, que tu utilises des <br> à la place de <br/> (xHTML, mais bon...)

    Pour ton erreur, ta classe Header a peut-être la bonne valeur, mais vu que ton titre est égalment contenu dans la sous-classe Title, peut-être que cette classe donne une information contraire, et c'est celle-ci qui sera appliquée.

  4. #4
    Membre confirmé
    Profil pro
    Inscrit en
    Juin 2008
    Messages
    41
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2008
    Messages : 41
    Par défaut
    regarde bien ton code, la facon dont la syntaxe est colorée.. en vert ce son les commentaires, la majeure partie de ton code est amputée à cause de cette ligne :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <a href='#sb-7" class="skip-block">Sauter Recherche forums</a>
    tu dois mettre les mettre symboles de chaine de caractères soit "tontexte" soit 'tontexte' mais en aucun cas 'tontexte"..

    Voilà

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <a href="#sb-7" class="skip-block">Sauter Recherche forums</a>
    et aussi un lien s'écrit <a href="#">tonlabel</a> et non <a href="#" />tonlabel</a>

    j'espère avoir pu t'aider

Discussions similaires

  1. [XHTML 1.0] Balise img avec les attributs class ou id
    Par Touty11 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 11
    Dernier message: 23/04/2012, 11h53
  2. Créer une classe avec des attributs variables?
    Par umeboshi dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 27/05/2010, 14h25
  3. Deserialization avec type de classe dans attribut
    Par GroovyBaby dans le forum C#
    Réponses: 1
    Dernier message: 19/11/2008, 13h45
  4. Différents classes avec différents attributs
    Par toutminnie dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 22/08/2007, 08h52
  5. Problème avec l'attribut class
    Par Marty000 dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 20/11/2006, 08h51

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo