Discussion :

[oceane751]

bonjour à tous
j'aimerais pouvoir afficher un logo puis en face le titre et le chapo (le chapo étant en dessous du titre
en clair

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
logo   titre
       chapo

pour l'instant j'affiche mon titre et mon chapo (d'article spip) de cette maniere

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<ul class="contenu">
	<li class="titre">#TITRE</li>
             <li>#CHAPO</li>
</ul>

mais là je sèche complètement

merci beaucoup pour votre aide

[Erwan31]

Bonsoir,
sémantiquement c'est pas adapté:
tu devrais avoir

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<img src="logo.png" ...  />
<div>
   <h2>TITRE</h2>
   <p>#CHAPO</p>
</div>

Après faudrait expliquer sur quoi tu sèches.

[oceane751]

en clair mon code est

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
<div id="droit1">
<BOUCLE_article(ARTICLES){tout}>
<ul class="contenu">
	<li class="titre">#TITRE</li>
    <li>#CHAPO</li>
</ul>
</BOUCLE_article>
</div>

et je veux faire ce que j'ai mis dans mon 1er post (avec le logo, chapo et titre)
peut être que pour le logo je devrais creer une div et une autre pour le titre et le chapo qui seraient dans la div id=droit1

[Erwan31]

et je veux faire ce que j'ai mis dans mon 1er post (avec le logo, chapo et titre)
peut être que pour le logo je devrais creer une div et une autre pour le titre et le chapo qui seraient dans la div id=droit1

Pas la peine. Ton code n'est pas bon comme je te l'ai expliqué plus haut.

[StAfX]

Il ne faut pas négliger la sémantique !!! il y a plusieurs articles sur developpez qui traitent de ce sujet, dont celui-ci, il suffit d'une recherche rapide ici

[oceane751]

alors

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
<BOUCLE_art(ARTICLES){tout}>
[(#LOGO_ARTICLE||image_reduire{90})]
 
<div id="test">
<h2>#TITRE</h2>
<p>#CHAPO</p>
 
 </div>
 </BOUCLE_art>

mais je dois mettre quoi dans ma div exactement pour que le logo soit bien en face du titre et du chapo?

merci encore (désolé je débute )

[Erwan31]

Tu devrais t'exercer avec les tutos de Developpez (entre autres)
Donc HTML (en supposant que le logo fasse 100px de large et de haut)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<img src="logo.png" alt="Nom de l'entreprise/marque/site..." height="100" width="100" id="logo" />
<div id="test">
   <h2>TITRE</h2>
   <p>#CHAPO</p>
</div>

CSS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
#logo {float:left}
#test {margin-left: 120px}