Bonjour j'ai un petit soucis j'ai créer une balise base qui est dans le conteneur, dans cette balise base il y a 2 balise : gauche et droite.
Le problême c'est que ces 2 balises ne sont pas côte à côte la balise gauche se mets au dessus de la balise droite.
SI quelqu'un peut m'aider ca serait sympa
Merci d'avance
Voici le code html et css :
Le problême c'est que ces 2 balises ne sont pas côte à côte la balise gauche se mets au dessus de la balise droite.
SI quelqu'un peut m'aider ca serait sympa
Merci d'avance
Voici le code html et css :
<?xml version="1.0" encoding="UTF-8"?>
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="copyright" content="endoktrine.com" />
<meta name="description" content=" Graphiste freelance en Ile-de-France et sur PARIS : endoktrine.com">
<meta name="keywords" content="création de logo, création et exécution, maquette, multimédia, site internet, bannière animée, bannière flash, brochure, affiche, carte de visite, papéterie, édition, publicité, graphisme, packaging,création logo entreprise, création graphique paris et ile-de-france, agence de pub, création de site internet, Mathieu GAGNAIRE; création logo picardie, création france, création bretagne, identité visuelle">
<title>Graphiste Freelance Paris</title>
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
<style type="text/css"></style>
</head>
<meta name="verify-v1" content="9DciItTNGxYBNqcU3BJ7zZWVaYOtekA7Dr6v/X8i/nk=" />
<body>
<div id="conteneur">
<div id="base"><div id="gauche">erer<div/><div id="droite"><a href="mailto:mat@endoktrine.com"><img src="images/plogo.jpg" border=0 title="graphiste freelance : création et exécution" alt="graphiste freelance paris" width="430" height="457" /></a><div/><div/>
<div id="logobas">En attendant, vous pouvez voir :<b><a href= "http://www.endoktrine.com/book.pdf" alt= "graphiste freelance paris" title= "graphiste freelance paris"> - Mes créations -</b></a><b><a href="" alt= "édition, publicité, graphisme" title= "édition, publicité, graphisme">- Mon blog -</b></a></a><b><a href="mailto:mat@endoktrine.com" alt= "graphiste/Maquettiste" title= "graphiste/Maquettiste">- Mon mail -</b></a><div/>
<div id="logobas2">---------------------------------------------------------------------------------------<br><b><a href= "http://www.endoktrine.com" alt= "webdesigner pour votre site internet" title= "webdesigner pour votre site internet">Graphiste freelance Paris</b></a>
Graphisme (edition, publicité...) / Webdesign / Illustration / Animation (flash, After Effect) / Photographie / Print et Web.<br> Je vous propose mes services en tant que graphiste freelance, pour réaliser votre graphisme, selon vos désirs. <br> Mathieu GAGNAIRE, un graphiste, maquettiste, infographiste, webdesigner, polyvalent et dynamique, pour concevoir <br> et réaliser vos documents de communication à l'image de votre société. <br> © endoktrine.com - Mathieu GAGNAIRE - 06 47 95 72 40<br><br>Partenaires : <a href= "http://www.dream-concept.fr" alt= "graphiste freelance lille" title= "graphiste freelance lille" target="_blank">Graphiste freelance Lille</a><div/>
<div/>
</body>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-10065594-1");
pageTracker._trackPageview();
} catch(err) {}</script>
</html>body{
background-color: #000000;
margin:0 0 0 0;
font-family:Helvetica, Verdana, Geneva, sans-serif;
font-size:9px;
}
/*/////////////////////////////////////
fond
/////////////////////////////////////*/
#logo{
margin-top:100px;
background-color: #000000;
height:457px;
width:755px;
}
#logobas{
height:100px;
width:755px;
float:right;
font-size:10px;
color:#87888a;
text-align:center;
margin-top:10px;
background-color: #000000;
}
#logobas a{
color:#87888a;
text-decoration:none
}
#logobas a:hover{
color:#FFFFFF;
}
#logobas2{
height:100px;
width:755px;
float:left;
font-size:10px;
color:#2e2d30;
text-align:center;
margin-top:20px;
}
#logobas2 a{
color:#2e2d30;
text-decoration:none
}
#logobas2 a:hover{
color:#87888a;
}
/*/////////////////////////////////////
page de pub
/////////////////////////////////////*/
#base{
margin-top:100px;
background-color: #000000;
height:457px;
width:755px;
font-size:24px;
color:#FFF;
text-align:right;
float:right;
}
#gauche{
height:457px;
width:100px;
background-color: #22FFFF;
float:left
}
#droite{
height:457px;
width:430px;
font-size:10px;
color:#87888a;
text-align:center;
background-color: #455200;
float:left
}
/*/////////////////////////////////////
Le conteneur
/////////////////////////////////////*/
#conteneur{
background-color: #000000;
width:755px;
margin:0 auto;
}