Discussion :

[pierrot10]

Bonjour,

J'ai besoin d'utiliser un span et de lui attribuer une largeur.
J'au vu que l'attribut width est possible pour un span

Neanmoins dans mon code , j'ai du css qui va mettre le texte du span en gras, bleu etx, et definir la largeur du span.

Le span prend tout sauf la largeur!!!

Avez vous une idee pourquoi?

Code CSS :

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

1
2
3
4
5
 
.div_course_intro{margin-right:250px;background-color:#eeeeee;padding:3px;}
.div_course_intro .col1{font-weight:bold; border-bottom:1px solid #ff22ff; width:200px;}
.div_course_intro .col2{}
.div_course_intro .row1 .col2{font-weight:bold;}

Code HTML :

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

1
2
3
4
5
6
7
8
9
10
 
<div class="div_course_intro">
<div class="row1"><span class="col1">Course :</span><span class="col2 blue">%s</span></div>
<div class="row2"><span class="col1">Semester :</span><span class="col2">%s</span></div>
<div class="row3"><span class="col1">Room :</span><span class="col2">%s</span></div>
<div class="row4"><span class="col1">Time :</span><span class="col2">%s</span></div>
<div class="row5"><span class="col1">Syllabus :</span><span class="col2"><a target="_blank" title="Download the Syllabus" href="/syllabus/%s.pdf"><img src="/img/icones/file_acrobat.gif" /></a></span></div>
<div class="row6"><span class="col1">Instructor :</span><span class="col2">%s</span></div>
<div class="row7"><span class="col1">Office Hour :</span><span class="col2">%s</span></div>
</div>

NB: le %s, c'est python, et ca n'emperche pas le fonctionnement du CSS etc

[Bisûnûrs]

De même que pour la propriété text-align :
http://xhtml.developpez.com/faq/?pag...XTE_span_align

[pierrot10]

Ben c'est cool, merci,
mais le probleme avec le block c'est qu'il me mets le deuxieme <span> a la ligne (dessous le précédent). Ca me revient au meme que si j'utilisais un <div>.
Ce qui m'intéressait avec le span c'est que je pouvait en mettre deux a la suite, sauf que la faut que je definisse une largeur pour le span de gauche

[Bisûnûrs]

Mets lui un float:left alors.

[pierrot10]

Ben, le but c'était justement d'éviter les float.

[Erwan31]

En attendant le support généralisé de display:inline-block (non supporté pas Firefox1>2), qui te permettrait d'obtenir ce que tu souhaites,
il faudra te contenter des flottants
Pourquoi tu refuses de les utiliser?