28220 sujets

CSS et mise en forme, CSS3

[Résolu] Mes blocs s'empilent et ne s'accolent pas

Bonsoir !

Je n'arrive pas à trouver mon erreur : j'ai beau recopier vos exemples, connaître quasiment par coeur les tutoriaux maintenant, ça ne fonctionne tjs pas...

En fait, je cherche à faire une mise en page du genre :
entête
menugauche/centre/menudroite
pied de page

J'ai essayé tous les positionnements possibles et imaginables Smiley cligne mais tjs rien Smiley bawling

Voici mon code CSS :
/* CSS Document */
conteneur {
margin: 0;
padding: 0;
}
.entete {
margin-bottom: 20px;
}
.colonnegauche {
float: left;
width: 15%;
margin: 1em 0;
}
.centre {
float: left;
width: 70%;
margin: 1em 0;
}
.colonnedroite {
float: left;
width: 15%;
margin: 1em 0;
}
.pied {
margin-top: 20px;
}


et mon code pour la page : 
<?php echo "<?xml version=\"1.0\" encoding=\"iso-8859-1\"?".">"; ?>
<?php
require("fonction.php");
?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>
qdf
</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="file:///C|/Program%20Files/EasyPHP1-8/www/trocromance/mep.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div class="conteneur">
  <div class="entete">
    <?php
  include('entete.php');  // Nous appelons l'entete du site
?>
</div>

<div class="colonnegauche">
  <?php
  include('menu.php');   // Nous appelons notre menu
?>
</div>

<div class="centre">
<?php

  // On définit le tableau contenant les pages autorisées
  // ----------------------------------------------------
  $pageOK = array('tests' => 'tests.php',
  				  'news' => 'news.php',
                  'accueil' => 'accueil.php',
				  'trade' => 'trade.php',
				  'wish' => 'wish.php',
				  'amis' => 'amis.php',
				  'compte' => 'compte.php',
				  'profil' => 'profil.php',
				  'forum' => 'forum.php',
				  'contact' => 'contact.php',
				  'contemporain' => 'contemporain.php',
				  'cl' => 'cl.php',
	'sr' => 'sr.php',
	'rm' => 'rm.php',
    'historique' => 'historique.php',
    'vdt' => 'vdt.php',
    'paranormal' => 'paranormal.php',
    'sf' => 'sf.php',
    'f' => 'f.php',
    'wf' => 'wf.php');

  // On teste que le paramètre d'url existe et qu'il est bien autorisé
  // -----------------------------------------------------------------
  if ( (isset($_GET['page'])) && (isset($pageOK[$_GET['page']])) ) {
    include($pageOK[$_GET['page']]);   // Nous appelons le contenu central de la page
  } else {
    include('accueil.php');   // Page par défaut quant elle n'existe pas dans le tableau
  }
?>

<br>
<?php
$fp = fopen("compteur.txt","r+");
$nbvisites = fgets($fp,11);
$nbvisites++;
fseek($fp,0);
fputs($fp,$nbvisites);
fclose($fp);
print("$nbvisites visiteurs");
?>
</div>

<div class="colonnedroite">Autres liens</div>

<div class="pied">
<?php
  include('pied.htm');   // Nous appelons le pied de page
?>
</div>


</div>
</body>
</html>



Je n'ai pas trouvé non plus dans la faq ma réponse... mais bon il est 2h du mat' Smiley cligne

Cordialement

Lluthiel
Modifié par Lluthiel (17 Sep 2005 - 20:44)
Bonjour Lluthiel et bienvenue sur ce forum Smiley lol
Lluthiel a écrit :

J'ai essayé tous les positionnements possibles et imaginables Smiley cligne

Ah oui ? Juste au cas où :

conteneur {
margin: 0;
padding: 0;
}
.entete {
margin-bottom: 20px;
}
.colonnegauche {
float: left;
width: 15%;
margin: 1em 0;
}
.centre {
/* float: left; */
/* width: 70%; */
/* margin: 1em 0; */
[b][#blue]margin: 1em 15%;[/#][/b]
}
.colonnedroite {
/* float: left; */
[b][#blue]float: right;[/#][/b]
width: 15%;
margin: 1em 0;
}
.pied {
[b][#blue]clear: both;[/#][/b]
margin-top: 20px;
}

Cependant, dans le présent cas, l'ordre HTML devra être :

<div class="colonnegauche"></div>
<div class="colonnedroite"></div>
<div class="centre"></div>

Je déplace ton post dans le salon approprié.
Modifié par Stephan (17 Sep 2005 - 02:44)
Float left pour le gauche, float right pour celui de droite et margin : auto pour celui du centre. Essaye ça. moi c'est comme ça que j'avais fait Smiley cligne et dans l'ordre dis par Stephan.
En fait, je crois que je viens de trouver ! Smiley lol
Au lieu de lier ma feuille css à ma page, j'ai intégrer le code css directement dans ma page entre les balises <head></head>

En tout cas merci pour votre aide à tous !! Smiley biggrin

Cordialement

Lluthiel
Lluthiel a écrit :

En fait, je crois que je viens de trouver ! Smiley lol
Au lieu de lier ma feuille css à ma page, j'ai intégrer le code css directement dans ma page entre les balises <head></head>

Je trouve ça quand même curieux. Tu es certain de ne pas avoir oublié de rafraichir la fenêtre après avoir fait les modifications la première fois ?

Tiens je viens de regarder ton code :

<link href="[b][#red]file:///C|/Program%20Files/EasyPHP1-8/www/trocromance/[/#][/b]mep.css" rel="stylesheet" type="text/css" />

L'erreur ne viendrait pas du chemin vers ta feuille de style ?
a écrit :
L'erreur ne viendrait pas du chemin vers ta feuille de style ?


Si, je pense.

Je travaille sur plusieurs sites avec Dreamweaver et il me prend la tête à chaque fois que je ne travaille pas sur le site principal ! Smiley biggol

Lluthiel
Sujet clos
Aller à