[sub]Bonjour, bonsoir à tous!

En premier lieu, je tiens à m'excuser si la question a été posée précédemment.

Bref, mon problème est réellement simple; j'aimerais être capable de créer une ligne comme ça :



Tout ce que j'aimerais que l'on me donne, c'est le code de base, c'est-à-dire sans les couleurs imposées, sans une image de fond imposée, sans texte et sans grandeur imposée (dans le fond, juste comme ça :

Code:

a{
color:
size:
background: le fond ici.png

(ceci est un exemple, je sais que ça n'a pas de sens!). (:

Merci d'avance.
KRYPT0.

Bonjour.

Il suffit d'ajouter des bordure à l'élément contentent ainsi qu'un marge à gauche pour une meilleur lecture :

Code:

div {
  border-left : solid 1px #000000 ;
  border-bottom : solid 1px #000000 ;
  padding-left : 10px ;
}

Code:

<div>Pour ce résulta</div>

A vous d'adaptez l'épaisseur et la couleur.
Celà peut être appliquer à tout les éléments (div, span, a, img...), classes ou identifiants.

Encore plus d'info ici.

Ça fonctionne! MERCI. (:

Comment on fait pour rajouter un fond?

backgroung : #FFFFFF ; pour une couleur
background : url("adresse_image") ; pour une image

Et toujours plus d'info sur la même page que je vous est donnée.

Merci! (:

Mon code est donc..

Code:

<div style="background-image:url(http://i69.servimg.com/u/f69/10/09/40/22/xdddd11.jpg); background-repeat:repeat;-moz-border-radius-bottomright:10px;-moz-border-radius-topleft:10px;">TEXTE</div>

ce qui donne...



Toutefois, dans un message, les codes commencent à prendre beaucoup de place. Pour contrer ce problème, je sais qu'il est possible de leur donner des noms et de les mettre dans le CSS du forum, mais je ne me souviens plus comment. Quelqu'un aurait-il la solution?

Si ton code de div est à l'origine celui donné par Vpeybernes, donc celui-ci:

Code:

div {
  border-left : solid 1px #000000 ;
  border-bottom : solid 1px #000000 ;
  padding-left : 10px ;
}

Met ceci à la place:

Code:

.titre_de_la_class {
  border-left : solid 1px #000000;
  border-bottom : solid 1px #000000;
  padding-left : 10px ;
  background-image:url('http://i69.servimg.com/u/f69/10/09/40/22/xdddd11.jpg');
  background-repeat: repeat;
  -moz-border-radius: 10px 0px 10px 0px;
  -webkit-border-radius: 10px 0px 10px 0px;
  border-radius: 10px 0px 10px 0px;
}

Dans le html:

Code:

<div class="titre_de_la_class">Blablabla</div>

Tu remplaces titre_de_la_class par le nom que tu veux~

Et je redonne encore le lien de la même page ou tout est très bien expliqué si seulement on ce donne la peine de lire.

http://fr.selfhtml.org/navigation/css.htm

Au début il y a les différentes manières de définir les éléments puis toute les propriété CSS. Même celle qu'on aurai pas imaginé. Même si c'est pas sensé être pour débutant, ça reste très accessible.

Code:

<div id="subtitle">xxxxxx</div>

ça ne fonctionne pas...

Code:

.subtitle {
  border-left : solid 1px #000000;
  border-bottom : solid 1px #000000;
  padding-left : 10px ;
  background-image:url('http://i69.servimg.com/u/f69/10/09/40/22/xdddd11.jpg');
  background-repeat: repeat;
  -moz-border-radius: 10px 0px 10px 0px;
  -webkit-border-radius: 10px 0px 10px 0px;
  border-radius: 10px 0px 10px 0px;
  border-bottom : solid 1px #5F5F5F ;
}

C'est parce que tu as marqué "id", il faut marquer "class"

J'avais oublié un / dans mon précédent post, c'est pour ça que tu n'as sans doute pas du voir~

MERCI.

Bonjour ^^

Puis-je classer ?

Bien évidemment.