28173 sujets

CSS et mise en forme, CSS3

Bonjour !!
Je suis nouveau ici et c'est mon premier post, je vais essayer d'être le plus clair possible Smiley smile

Voilà je suis en train d'élaborer un annuaire, disponible en version de 'test':
http://croquar.free.fr/profiltra%20design%202/profiltra_annuaire.html

Mon soucis c'est que je veux avoir le moins de code possible, pour mettre en valeur de contenu.

Voilà mon code:

<tr>
    <td id="td_7" colspan="4">
            <a href="index.html">Accueil</a><img src="1.gif" alt="Annuaire Profiltra" /><a href="proposer.html">Proposer un site</a><img src="1.gif" alt="Annuaire Profiltra" /><a href="nouveautes">Nouveautés</a><img src="1.gif" alt="Annuaire Profiltra" /><a href="toprank.html">MinPR</a>
    </td>
</tr>


PS: si vous vous demander pourquoi il y a ces images 1.gif, c'est parceque je ne sais pas comment espacer les liens Smiley confus
(si vous avez la réponse, je vous en pris allez y lol)

Mon code CSS:

a#td_7
{
font-size: 12px;
font-weight: bold;
font-family: verdana, "comic sans ms";
color: #e5cb8c;
text-decoration: none;
}

a#td_7:hover
{
color: white;
}

#td_7
{
background-image: url("images/profiltra_annuaire_15.gif");
background-repeat: no-repeat;
background-position: right;
background-color: #9f2d00;
width: 900px;
height: 22px;
padding-left: 200px;
}


Voilà, j'aurais pensé que ça aurais marché, mais non lol


Petit problème aussi: quand j'enlève "cellpadding="0"", le design est tout "foireux", regardez ici:
http://croquar.free.fr/profiltra%20design%202/profiltra_annuaire2.html
Ce problème est moins important ...


Merci de m'aider je suis simpa et coll Smiley biggrin

EDIT: Le problème est que je veux éviter de mettre :

Le problème est que je veux éviter de mettre :
class
Sur chaque lien.

Modifié par croquar (11 Jul 2006 - 19:23)
croquar a écrit :
Voilà, j'aurais pensé que ça aurais marché, mais non lol

Bonjour croquar,

Une petite révision sur les sélecteurs CSS ?
Le sélecteur a#td_7 pointe vers tout élément a porteur de l'identifiant "td_7".

Le sélecteur descendant, en CSS, est l'espace. Pour un élément a qui serait un descendant d'un élément porteur de l'identifiant "td_7", le sélecteur CSS sera :
#td_7 a {bla-bla: bla;}
Bonjour mpop Smiley biggrin

Pour tout avouer je n'avais jamais entendu parler des "sélecteurs descendants", j'ai appris le CSS sur le siteduzéro.com, ce terme n'a jamais été mentionné dans les cours Smiley bawling
Il va falloir que j'apprenne sur ce site ou ses partenaires, ça m'a l'air plus complet, pour affiner ses connaissances Smiley sweatdrop

Sinon ce que tu as marqué est parfais, cela fonctionne à merveille Smiley eek Smiley ravi . Merci !

Et avec ta solution j'ai pu aussi faire ceci:

#td_7 a 
{
margin-left: 30px;
}

Ce qui me permet d'enlever les images Smiley eek

C'est génial je suis super content, le css c'est cool Smiley smile

Il me reste à régler le problème des espaces qui se crées lorsque j'enlève cellpadding="0". Mais j'ai lu que le css qui le remplasse n'est pas compatible avec IE Smiley biggol

Meci mpop !

EDIT: je viens de voir que ma page est valide en XHTML 1.0 transitional, c'est cool ça aussi Smiley biggrin

EDIT2, pour éviter de créer un nouveau post, vaut t'il mieux être valide XHTML 1.0 transitional ou XHTML 4.01 strict ?
Modifié par croquar (11 Jul 2006 - 21:34)
croquar a écrit :
EDIT2, pour éviter de créer un nouveau post, vaut t'il mieux être valide XHTML 1.0 transitional ou XHTML 4.01 strict ?

Plutôt XHTML 1.0 transitional, vu que le XHTML 4.01 strict n'existe pas. Smiley cligne

Ban là en fait ça dépend de tes contraintes, des éléments HTML que tu veux utiliser, etc. Tous ne sont pas admis en mode strict, par exemple.
Personnellement, je préfère utiliser le XHTML, même si ça ne change pas grand chose. Disons que je préfère la méthodologie stricte que l'on associe au XHTML, bien qu'elle ne soit pas inhérente au format. Car bien sûr, on peut faire un site propre, valide et accessible en HTML 4, et mal foutu avec design en tableaux en XHTML 1.0 Strict ! Smiley lol

Il y a un message sur un sujet très proche dans les messages récents :
XHTML, oui mais pourquoi ?
Ah oui excuse moi, c'est le HTML4.01.

D'accord, je verrai donc avec quel doctype le script annuaire est valide Smiley eek
mpop a écrit :

Car bien sûr, on peut faire un site propre, valide et accessible en HTML 4, et mal foutu avec design en tableaux en XHTML 1.0 Strict ! lol


Lol, Smiley bawling

Merci pour toutes tes réponses mpop ! Smiley confused