18041 sujets

Questions générales et questions de débutants

Problèmes dans mon code...

Bonjour,

Voilà je suis en train de faire un portfolio et j'aimerais avoir un peu d'aide parce que là je sèche sur certains points.

Surtout sur le fait qu'avec Firebug, mon menu n'apparaisse pas comme un block...je ne comprends pas pourquoi.

Et aussi, pourquoi lorsque je rajoute du texte dans mon block 1 de mon corps, celui ci empiète sur le footer alors que ce sont deux blocks différents...

Voici mes deux pages : 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
     <title>Pierre L - Portfolio - Etudiant en 1�re ann�e de ******</title>
     <meta name="description" content="Description de ma page web." />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta http-equiv="Content-Language" content="fr" />
     <link href="home.css" rel="stylesheet" type="text/css" />
</head>


<body id="bg">
<div id="glob">

<div id="top">
<h1><a href="home.html"></a><img border="0" align="center" src="images/logo.png" /></h1>
<h2>ETUDIANT EN PREMIERE ANNEE *******</h2>
</div>

<div id="menu">
<ul>
<li><a href="home.html">Home</a></li>
<li><a href="real.html">R&eacute;alisations</a></li>
<li><a href="cv.html">Curiculum Vitae</a></li>
<li><a href="blog.html">Blog perso</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="apropos.html">A propos</a></li>
</ul>
</div>

<div id="content">
<div id="box1">
<h3></h3>
<p>Bienvenue sur mon portfolio,<br /></p>
<p>Actuellement en formation &agrave *************, <span class="obj">j'ai pour objectif de devenir **********</span></p>
<p>Gr&acirc;ce &agrave; ce portfolio, je vous invite &agrave; d&eacute;couvrir <span class="modiftxt">mes passions</span>,<span class="modiftxt"> mes r&eacute;alisations</span>, <span class="modiftxt">mon parcours</span> ainsi que<span class="modiftxt"> mes exp&eacute;riences</span>.</p>
<p>Excellente visite, </p>

<p>P. *****</p>
</div>

<div id="box2">
<h3></h3>
<p>Ici on mettra les images des r&eacute;alisations, de petits aper&ccedil;us quoi !<br/>Non, c'est pas une bonne id&eacute;e ? Moi je pense que si.<br/></p>
</div>

</div>

<div id="footer">
Site web d&eacute;velopp&eacute; par Pierre ******. <br />
2010-2011 - <a href="mailto:pierre.lenoble@free.fr">pierre.****@free.fr</a>
</div>


</div>
</body>


</html>



#bg {background-color: #FFF ; width : 750px ; margin:auto;}

#top h1  {text-align: right;}
#top h2 {font-family : Calibri, arial ; font-size: 12px; text-align: right; color: #A0A3A5 }

#menu ul li a {position: relative;color : #000 ; text-decoration: none ; float:left; margin:8px; font-family: verdana, calibri, arial ; font-size: 10px; font-weight: bold }
#menu a:hover {color: #00BDFF ;}
#menu ul li { list-style-type: none; } 

#content {width: 750px ;height: 300px; border-bottom: 1px solid #DEDEDE ;}
#box1 { width: 300px ; height : 200 px ; float:left; text-align: justify; font-family : Calibri, Arial, verdana ; font-size : 12px; padding-right:10px ;}
#box1 p .obj {font-weight : bold ; }
#box1 p .modiftxt {color : #6ac6de ; font-weight : bold ; }
#box1 h3 {background-image: url("images/background_h3/background_h3_1.png") ; background-repeat : no-repeat ; width : 130px ; height :  61px; }

#box2 {width: 410px ; height : 400 px; border-left: 1px solid #DEDEDE ; float: left; padding-left: 20px; }
#box2 h3 {background-image: url("images/background_h3/background_h3_2.png") ; background-repeat: no-repeat ; width : 230px ; height: 68px ;}
#box2 p {font-family: calibri, arial, verdana ; font-size: 12px;}

#footer {font-family : calibri,arial,verdana ; font-size : 13px ; font-style: italic ; text-align: right ; margin-top: 10px; color : #a0a3a5}
#footer a {text-decoration: none ; }


Merci d'avance pour votre aide Smiley lol

Dites moi si il y a des choses à revoir dans le code !
Merci pour ta réponse !

Désolé si je n'ai pas répondu avant je rentre assez tard des cours.

Je vais suivre ton conseil et je te tiens au courant Smiley smile
Sujet clos
Aller à