PROBLEME MARGE SITE HTML!!

Fermé

bangarchitecte Messages postés 2 Date d'inscription lundi 18 octobre 2010 Statut Membre Dernière intervention 19 octobre 2010 - 19 oct. 2010 à 10:14
dariumis Messages postés 571 Date d'inscription mardi 16 mars 2010 Statut Membre Dernière intervention 18 avril 2018 - 19 oct. 2010 à 12:32

pourriez vous m'aider concernant ceci :

http://www.bangarchitectes.fr/indexhibit/indexhibitv070e/

je n'arrive pas à centrer le contenu...

Merci..

A voir également:

PROBLEME MARGE SITE HTML!!
Site de telechargement - Guide
Site inaccessible - Guide
Site de vente entre particulier - Guide
Editeur html - Télécharger - HTML
Site partage photo - Guide

1 réponse

Réponse 1 / 1

dariumis Messages postés 571 Date d'inscription mardi 16 mars 2010 Statut Membre Dernière intervention 18 avril 2018 63
Modifié par dariumis le 19/10/2010 à 12:02

Salut, tu as des div vide d'html un peu partout qui empeche le centrage, tu as deux fois le div id menu, alors qu'un id a un usage unique, pareille pour content. Le css, le Javascript c'est dans le head qu'il faut les placer, il faut pas creer des div pour les placer... enfin y a trop de div inutile. reprend ton code pour garder l'html dont tu as besoin et enleve tous le superflus. essaye ce css pour visualiser le probleme:

div div{  
border:solid 1px red!important;  
}

bangarchitecte Messages postés 2 Date d'inscription lundi 18 octobre 2010 Statut Membre Dernière intervention 19 octobre 2010
19 oct. 2010 à 12:11

Merci beaucoup pour ta réponse... j'ai bidouillé ce truc un peu n'importe comment, (je ne m'y connais pas du tout en html, je suis partie d'une base existante et puis j'ai essayé la modifier..)
j'ai l'impression qu'il y a un "menu" sur la gauche, car l'image disparait quand on bouge le scroll horizontal..
je ne comprends pas d'ou vient le problème, pourrais tu juste me ré-expliquer ce que dois enlever, rajouter ?
désolé d'être lourd, mais ça me sauverai la vie!
encore merci pour ta réponse..

dariumis Messages postés 571 Date d'inscription mardi 16 mars 2010 Statut Membre Dernière intervention 18 avril 2018 63
Modifié par dariumis le 19/10/2010 à 12:35

Il est parfois plus plus difficile de partir de quelque chose d'existant que de repartir du début, je te conseil de lire le tutos du site du zeros https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3 Construit ta page par étape, d'abord tu fais l'html, donc ça va pas etre compliqué pour ce que tu veux faire, ça va ressembler a ça:

<!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" xml:lang="fr">  
    <head>  
        <meta http-equiv="content-type" content="text/html; charset?=ISO-8859-1"/>  
        <meta http-equiv="content-language" content="fr-FR"/>  
        <meta name="language" content="fr-FR"/>  
        <meta name="description"/>  
        <meta name="keywords" xml:lang="fr-FR" content="motclef"/>  

        <title>  
            ton titre  
        </title>  
    </head>  
    <body>  
        <div id="glob">  
         <div class="image"><img alt="description" src="cheminVersImage"/></div>  
         <div class="image"><img alt="description" src="cheminVersImage"/></div>  
         <div class="image"><img alt="description" src="cheminVersImage"/></div>  
            <!-- ... -->  
        </div>  
    </body>  
</html>

Quant tu crée tes élément html tu crées le minimum. Une fois que tu as la structure tu fais le css, mais dans le head:

<head>  
        <meta http-equiv="content-type" content="text/html; charset?=ISO-8859-1"/>  
        <meta http-equiv="content-language" content="fr-FR"/>  
        <meta name="language" content="fr-FR"/>  
        <meta name="description"/>  
        <meta name="keywords" xml:lang="fr-FR" content="motclef"/>  

        <title>  
            ton titre  
        </title>  
<!-- ici tu place ton css-->  
<style>  
<!-- 
.image{  
width:30%;  
float:left;  
}  
--> 
</style>  
    </head>

et apres si tu as du javascript tu le place aussi dans le head:

<head>  
        <meta http-equiv="content-type" content="text/html; charset?=ISO-8859-1"/>  
        <meta http-equiv="content-language" content="fr-FR"/>  
        <meta name="language" content="fr-FR"/>  
        <meta name="description"/>  
        <meta name="keywords" xml:lang="fr-FR" content="motclef"/>  

        <title>  
            ton titre  
        </title>  
<!-- ici tu place ton css-->  
<style>  
.image{  
width:30%;  
float:left;  
}  
</style>  
<script>
<!-- ici tu place ton javascript--> 
 </script>
  
    </head>

Discussions similaires

'Votre colis est dans le site de livraison qui dessert votre adresse' que faire

Colis en cours de transport vers votre site de livraison ?

Formule taux de marque

Espace en HTML

Discussions similaires

Newsletters