Bonjour,
Je me lance dans la création de sites Internet. Je me suis mis au PHP et au CSS.
J'ai réussi à faire un site valide XHTML, cependant je n'arrive pas à positionner correctement ma div qui contient le texte de mon site, en page centrale !
La div est trop bas, je ne sais pas pourquoi ?
Ci-joint une capture d'écran :
Vous voyez, l'icône ainsi que le texte sont trop bas !!
CSS
XHTML
J'ai le même problème sur une autre page, cette fois-ci c'est le formulaire qui se trouve trop bas....
Code XHTML
Merci d'avance pour votre aide si précieuse !!!
Modifié par webdev (10 Mar 2007 - 18:41)
Je me lance dans la création de sites Internet. Je me suis mis au PHP et au CSS.
J'ai réussi à faire un site valide XHTML, cependant je n'arrive pas à positionner correctement ma div qui contient le texte de mon site, en page centrale !
La div est trop bas, je ne sais pas pourquoi ?
Ci-joint une capture d'écran :
Vous voyez, l'icône ainsi que le texte sont trop bas !!
CSS
body {
margin : 0;
text-align : center;
}
#container {
position : relative;
margin-left : auto;
margin-right : auto;
width : 570px;
height : 100%;
top : 0;
text-align : justify;
}
#design {
position : relative;
background-image : url(../site/default_BG.gif);
background-repeat : no-repeat;
width : 570px;
height : 720px;
}
#menu {
position : relative;
width : 150px;
height : 180px;
left : 2%;
top : 500px;
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #ffffff;
}
#menu a, a:link, a:active, a:visited {
color : #ff6600;
}
#menu a:hover {
color : #ffffff;
}
#menu_small {
position : relative;
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #ffffff;
}
#menu_small a, a:link, a:active, a:visited {
color : #ff6600;
}
#menu_small a:hover {
font-weight : bold;
font-style : italic;
}
#footer {
position : relative;
width : 370px;
height : 12px;
background : #042558;
left : 35%;
bottom : 1px;
color : #ffffff;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
font-style : italic;
font-size : 10px;
}
#content {
position : relative;
width : 375px;
height : 600px;
left : 20%;
overflow : auto;
}
#content_2 {
position : relative;
width : 370px;
left : 35%;
overflow : hidden;
}
.Textes {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #000000;
}
#titles {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
font-size : 13px;
color : #000000;
}
#subtitles {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-style : italic;
font-size : 10px;
color : #000000;
}
#content_links a, a:link, a:active, a:visited {
color : #ff6600;
}
#content_links a:hover {
color : #000000;
}
#board {
border : 1px dashed #000000;
}
#rouge {
color : #ff0000;
font-style : italic;
}
a img {
border : none;
}XHTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type" /><meta name="author" content="Uxone.net" />
<meta name="description" content="Uxone - Web Development" />
<meta name="keywords" lang="fr" content="Uxone,Web,Creation,Development,PHP" />
<meta http-equiv="Content-Language" content="fr" />
<meta name="copyright" content="©2007 - Une réalisation Uxone.net" /><link rel="stylesheet" type="text/css" media="screen" href="graphics/css/default.css" /><title>Uxone - Web Development</title></head><body>
<div id="container">
<div id="design">
<div id="menu" align="left">
- <a href="index.php?page=index">Accueil</a><br />
- <a href="index.php?page=webdev">Web Development</a><br />
- <a href="index.php?page=webdesign">Web Design</a><br />
- <a href="index.php?page=references">Nos références</a><br />
- <a href="index.php?page=contact">Contact</a><br />
- <a href="index.php?page=about">A Propos</a><br /><br />
<form method="post" action="/uxone.net/index.php">
<fieldset>
<legend>Choisissez un Style</legend>
<select name="style">
<option value="default" selected="selected">Style par défaut</option>
<option value="nb">Noir et Blanc</option>
<option value="rouge">Rouge</option>
<option value="vert">Vert</option>
</select>
<br /><br />
<input type="submit" name="change_style" value="Changer le Style" />
</fieldset>
</form>
<br />
<br />
<br />
<a href="http://validator.w3.org/check/referer"><img src="graphics/site/xhtml.png" alt="XHTML Valid" /></a>
<br />
<a href="http://jigsaw.w3.org/css-validator/"><img src="graphics/site/css.png" alt="CSS Valid" /></a>
<br />
<img src="graphics/site/logo.jpg" alt="Logo UXONE" />
<br />
</div><div id="content_2"><center><img src="graphics/site/accueil.jpg" alt="Accueil"></img></center><br />
<center><span id="titles"><strong>Création de sites Internet</strong></span></center><br />
<span class="Textes"><br />
Uxone est une Web Agency (Agence Web) spécialisée dans la création de sites Internet.<br />
<br />
Nous vous proposons des solutions adaptées pour :<br />
<br />
.la réalisation de votre site Internet : site vitrine, site dynamique ou de vente en ligne<br />
.le référencement de site Internet : conseil en visibilité<br />
.la conception d'outils pour votre entreprise : intranet, extranet<br />
<br />
Quel que soit votre projet, Uxone vous guide pour le concrétiser. De l'analyse à la conception, en passant par sa réalisation et jusqu'à son suivi dans le temps, nous vous accompagnerons tout au long des étapes de votre projet.<br />
A l'aise sur des sites à petit budget, comme sur des projets plus conséquents, nous adaptons notre offre pour chaque client.<br />
<br />
Au fûr et à mesure de nos réalisations, nous avons développé et perfectionné notre offre.<br />
Nous sommes aujourd'hui en mesure de vous proposer l'outil dont vous avez besoin. Ni plus ni moins.<br />
<br />
Nous sommes une équipe jeune et motivée dotée de compétences complémentaires.<br />
<br />
Tous les sites web que nous développons respectent les standards du Web, selon les normes du W3C (World Wide Web Consortium).<br />
<br />
Votre site est ainsi ergonomique, fluide, et doté des dernières technologies en matière de développement web.<br />
<br />
Nos compétences<br />
<br />
.Ingénierie logicielle Web, développement<br />
.Sites Internet / Extranet / Intranet<br />
.Plates-formes de e-commerce<br />
.Référencement, hébergement<br />
<br />
Uxone prend en charge tout le processus de création graphique de votre site Web :<br />
<br />
.Création de logo<br />
.Création de votre identité visuelle<br />
.Création de la charte graphique<br />
</span><br />
</div><div id="footer"><center>© 2007 - UXONE</center></div>
</div>
</div>
</body>
</html>J'ai le même problème sur une autre page, cette fois-ci c'est le formulaire qui se trouve trop bas....
Code XHTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type" /><meta name="author" content="Uxone.net" />
<meta name="description" content="Uxone - Web Development" />
<meta name="keywords" lang="fr" content="Uxone,Web,Creation,Development,PHP" />
<meta http-equiv="Content-Language" content="fr" />
<meta name="copyright" content="©2007 - Une réalisation Uxone.net" /><link rel="stylesheet" type="text/css" media="screen" href="graphics/css/default.css" /><title>Uxone - Web Development</title></head><body>
<div id="container">
<div id="design">
<div id="menu" align="left">
- <a href="index.php?page=index">Accueil</a><br />
- <a href="index.php?page=webdev">Web Development</a><br />
- <a href="index.php?page=webdesign">Web Design</a><br />
- <a href="index.php?page=references">Nos références</a><br />
- <a href="index.php?page=contact">Contact</a><br />
- <a href="index.php?page=about">A Propos</a><br /><br />
<form method="post" action="/uxone.net/index.php">
<fieldset>
<legend>Choisissez un Style</legend>
<select name="style">
<option value="default" selected="selected">Style par défaut</option>
<option value="nb">Noir et Blanc</option>
<option value="rouge">Rouge</option>
<option value="vert">Vert</option>
</select>
<br /><br />
<input type="submit" name="change_style" value="Changer le Style" />
</fieldset>
</form>
<br />
<br />
<br />
<a href="http://validator.w3.org/check/referer"><img src="graphics/site/xhtml.png" alt="XHTML Valid" /></a>
<br />
<a href="http://jigsaw.w3.org/css-validator/"><img src="graphics/site/css.png" alt="CSS Valid" /></a>
<br />
<img src="graphics/site/logo.jpg" alt="Logo UXONE" />
<br />
</div><div id="content_2"><script src="scripts/verif.js" type="text/javascript"></script><br />
<center><img src="graphics/site/mail.jpg" alt="Contact"></img></center><br />
<center><span id="titles"><strong>Contact</strong></span></center><br />
<span class="Textes"><br />
<form name="formulaire" method="post" action="index.php?page=send" OnSubmit="return testform(this.nom,this.mail,this.message)"><br />
<table><br />
<tr><br />
<td><span id="titles">Nom<span id="rouge">*</span> :</span></td><br />
<td><input type="text" name="nom"><br></td><br />
</tr><br />
<tr><br />
<td><span id="titles">Société :</span></td><br />
<td><input type="text" name="societe"><br></td><br />
</tr><br />
<tr><br />
<td><span id="titles">Email<span id="rouge">*</span> :</span></td><br />
<td><input type="text" name="mail"><br></td><br />
</tr><br />
<td><span id="titles">Téléphone :</span></td><br />
<td><input type="text" name="numerotel"><br><br></td><br />
</tr><br />
<tr><br />
<td><span id="titles">Message<span id="rouge">*</span> :</span></td><br />
<td><textarea name="message" cols="30" rows="5"></textarea><br><br></td><br />
</tr><br />
<tr><br />
<td><input type="submit" name="Submit" value="Envoyer"></td><br />
<td><input type="reset" name="Submit2" value="Réinitialiser"></td><br />
<tr><br />
</table> <br />
<p><span id="rouge">*</span><span id="titles"> Champs obligatoires</span></p><br />
</form><br />
</span><br />
</div><div id="footer"><center>© 2007 - UXONE</center></div>
</div>
</div>
</body>
</html>Merci d'avance pour votre aide si précieuse !!!
Modifié par webdev (10 Mar 2007 - 18:41)
