CSS - comment placer deux cadres sur la même ligne ?
CsKileur_29
Messages postés
8
Statut
Membre
-
CsKileur_29 Messages postés 8 Statut Membre -
CsKileur_29 Messages postés 8 Statut Membre -
Bonjour à tous,
j'ai commencé un site en html + css, mais un problème se pose.
J'aimerai poser un bloc en milieu de page et deux autres sur les bordures de page, mais à chaque bloc posé, une ligne sépare d'un autre.
Voici une image :
http://www.noelshack.com/2014-12-1395341225-capture.jpg
Comme on peut le voir, il y a de nombreux blocs, mais j'aimerai mettre des bordures entre, c'est-à-dire ici :
http://www.noelshack.com/2014-12-1395341308-capture.jpg
Merci pour votre aide.
(Je peut joindre un lien des codes si jamais il y a besoin)
j'ai commencé un site en html + css, mais un problème se pose.
J'aimerai poser un bloc en milieu de page et deux autres sur les bordures de page, mais à chaque bloc posé, une ligne sépare d'un autre.
Voici une image :
http://www.noelshack.com/2014-12-1395341225-capture.jpg
Comme on peut le voir, il y a de nombreux blocs, mais j'aimerai mettre des bordures entre, c'est-à-dire ici :
http://www.noelshack.com/2014-12-1395341308-capture.jpg
Merci pour votre aide.
(Je peut joindre un lien des codes si jamais il y a besoin)
A voir également:
- Faire un cadre html/css
- Comment faire un cadre sur word - Guide
- Editeur html - Télécharger - HTML
- Espace html - Astuces et Solutions
- Br html ✓ - Forum Webmastering
- Dans le document à télécharger, positionnez l'image dans le cadre gris. mettez un espace de 1 cm autour de l'image. comment se prénomme la personne recherchée ? - Forum Word
3 réponses
"Je peut joindre un lien des codes si jamais il y a besoin"
Pas besoin de le mettre en lien, tu peux le copier-coller ici. Mais utilises les balises de code
Pas besoin de le mettre en lien, tu peux le copier-coller ici. Mais utilises les balises de code
<code html> ...</code>ou
<code css> ... </code>pour que ce soit plus clair.
#moncadre {
height:270px;
width:210px;
margin:false;
position:absolute;
top:165px;
left:220px;
padding:0px;
background-color:#CECECE;
border:2px solid #766F64;
}
Salut,
Même en consultant les images je n'ai
pas tout compris à votre question... les lignes c'est pour le texte sinon il n'y a pas de ligne.
HTML correspond à des éléments(balises) qui peuvent s'imbriquer autant de fois que vous voulez, donc certains des éléments sont containers et d'autres contenus, un container peut être contenu par un autre et ainsi de suite.
Pour afficher un cadre de ces éléments vous pouvez utiliser border et éventuellement préciser une 'bordure' sur un seul des 4 côtés ou 2 ou 3 en indiquant séparément avec border-top, border-right, etc...
Bref si vous avez un container comme ceux que vous indiquez ur vos images pour mettre un cadre vous n'avez qu'à utiliser une classe(class car vous pouvez la réutiliser) et indiquer avec la propriété border qui regroupe border-width border-style et border-color comme vous le faites dans l'exemple de votre code(sauf que l'on sait pas à quoi ça correspond dans le HTML..).
Pour afficher une ligne horizontale vous avez la balise <hr />. Verticalement ou horizontalement vous pouvez aussi utiliser des images(en général en les utilisant en image de fond et en les répéatant pour faire des cadre/bordure car le poids de chargement s'en trouve allégé, avec background-repeat x ou y selon que vous voulez du cadre horizontal ou vertical et le positionnement prés du bord vous aurez quelque chose de très correct qui permet de faire des cadres plus jolis que ceux définis par les quelques style css de border-style).
Si votre question concerne le positionnement(parce que pour avoir les bords au bon endroit il faut que le bloc soit positionné au bon endroit) les 2/3 premiers résultats seront d'une grande aide:
https://www.google.fr/search?q=positionnement+css
Même en consultant les images je n'ai
pas tout compris à votre question... les lignes c'est pour le texte sinon il n'y a pas de ligne.
HTML correspond à des éléments(balises) qui peuvent s'imbriquer autant de fois que vous voulez, donc certains des éléments sont containers et d'autres contenus, un container peut être contenu par un autre et ainsi de suite.
Pour afficher un cadre de ces éléments vous pouvez utiliser border et éventuellement préciser une 'bordure' sur un seul des 4 côtés ou 2 ou 3 en indiquant séparément avec border-top, border-right, etc...
Bref si vous avez un container comme ceux que vous indiquez ur vos images pour mettre un cadre vous n'avez qu'à utiliser une classe(class car vous pouvez la réutiliser) et indiquer avec la propriété border qui regroupe border-width border-style et border-color comme vous le faites dans l'exemple de votre code(sauf que l'on sait pas à quoi ça correspond dans le HTML..).
Pour afficher une ligne horizontale vous avez la balise <hr />. Verticalement ou horizontalement vous pouvez aussi utiliser des images(en général en les utilisant en image de fond et en les répéatant pour faire des cadre/bordure car le poids de chargement s'en trouve allégé, avec background-repeat x ou y selon que vous voulez du cadre horizontal ou vertical et le positionnement prés du bord vous aurez quelque chose de très correct qui permet de faire des cadres plus jolis que ceux définis par les quelques style css de border-style).
Si votre question concerne le positionnement(parce que pour avoir les bords au bon endroit il faut que le bloc soit positionné au bon endroit) les 2/3 premiers résultats seront d'une grande aide:
https://www.google.fr/search?q=positionnement+css
