Sujet Précédent Sujet Suivant

Projet L1 Info

Fermé
FeEqR Messages postés 3 Date d'inscription lundi 10 décembre 2012 Statut Membre Dernière intervention 20 décembre 2012 - Modifié par FeEqR le 10/12/2012 à 20:55
FeEqR Messages postés 3 Date d'inscription lundi 10 décembre 2012 Statut Membre Dernière intervention 20 décembre 2012 - 11 déc. 2012 à 22:56
Bonjour,

donc voila je vais expliquer mon problème !

Je suis en première année d'informatique et j'ai un projet a réaliser en Css html et Js.

Mais j'ai un problème dans la mise en page avec les images.

Je m'explique dès que je mets mes images je peux aller au delà de la page alors qu'il n'y a rien c'est très embêtant et surtout très moche ...

http://image.noelshack.com/fichiers/2012/50/1355169290-site.png

Ce n'est pas très clair je sais car difficile à expliquer. Je vais mettre le code.

HTML 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html> 
  <head> 
   <Meta name="Author" content=""> 
   <meta http-equiv="content-style-type" content="text/css"> 
    <title>Acceuil</title> 
     <link rel="stylesheet" media="screen" type="text/css" title="acceuil" href="..\Css\acceuil.css"  /> 
  </head> 
   
 <body> 
   
  <div id="bann"><h1>Internet et Programmation<h1></div> 
    
   <div id="menu"> 
    <ul> 
     <li><a href="cv.html">Mon Curriculum Vitae</a></li> 
     <li><a href="hobbies.html">Mes Hobbies</a></li> 
     <li><a href="habitat.html">Mon village</a></li> 
     <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> 
    </ul> 
   </div> 
    
    
   <div id="corps"> 
     
    <h2><u>Navigation</u></h2> 
    <p>Voici les différentes pages que vous offre le site :</p> 
     
    <div id="images"> 
     <div id="curi"><a href="cv.html"><img src="..\images\cv.jpg" border="5" style="border-color:white"></a></div> 
     <div id="paint"><a href="hobbies.html"><img src="..\images\paintball.jpg" border="5" style="border-color:white" width="400" height="300"></a></div> 
     <div id="village"><a href="habitat.html"><img src="..\images\Cca.jpg" border="5" style="border-color:white" width="400" height="300"></a></div> 
    </div> 
   </div> 
    
   <FORM method=post action="cgi-bin/script.pl"><br /> 
      Cette page d'acceuil vous plaît elle ? 
        <TABLE BORDER=0> 
       <TR> 
        <TD>Nom</TD> 
        <TD> 
        <INPUT type=text name="nom"> 
        </TD> 
       </TR> 

       <TR> 
        <TD>Prénom</TD> 
        <TD> 
        <INPUT type=text name="prenom"> 
        </TD> 
       </TR> 

       <TR> 
        <TD>Sexe</TD> 
        <TD> 
        Homme : <INPUT type=radio name="sexe" value="M"> 
        <br>Femme : <INPUT type=radio name="sexe" value="F"> 
        </TD> 
       </TR> 

       <TR> 
        <TD>Fonction</TD> 
        <TD> 
        <SELECT name="fonction"> 
         <OPTION VALUE="enseignant">Travailleur</OPTION> 
         <OPTION VALUE="etudiant">Etudiant</OPTION> 
         <OPTION VALUE="retraite">Retraité</OPTION> 
         <OPTION VALUE="autre">Autre</OPTION> 
        </SELECT> 
        </TD> 
       </TR> 
       <TR> 
        <TD>Commentaires</TD> 
        <TD> 
        <TEXTAREA rows="3" name="commentaires"> 
Tapez ici vos commentaires</TEXTAREA> 
        </TD> 
       </TR> 

       <TR> 
        <TD COLSPAN=2> 
        <INPUT type="submit" value="Envoyer"> 
        </TD> 
       </TR> 
       </TABLE> 
       </FORM> 
    
   <div id="pied"> 
    Codé par Aurélien Wargnier L1 Informatique UPJV <br /> 
    N'hésitez pas à <a href="mailto:">me contacter</a> 
    <div id="upjv"><a href="https://www.u-picardie.fr/"><img src="..\images\upjv.gif" width="50" height="50"></a><img src="..\images\Mario.jpg" width="50" height="50"></div> 
   </div> 
 </body> 
</html>


CSS 
/* CSS Document */ 

/*Style généraux de la page d'acceuil*/ 


body 
 { 
    background-image: url(../images/fond.png); 
    background-repeat: repeat; 
 color: white; 
}   

#logo 
{ 
 position: relative; 
 left: 500px; 
 top: 100px; 
} 

#bann 
{ 
 border: 2px dotted white; 
 border-style: outset; 
 left: 0px; 
 top: 0px; 
 color: white; 
 text-align: center; 
 z-index: 1; 
} 

#menu 
{ 
 display: inline-block; 
 width: 17%; 
 float: left; 
 margin-top: 25px; 
 background-color: transparent; 
 color: white; 
 border: 2px dotted white; 
 border-style: outset; 
} 

#corps 
{ 
 text-align: center; 
 margin-left: 18%; 
 margin-top: 25px; 
 padding: 10px; 
 color: white; 
 text-align: justify; 
 border: 2px dotted white; 
 border-style: outset; 
 background: transparent; 
} 

#curi 
{ 
 position: relative; 
 left: 100px; 
 top: 0px; 
 z-index: 3; 
} 

#paint 
{ 
 position: relative; 
 left: 510px; 
 top: 0px; 
 z-index: 4; 
} 

#village 
{ 
 position: relative; 
 left: 100px; 
 top: 0px; 
 z-index: 5; 
} 

#pied 
{ 
 margin-left: 0%; 
 margin-top: 10px; 
 padding: 10px; 
 background-color: transparent; 
 color: white; 
 border: 2px dotted white; 
 border-style: outset; 
 text-align: center; 
} 

#upjv 
{ 
 position: relative; 
 left: 0px; 
 top: 0px; 
 z-index: 6; 
} 

a 
{ 
 color:white; 
}


Voila J'espère que vous allez pouvoir m'aider je reste à dispostion pour répondre a vos questions si il y en a ^^

Et aussi si vous avez des idées de JS que je pourrait insérer et des conseils pour la page que je viens d'insérer merci de m'en faire part .

Merci d'avance à tous !


A voir également:

2 réponses

Réponse 1 / 2
le_joker_fou Messages postés 764 Date d'inscription mercredi 5 août 2009 Statut Membre Dernière intervention 7 août 2014 239
11 déc. 2012 à 12:08
Salut,

Regarde la taille de ton image de fond. Celle-ci est surement très grande et du coup ta page prend ses dimensions.
0
Réponse 2 / 2
FeEqR Messages postés 3 Date d'inscription lundi 10 décembre 2012 Statut Membre Dernière intervention 20 décembre 2012
11 déc. 2012 à 22:56
J'ai essayé, j'ai mis background:black; mais le problème reste le même.

Merci quand même, quelqu'un d'autre ?
0

Discussions similaires

Logiciel équivalent à Crystal Disk Info pour Mac.
Lady1994 -
Daenerys_WD -

1 réponse
Musique Du Film "Project X"
AlexiaMartins -
Thibaut -

23 réponses
Musique de " Projet X "
Gwendo443 -
EthanKin -

2 réponses
musique debut project x
warmzire -
LOL -

9 réponses
sms reçu d'Intrum justitia
titi81 -
Bencestmoicommedhabitude -

7 réponses