Aller au contenu

Petit problème avec les CSS


traducteur

Sujets conseillés

Bonjour aux spécialistes du CSS,

J'ai un pb pour faire un encadré, ça fait deux heures que j'essaie sans résultat !

Un coup de main serait le bienvenu.

Dans la colonne de droite de ma page d'accueil ( http://www.studio92.net/index.php ), j'ai les actus d'Abondance en haut et les Adsense en dessous.

Ma difficulté est que je voudrais mettre le lien Actus © Abondance en noir sur fond gris, avec un saut de ligne en blanc en dessous, et ajouter en bas du box un saut de ligne en blanc et une ligne en gris, exactement comme dans le bandeau Adsense, pour harmoniser les deux encadrés.

Comment on fait ça :?:

Merci d'avance,

Lien vers le commentaire
Partager sur d’autres sites

Salut,

La zone de fond de liens étant blanche, tu obtiens ton espacement blanc en jouant sur margin ou padding du lien en haut (actus abondance) ou de celui qui le suit (le premier de la liste).

Pour avoir un aspect comme les adsense, je te conseillerai, si tu as une influence sur le code fourni, de jouer sur 2/3 classes simples :

- lien noir sur fond gris pour le premier lien

- liste suivante en fond blanc

- chaque élément de la liste a n px de padding en haut et en bas, et une bordure grise en bas

Lien vers le commentaire
Partager sur d’autres sites

Salut,

La zone de fond de liens étant blanche, tu obtiens ton espacement blanc en jouant sur margin ou padding du lien en haut (actus abondance) ou de celui qui le suit (le premier de la liste).

Pour avoir un aspect comme les adsense, je te conseillerai, si tu as une influence sur le code fourni, de jouer sur 2/3 classes simples :

- lien noir sur fond gris pour le premier lien

- liste suivante en fond blanc

- chaque élément de la liste a n px de padding en haut et en bas, et une bordure grise en bas

<{POST_SNAPBACK}>

Marvin,

Merci bcp pour ta réponse, mais je n'ai rien compris !

Excuse-moi mais ce n'est pas moi qui ai réalisé les feuilles de style, auxquelles je ne comprends pas grand chose.

Le code de l'encadré tel qu'il est actuellement est le suivant :

<td width="125" valign="top" class="center">

<div style="font-size:0.9em;text-align:left;background-color:#fff;border:1px solid #ccc;color:#000;"><a class="lienpage" href=&quot;http://actu.abondance.com/semaine.html" title="l'actu de la semaine">Actus © Abondance</a><br /><script language="JavaScript" type="text/javascript">simple(3)</script></div></td>

je peux bien sûr intervenir dessus, mais concrètement je ne sais pas réaliser les conseils que tu me donnes.

Signé, débutant de chez débutant :)

Lien vers le commentaire
Partager sur d’autres sites

Apparemment, le contenu concerné est créé par le javascript indiqué. Il est donc important de savoir si tu peux intervenir sur ce contenu, sur la façon dont il arrive. Il serait en effet nécessaire de le structurer correctement afin de pouvoir styler efficacement les différentes composantes.

Lien vers le commentaire
Partager sur d’autres sites

Apparemment, le contenu concerné est créé par le javascript indiqué. Il est donc important de savoir si tu peux intervenir sur ce contenu, sur la façon dont il arrive. Il serait en effet nécessaire de le structurer correctement afin de pouvoir styler efficacement les différentes composantes.

<{POST_SNAPBACK}>

Marvin,

Oui, le contenu est éditable. Voir pour exemple http://lettres.abondance.com/rechref.html

J-M

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...