Changement de ligne en CSS

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Changement de ligne en CSS

fourniey

Rendre au prochain

J'essaie autant que je peux d'utiliser le CSS pour faire mes pages mais j'ai quelques problèmes à placer mes éléments dans mes pages.

Dans cette page, je peux faire des sauts de ligne et je ne vois pas comment les faire ?

http://www.uqtr.ca/~fourniey/lien.php

Dans une autre page, je voudrais mettre une photo et la description du poste à côté et ce pour 3 personnes et je n'y arrive pas car je dois continuellement faire du CSS pour chacune des dispositions voulues. Est-ce ainsi pour tout le monde ?

Merci!

Publicité

dwogsi

Défaillance cérébrale...

Je répond un peu à côté mais as-tu testé ta page sur plusieurs navigateurs? Parce que sur IE ça passe très bien (comme toujours) mais sous FF un peu moins...

fourniey

Rendre au prochain

Ça ne passe pas bien car le but est que Pour entrainement devrait Être sous les logos à gauche.

fourniey

Rendre au prochain

J'ai fait ma page avec des tables, des tr et td car je ne voyais pas comment le faire en CSS.

dwogsi

Défaillance cérébrale...

avec des div par exemple.

fourniey

Rendre au prochain

J'ai plein de div dans mes écrans mais là, ça finit plus, je dois continuellement faire du CSS unique alors qu'avec les tr et tr, cela m'a demandé 10 minutes.

dwogsi

Défaillance cérébrale...

Je ne suis que le panneau à la croisée des chemins, seul toi peux choisir lequel tu empruntera.

juju2k

Ton problème de décalage vient de cette partie de ta CSS :

Code :

#content img,#contentalt img{
border:1px solid #fa9035;
float:left;
margin:5px 15px 6px;
}

Mets le float: left; en commentaire, tu verras le changement

Concernant tes DIV, Alsacreations propose des modèles de mise en page en CSS parmi lesquels tu trouveras certainement ton bonheur (bien que ce que tu as fait n'est pas trop mal même si c'est un peu brouillon )

edit :

Puis je te propose de remplacer ton paragraphe avec les images séparées par des sauts de ligne...

Code :

<p>
<center><a href="http://www.soccermauricie.com"><img src="images/partenaires/arsm.jpg" height=15% width=15% alt="Association régionnale"/></a> </center> 
<center><a href="http://www.tsisports.ca/sc/soccer/ligue/indexMAU.htm"><img src="images/partenaires/pts.jpg" alt="Résultats des parties de la ligue"/> </a> </center> 
<center><a href="http://www.federation-soccer.qc.ca/fre/"><img src="images/partenaires/soccer_qc.gif" alt=""/></a> </center> 
<center><a href="http://www.fifa.com/fr/index.html"><img src="images/partenaires/fifa.gif" height=10% width=10% alt=""/></a> </center> 
<center><a href="http://www.coupedanonecup.com/main.asp?l=fr&SID=000"><img src="images/partenaires/danone.gif" height=10% width=10% alt=""/></a> </center> 
<center><a href="http://www.uqtr.ca/Patriotes/Equipe/"><img src="images/partenaires/pats.gif" height="60" width="70" alt="Patriotes de l'UQTR"/></a> </center> 
<center><a href="http://www.canadasoccer.com/fr/index.asp"><img src="images/partenaires/acs.jpg" height="60" width="70" alt="Assocation canadienne de soccer"/></a> </center> 
<center><a href="http://www.impactmontreal.com/index_FR.asp"><img src="images/partenaires/impact.gif" height="60" width="70" alt=""/></a> </center>
</p>

... Par une liste :

Code :

<ul id="ListeImages">
<li><a href="http://www.soccermauricie.com"><img src="images/partenaires/arsm.jpg" height=15% width=15% alt="Association régionnale"/></a></li>
<li><a href="http://www.tsisports.ca/sc/soccer/ligue/indexMAU.htm"><img src="images/partenaires/pts.jpg" alt="Résultats des parties de la ligue"/></a></li>
<li><a href="http://www.federation-soccer.qc.ca/fre/"><img src="images/partenaires/soccer_qc.gif" alt=""/></a></li>
<li><a href="http://www.fifa.com/fr/index.html"><img src="images/partenaires/fifa.gif" height=10% width=10% alt=""/></a></li>
<li><a href="http://www.coupedanonecup.com/main.asp?l=fr&SID=000"><img src="images/partenaires/danone.gif" height=10% width=10% alt=""/></a></li>
<li><a href="http://www.uqtr.ca/Patriotes/Equipe/"><img src="images/partenaires/pats.gif" height="60" width="70" alt="Patriotes de l'UQTR"/></a></li>
<li><a href="http://www.canadasoccer.com/fr/index.asp"><img src="images/partenaires/acs.jpg" height="60" width="70" alt="Assocation canadienne de soccer"/></a></li>
<li><a href="http://www.impactmontreal.com/index_FR.asp"><img src="images/partenaires/impact.gif" height="60" width="70" alt=""/></a></li>
</ul>

et quelque part dans la CSS :

Code :

#ListeImages{
text-align: center;
}

Message édité par juju2k le 28-02-2006 à 22:39:44

FORUM HardWare.fr

Programmation

HTML/CSS

Changement de ligne en CSS

Sujets relatifs
Signification d'une ligne de code en PHP	[Oracle XML] Requete simple, 1 ligne de résultat = plusieurs résultats
[CSS] Répartir régulièrement sur une ligne	Un roll over en CSS avec une seule image
saut de ligne dans un excel créé en php	Menu DHTML ? CSS ?
Excel ajouter une nouvelle ligne automatiquement	CSS et Firefox
Insérer du texte récurrent dans une page par les CSS ?
Plus de sujets relatifs à : Changement de ligne en CSS

Page générée en 0.053 secondes