Aller au contenu

Sujets conseillés

Posté

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,

Posté

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é
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 :)

Posté

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é
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

Veuillez vous connecter pour commenter

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



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