[XHTML] text invisible dans mon <id>

Version imprimable

14/02/2007, 22h11
orphen

[XHTML] text invisible dans mon <id>
Coucou a tous,
voila je voudrai savoir si j'ai le droit de faire ce genre d'imbrication de bloc.
Code:

1 2 3 4 5 6 <h4>Evènements et news</h4> <h5>News de www.fansyl.com<p>blablabla</p></h5> <h5>News de Sylvain<p>bliblibli</p></h5> <h5>News de Fanny<p>blobloblo</p></h5> </div>
en gros g un bloc id news que j'ai placer la ou je le desirais.
dedan j'ai fait un bloc titre (general du bloc news).
suivi de 3 autre sous titres contenant chacun un text.

logiquement si je voi ma façon de comprendre les blocs je devrait avoir dans ma page le titre suivi d'en dessous du premier sous titre, suivi en dessous du texte du sous titre etc.

malheureusement mon texte n'apparait pas dans mon bloc news.

le css de mon id news est le suivant:
Code:

1 2 3 4 5 6 #news{ position: absolute; width:16%; height: 600px; background: #cb6709; top: 21%;
et voila a quoi ressemble la disposition de mes blocs:

http://img250.imageshack.us/img250/412/sanstitrewf6.jpg

le design est tres moche pour le moment mais je l'ameliorerai des qu e j'arriverai a coder corectement donc la pour le moment des que j'arriverai a comprendre pourquoi mon texte apparai pas.

merci de votre soutien.
15/02/2007, 00h07
Kerod

Alors tout d'abord je voudrais te dire que tous les éléments de ta balise div apparaissent correctement. Donc le problème doit venir d'ailleurs. Mais étant donné le peu de code que l'on a on peut pas aller plus loin, désolé :roll:

Pour ce qui est des imbrications, ce n'est pas correctement en (X)HTML
15/02/2007, 15h11
orphen

merci de ta reponse le probleme venais d'un conflit entre deux fichier html ouvert.

et j'ai corriger mon code.

je me demande par contre j'ai fait un paragraphe contenan juste un mot
je lui ai mis une bordure a droite en css, mais cette bordure est coller au mot(normal).
pour la decaler je me suis dit je vai ruser.

j'ai donc rajouter ---- entre des balise <em class="---"> </em> a l'interieur de mon paragraphe genre:

<p>coucou<em class="---">---</em></p>

je me suis dit en css je vai appliquer un visibility:hidden; sur le .---

mais ca ne marche pas je voudrai savoir si j'ai fait un truc interdit?

le but etant de faire un espace à ma bordure pour qu'elle ne colle pas au mot.
15/02/2007, 15h55
Kerod

Tu n'es pas obligé de faire ce genre de chose. Il existe des propriétés CSS qui permet de le faire : Comment décaler un objet vers la droite, sans pour autant le centrer ?
15/02/2007, 16h31
orphen

je ne comprend pas quel attribut mettre pour pouvoir decaler ma bordure

les propriéter des border sont le style(dotted, solide etc) le positionnement (top,right etc) la couleur (black, red) l'epaisseur de la bordure
je n'ai pas trouver de proprieter pour decaler la bordure precisement.
le margin left va me decaler le text egalement et je ne voudrai decaler que la bordure
15/02/2007, 20h05
Kerod

Ce que tu veux c'est décaler le texte de la bordure. En gros ça revient à faire un padding. Désolé je me suis effectivement trompé de lien ;)

Donc ce serait plutôt :

Code:

margin-left: valeur px;

j'essayerai de faire ca je galere severe pour faire mon menu je ne sait pas comment proceder.
Si je continue a lutter comme ca jvaif faire des bloc pour chaque lien et les placer en absolute:evilred:

mais mon code est deja charger je voudrai de l'aide svp.
ma page resemble à ça pour le moment:

http://img252.imageshack.us/img252/5...nstitretk1.jpg

mon code concernant le menu resemble a ca pour le moment
Code:

1 2 3 4 5 6 7 8 9 10 <div id="menu"> <a class="galerie" href="galerie.html">Galeries</a> <a class="contenu" href="CV.html">CV</a> <a class="contenu" href="biographies.html">Biographies</a> <a class="contenu" href="projet.html">Projets</a> <a class="contenu" href="forum.html">Forum</a> <a class="contenu" href="liens.html">liens</a> </div> </div>
et mon code CSS
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 #menu { position: absolute; background: #66330b; width:80%; height:26px; top: 16.6%; right: 10%; } .galerie{ } .contenu{ }
je n'arrive pas a comprendre comment deplacer ou je veux mon text dans le cadre menu.

Idealement je voudrai repartir mes differente partie du menu avec des espace egale sur toute la largeur du menu.

je doit les convertirs en bloc ou il y a d'autre moyen?

la class galerie est differente car elle contiendra une image.

merci de votre soutien

15/02/2007, 20h24
Kerod

Ah zut j'écris quelque chose alors que je pense à autre chose

Code:

padding-left : valeur px;
15/02/2007, 20h29
orphen

ah oki je pense avoir compris cette fonction.
merci beaucoup