Problème 3ème bloc
Fermé
katsuporich
Messages postés
781
Date d'inscription
vendredi 11 avril 2008
Statut
Membre
Dernière intervention
17 novembre 2008
-
12 juin 2008 à 22:55
katsuporich Messages postés 781 Date d'inscription vendredi 11 avril 2008 Statut Membre Dernière intervention 17 novembre 2008 - 13 juin 2008 à 08:55
katsuporich Messages postés 781 Date d'inscription vendredi 11 avril 2008 Statut Membre Dernière intervention 17 novembre 2008 - 13 juin 2008 à 08:55
A voir également:
- Problème 3ème bloc
- Bloc note gratuit - Télécharger - Agendas & Calendriers
- Bloc note windows - Télécharger - Traitement de texte
- Bloc note linux ✓ - Forum Linux / Unix
- Code bloc - Télécharger - Langages
- Ubisoft stage 3eme ✓ - Forum Études / Formation High-Tech
2 réponses
??Comment on peut deviner le problème sans voir le code source?
Il serait pas plus simple de commencer à la placer par la gauche comme c'est le cas naturellement? Flotter= float? ça sert à rien puisque c'est le cas naturellement, les éléments se placent de gauche à droite sur la même ligne sous réserve qu'il y ait la place.
Pourquoi ne pas utiliser simplement un tableau de 4 cellules? la 1ère vide avec une taille de 50%, le reste est occupé par les blocs dans l'ordre voulu.
Le css c'est bien mais encore faut il savoir se servir du html.
Il serait pas plus simple de commencer à la placer par la gauche comme c'est le cas naturellement? Flotter= float? ça sert à rien puisque c'est le cas naturellement, les éléments se placent de gauche à droite sur la même ligne sous réserve qu'il y ait la place.
Pourquoi ne pas utiliser simplement un tableau de 4 cellules? la 1ère vide avec une taille de 50%, le reste est occupé par les blocs dans l'ordre voulu.
Le css c'est bien mais encore faut il savoir se servir du html.
katsuporich
Messages postés
781
Date d'inscription
vendredi 11 avril 2008
Statut
Membre
Dernière intervention
17 novembre 2008
63
13 juin 2008 à 08:55
13 juin 2008 à 08:55
Excusez, c'est vrai que ça serait mieux avec le code! ^^ (au fait sur mon post d'en haut y'a une erreur, mon menu est à gauche pas à droite!)
Code html
Code CSS
Donc vous pouvez voir que la "colonne pub" reste en dessous du corps alors qu'elle a la place de se mettre à coté
Je répète que je suis débutant (merci SdZ)
merci pour vos réponses
Code html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Accueil</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="design" href="css2.css" />
</head>
<body id="body_accueil">
<div id="en_tete">
</div>
<div id="menu">
<div class="element_menu">
<h3 class="titre"> Menu </h3>
<a href="index.htm"><img src="images/boutons/bouton_accueil.png" alt="Accueil" title="Aller à la page d'Accueil"/></a>
<a href="pages_site/jeux_video.htm"><img src="images/boutons/bouton_jeux_video.png" alt="Jeux Vidéo" title="Aller à la page Jeux Vidéo"/></a>
<a href="pages_site/mangas_animes.htm"><img src="images/boutons/bouton_mangas_animes.png" alt="Mangas/Animes" title="Aller à la page Mangas/Animes"/></a>
<a href="pages_site/downloads.htm"><img src="images/boutons/bouton_downloads.png" alt="Downloads" title="Aller à la page Downloads"/></a>
<a href="pages_site/forum.htm"><img src="images/boutons/bouton_forum.png" alt="Forum" title="Aller sur le Forum"/></a><br/>
<a href="pages_site/liens_utiles.htm"><img src="images/boutons/bouton_liens_utiles.png" alt="Liens Utiles" title="Aller à la page des Liens Utiles"/></a><br/>
<a href="pages_site/livre_dor.htm"><img src="images/boutons/bouton_livre_dor.png" alt="Livre D'or" title="Aller à la page du Livre D'or"/></a>
</div>
</div>
<div id="corps">
<div class="element_corps_accueil">
<h2 class="titre">Accueil</h2>
</div>
</div>
<div id="colonne_pub">
<div class="element_colonne_pub">
<h3 class="titre">Pubs</h3>
</div>
</div>
</body>
</html>
Code CSS
body
{
width: 920px;
margin: auto; /* Pour centrer notre page */
margin-top: 10px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
margin-bottom: 10px; /* Idem pour le bas du navigateur */
}
#body_accueil
{
background-image: url("../images/fond1.jpg"); /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
background-repeat: no-repeat;
background-attachment: fixed;
}
#en_tete
{
width: 920px;
height: 130px;
background-image: url("../images/bannieres/banniere1.png");
background-repeat: no-repeat;
margin-bottom: 10px;
}
#menu
{
float: left; /* Le menu flottera à gauche */
width: 135px; /* Très important : donner une taille au menu */
margin-bottom: 10px;
}
.element_menu
{
background-color: #414a51;
background-image: url("images/motif.png");
background-repeat: repeat-x;
text-align: center;
border: 2px ridge red;
height: 500px;
}
#corps
{
width: 650px;
text-indent: 30px;
text-align: justify;
margin-left: 140px;
margin-right: 5px;
margin-bottom: 10px;
}
.element_corps_accueil
{
background-color: #414a51;
border: 4px outset teal;
padding: 12px;
}
#colonne_pub
{
float: right;
}
.element_colonne_pub
{
background-color: #414a51;
border: 2px ridge red;
text-align: center;
width: 125px;
height: 500px;
}
Donc vous pouvez voir que la "colonne pub" reste en dessous du corps alors qu'elle a la place de se mettre à coté
Je répète que je suis débutant (merci SdZ)
merci pour vos réponses
