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?

[pierrot10]

Merci pour ta reponse,
En fait je ne voulais pas les utiliser pour faire plus simple, mais bon je vais finalement faire avec...
Merci

[Dryss51]

dans quoi ton block div course se situe ??
est tu sûr que le probleme viens pas d'un manque de place du bloc conteneur Ou que le margin surplombe la taille...

Voia quelques idées mais n'ayant pas plus d'info je peux qu'énoncer des hypothèse.

[pierrot10]

ben non je ne pense pas car un div sans valeur de largeur, prend une largeur egal à 100%