PROBLEME MARGE SITE HTML!!

bangarchitecte Messages postés 2 Date d'inscription   Statut Membre Dernière intervention   -  
dariumis Messages postés 571 Date d'inscription   Statut Membre Dernière intervention   -
pourriez vous m'aider concernant ceci :

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

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

Merci..
A voir également:

1 réponse

Réponse 1 / 1
dariumis Messages postés 571 Date d'inscription   Statut Membre Dernière intervention   63
 
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;  
}
0
bangarchitecte Messages postés 2 Date d'inscription   Statut Membre Dernière intervention  
 
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..
0
dariumis Messages postés 571 Date d'inscription   Statut Membre Dernière intervention   63
 
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>
0

Discussions similaires

Formule taux de marque
vcloclo1 -
vcloclo1 -

26 réponses
C'est quoi le site qui remplace coco chat
TP3 -
bazfile -

2 réponses