Placer du texte sur une bordure [Résolu]

[Himotep]

Bonsoir,

Je souhaite savoir si il est possible de mettre du texte ou autre dans les marges.

Dans mon cas je souhaite mettre des liens en haut de ma page. Seulement j'utilise une bordure pour faire quelque chose de graphique donc j'aimerai pouvoir mettre mes liens dans ma marge.

si cela est possible merci de m'aider une solution, dans le cas contraire merci de m'aider a trouvé une solution.

Merci d'avance.

[12monkeys]

Bonsoir

Franchement difficile de te répondre concrètement sans voir à quoi ressemble ta page...

Je dirais que tu peux parfaitement mettre ta "bordure graphique" en image de fond et là tu peux y placer du texte. Ou alors utiliser le positionnement CSS absolu, mais je conseillerais déjà moins cette solution.

[Himotep]

Je ne peux pas mettre d'image de fond car j'ai un bouton pour ajouter des ligne a ma page (innerhtml) se qu'il fait que le fond de ma page se décale au fur et à mesure que les lignes sont créer.

Pour se qui est du texte se ne sont pas des marge mais des bordure je me suis trompé dans mon message mais je ne pense pas que cela résou le problème plus facilement.

Une autre idée peut etre ?

Merci d'avance.

[12monkeys]

Je ne peux que réitérer ce que j'ai déjà dit :

Envoyé par 12monkeys

Franchement difficile de te répondre concrètement sans voir à quoi ressemble ta page...

Et sinon, le positionnement CSS absolu ?

[Himotep]

Envoyé par 12monkeys

Et sinon, le positionnement CSS absolu ?

Je ne suis pas expert CSS/HTML mais le positionnement absolut sa ne pose pas de problème lorsque la résolution du client n'est pas la même ?

Apres je serai curieu de savoir comment on fait de l'absolut pourrai tu me donner un exemple générique rapide que je puisse tester stp ?

EDIT: l'absolu marche niquel mais je ne parvien pas a center en millieu de page mes liens.

Merci d'avance.

[12monkeys]

Si le positionnement absolu peut poser problème si on ne sais pas ce qu'on fait.

Pour un exemple voir la FAQ : http://css.developpez.com/faq/?page=...ement_absolute

Mais encore une fois : sans visualiser ce que tu veux faire, difficile de te répondre correctement !

[Himotep]

Voici une image du haut de mon site, je ne souhaite pas partager le reste ( je garde la surprise :p )

Voici une image : http://hpics.li/4b7c035

je souhaite juste mettre au centre les liens mais j'ai peur que en absolu si la résolution d'écran du client est différente de la mienne il ne voit pas la même chose.

Merci de m'éclairer.

[12monkeys]

Je ne comprends pas trop ce que tu as fait code structure. La partie où tu veux mettre du texte n'a pas besoin d'être une bordure.

Code html :

1
2
3
4
5
6
7
8
9
10
11
12
13
<div id="menu">
  <ul>
    <li>Présentation</li>
    <li>Aide</li>
    <li>Contact</li>
  </ul>
</div>
<div id="contenu">
    <p>texte</p>
    <p>texte</p>
    <p>texte</p>
    <p>texte</p>
</div>

et le css :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
#menu {
  background-color:grey;
  overflow:hidden;
  padding:15px 0;
}
#menu ul {
  width:1000px;
  margin:0 auto;
  list-style-type: none;
}
#menu ul li {
  float:left;
  padding:0 1em;
}
#contenu {
  border-left:20px solid grey;
  border-right:20px solid grey;
  padding:20px;
}
#contenu p {
  margin-top:0;
}

[Himotep]

J'ai tester ton code et je me suis rapeller pourquoi je n'avais pas opté pour un option de se type.

voici un screen du résultat que j'obtien avec ton code:

http://hpics.li/ce96fd3

Je ne sais pas si c'est vraiment visible mais entre le bord de mon écran et le bord gris il y a un espace blanc. Je trouve cela particulièrement génant (je sais je suis chiant). C'est pourquoi j'utilise les bordure pour que les bord colle vraiment au bord de l'écran.

Voila un screen avec mon code ( pas de bord blanc entre le bord de l'écran et le gris ), je sais pas si je me suis bien exprimé et si la différence est flagrante. Pour moi sa l'est mais sur des screens .....

http://hpics.li/e9a154c

Je suis donc toujours a la recherche d'un moyen de centrer mes liens en utilisant des position absolu.

Merci d'avance.

[12monkeys]

Tu pars sur une mauvaise piste. Je te conseilles vivement d'apprendre à utiliser CSS. Car ton espace blanc est très simple à supprimer : ce sont les marges de body qui font cet espace.

Il suffit de rajouter ceci dans ton code CSS :

Code :

1
2
3
body {
  margin:0;
}

ce qui va te supprimer les marges sur body et le contenu de ta page sera collé à la fenêtre de ton navigateur.

PS : tu as aussi un problème d'encodage des caractères : http://j-willette.developpez.com/tut...-site-en-utf8/

[Himotep]

Merci pour l'astuce de la marge à zéro, je l'utilisé dans mon code mais pas le tien surement pourquoi je suis partie dans mon truc plutot que le tien. Vais tester plus en profondeur ton code.

Pour se qui est de l'encodage, pas de souci a se faire c'est juste que sur le coup j'avais zappé d'encoder en UTF-8.

En tout cas merci pour les astuces je reviendrai vers toi si je ne parvien pas a faire se que je souhaite.

Merci.