Problème avec un cadre??

Bonjour.

Voila mon problème, j'ai créé un forum et j'ai voulu faire une page d'accueil moin basique que d'habitude, alors j'ai demander a un notre fondateur un code qui donner a la page d'accueil un cadre comme celui-ci qui provient de mon forum :

Spoiler:

Voila ce que sa donne sur mon forum, mais le problème est que je n'arrive pas a en mettre un deuxième a coté, quand je met le code une deuxième vois il se met a l'intèrieur de l'autre.

Je ne m'y connait pas trop en Html mais je sens que le problème est simple a résoudre .

Merci a celui ou celle qui prendra le temps de m'aider.

Le voila :

Code:

<div style="border: 3px double black; padding: 7px; overflow: auto; width: 300px; height: 150px;">

Ok alors sa devrait pas être trop compliqué je pense que ça peut se faire sans CSS.

Code:

<div><div style="border: 3px double black; padding: 7px; overflow: auto; width: 300px; height: 150px;"><div style="border: 3px double black; padding: 7px; overflow: auto; width: 300px; height: 150px;"></div>

J'e dit ça, je l'ai pas testé en même temps XD

Tu as essayé d'encadrer chacune d'entre elles par des div qui seraient elles même entourées d'une autre ? Flemme de trifouiller le css x)

Code:

<div><div><div style="border: 3px double black; padding: 7px; overflow: auto; width: 300px; height: 150px;"></div><div><div style="border: 3px double black; padding: 7px; overflow: auto; width: 300px; height: 150px;"></div></div>

Bon bah déjà il se sont séparer merci ^^, mais comment je fais après pour qu'il soient l'un a coté de l'autre du moin sur le même alignement horizontal et un peu séparer, car la ils se sont aligner l'un en dessous de l'autre.

Bonsoir,

Je me permets une brève intervention, pour placer les deux cadres l'un à côté de l'autre pourquoi ne pas utiliser la propriété CSS : Float: left sur l'un x) les "block" seraient placés l'un à côté de l'autre, non ? (sachant qu'une feuille de style serait plus pratique pour gérer l'apparence des cadres)

en concrêt ma solution donnerait :
sur la page html

Code:


<div id="block1">Contenu</div>
<div id="block2">Contenu</div>


dans la feuille de style (le css):

Code:


#block1
{
border: 3px double black;
padding: 7px;
overflow: auto;
width: 300px;
height: 150px;
float:left
}

#block2
{
border: 3px double black;
padding: 7px;
overflow: auto;
width: 300px;
height: 150px;
float: right
}


Je suis pas sûre de moi pour le second "float:right" pour ma part j'ai tendance à utiliser des tableaux... *débutante powa*

J'en ai terminé x)
bonne soirée

même en usant d'un margin léger voire inférieur ?
Et sans utiliser le float right pour le second cadre ?

j'ai rien essayé du tout hein je propose juste...

Edit :
J'ai bidouiller le css et pour avoir une petite marge entre les deux cadres il faut juste ajouter des marges x) "margin"

Code:


#block1
{
border: 3px double black;
padding: 7px;
overflow: auto;
width: 300px;
height: 150px;
float:left;
margin-right:10px;
}

#block2
{
border: 3px double black;
padding: 7px;
overflow: auto;
width: 300px;
height: 150px;
margin-left: 10px;
}


J'ai ôté le float:right du deuxième cadre ainsi le cadre de gauche float juste à gauche du cadre de droite. Pour ce qui est de la marge il suffit de moduler le nombre de pixels des margin-left/margin-right x)
heu, voilà ma solution.

De rien mais comme je l'ai dis dans ma précédente réponse, il te faut juste bidouiller le css x)

Les margin-right et margin-left en fait.
Augmente ou diminue le nombre de pixels faut farfouiller et faire des essais sur ce coup.
Sache que tu peux aussi mettre des nombres négatifs en pixels ! (ex: -23px) et comme toujours faut voir comment ça s'agence sur ta page.

Pour ma part quand je bidouille sur la solution que je t'ai proposé au départ j'ai les deux cadres qui se touchent et quand j'ajoute mes margins les deux cadres se décallent légèrement l'un de l'autre.

Fais comme tu le sens mais ma solution fonctionne je l'ai testé xD