28172 sujets

CSS et mise en forme, CSS3

Mise en forme

je voulais demander votre aide , car je ne parviens pas a bien positionner certains éléments.
-Je ne sais pas dans quoi les insérer.
-Les deux cadres qui se superposent doivent être à la droite de ma navigation du bas.
et le cadre "promo" où il est inscrit -20% devrait se trouver à droite de la navigation du haut et des liens facebook , twitter, google.
-comment mettre un background au container, lorsque je l'insère en container je ne parviens pas à le paramètrer . Est ce normal?
-Et dernière question je ne parviens pas à séparer mes différents liens : Evertalk , historique, new, presse , ... je voudrais un écart entre les cadres.

Merci d'avance

Smiley bawling


Voilà mon code :

<!DOCTYPE html>
<html lang="fr">



<head>
<meta charset="UTF-8">
<title>ecoverweb</title>
<link href="ecover.css" rel="stylesheet" type="text/css">
<title>ecoverweb</title>


<style type="text/css">
#container article img {
width: 600px;
height: 300px;
}
#container article img {
width: 800px;
height: 600px;
float: right;
}
</style>
<head>

</style>
</head>
<body>

<div id="container">



<header>


<p>
<span class="jaune"><a href="#">Home</a></span>
<span class="verte"><a href="#">Partenaires</a></span>
<span class="verte"><a href="#">Sitemap</a></span>
</p>

<img src="images/header.jpg" width="950" height="182" alt="header"></header>


<aside></aside>







<nav>
<ul id="carreplante">
<li><a href="#">Mon compte</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Points de vente</a></li>
<li><a href="#">FAQ</a></li>

</ul>
</nav>




<!--face-->
<a href="http://www.facebook.com/"><img src="images/facebook.png" width="217" height="48" alt="facebook"></a>

<!--google-->
<a href="http://www.google.be"><img src="images/googiii.png" width="218" height="50" alt="googi"></a>

<!--tweeter-->
<a href="https://twitter.com/"><img src="images/tweeter.png" width="220" height="51" alt="tweeter"></a>


<img src="images/promo.png" width="752" height="341" alt="promo">


<nav>
<ul id="left">
<li><a href="#">Ecovertalk</a></li>
<li><a href="#">Historique</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Presse</a></li>
<li><a href="#">Nos produits</a></li>
</ul>
</nav>








<article>
<img src="images/cadre.png" width="486" height="350" alt="cadre">
<h3>Ecovertalk c'est:</h3>
<p></p>


</article>

<footer>@Ecover - Legal Disclaimer - Contact - Side by the Insiders</footer>
</div>

</body>
</html>
Bonjour,

Il n'était pas nécessaire d'ouvrir un nouveau sujet.

Mon conseil reste le même : apprendre les bases d'HTML et de CSS.
je pensais qu'il le fallait vu que ce n est pas la même question...
j'ai été lire ce qu'il y avait dans la section apprendre, de plus j ai eut des bases scolaire, si je fais appel au forum c'est que je ne m'en sort pas , je demande conseil, hier j'ai compris votre explication je l ai fait et cela a fonctionné, c'est ce que j'attendais
Sujet clos
Aller à