Projet L1 Info
FeEqR
Messages postés
3
Date d'inscription
Statut
Membre
Dernière intervention
-
FeEqR Messages postés 3 Date d'inscription Statut Membre Dernière intervention -
FeEqR Messages postés 3 Date d'inscription Statut Membre Dernière intervention -
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
CSS
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 !
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:
- Projet L1 Info
- Crystal disk info - Télécharger - Informations & Diagnostic
- Info pc - Guide
- Wifi info view - Télécharger - Divers Réseau & Wi-Fi
- Filigrane projet - Guide
- Info free: votre encours sur le service internet est supérieur à 10 € ✓ - Forum iPhone
