Bonjour,
J'ai un problème en css, je vous explique :
je réalise un site actuellement, la div "content" du site qui contient le texte principal, les images...
est imbriquée dans une autre div, qui elle sert uniquement a afficher un fond(ligne de pixel contenant un dégradé pour obtenir un effet flou sur les coté du site) or et c'est là que j'ai un soucis, la div qui contient la ligne de pixel ne s'adapte pas en fonction du contenu(je suis obligé de lui ajouter une hauteur afin d'afficher mon flou)
pouvez vous m'aider pleaseeeeeeeee
voila une partie de mon html
<div id="parent">
<div id="bande_haut">
<span><img src="images/amani_text.gif" alt="Amani beach hotel" /></span>
<form action="/amani/index.php" method="post" id="form_lang">
<div id="langue">
<div id="liens">
<a href="javascript:void(0);" name="english_version" title="english version" onclick="document.getElementById('language').value='en';document.getElementById('form_lang').submit();">
English <img src="images/gb.gif" alt="amani beach hotel tanzania english version "/>
</a> //
<a href="javascript:void(0);" name="version_française" title="version française" onclick="document.getElementById('language').value='fr';document.getElementById('form_lang').submit();">
Français <img src="images/fr.gif" alt="amani beach hotel tanzanie version française"/>
</a>
</div>
<input type="hidden" name="language" value="en" id="language"/>
</div>
</form>
</div>
<div id="left">
<div id="menu">
<div id="logo">
<a href="index.php" title="Home"><img src="images/logo.gif" alt="Home"/></a>
</div>
<ul>
<li> <a href="index.php" title="Home"> <img src="images/taquet_on.gif" alt="selection" /><span class="page">Home</span></a> <br /></li>
<li> <a href="hotel.php" title="The Hotel"> <img src="images/taquet_off.gif" alt=" " />The Hotel</a> <br /></li>
<li> <a href="suites.php" title="The Suites"> <img src="images/taquet_off.gif" alt=" " />The Suites</a> <br /></li>
<li> <a href="localisation.php" title="The Location"> <img src="images/taquet_off.gif" alt=" " />The Location</a> <br /></li>
<li> <a href="activites.php" title="Activities"> <img src="images/taquet_off.gif" alt=" " />Activities</a> <br /></li>
<li> <a href="safari.php" title="Safaris packages"> <img src="images/taquet_off.gif" alt=" " />Safaris packages</a> <br /></li>
<li> <a href="lune.php" title="Honeymoon"> <img src="images/taquet_off.gif" alt=" " />Honeymoon </a> <br /></li>
<li> <a href="reservations.php" title="Reservations"> <img src="images/taquet_off.gif" alt=" " />Reservations </a> <br /></li>
</ul>
</div><div id="contact">
<span class="bold">Contact</span><br /><br />
Amani Beach Hotel<br />
P.O. Box 1736<br />
Dar Es Salaam<br />
Tanzania<br /><br />
Tel. +255 754 410 033<br />
Tel. +255 755 775 566<br />
Fax: no fax<br /><br />
E-mail: <br />
<a href="mailto:reservations@amanibeach.com">reservations@amanibeach.com</a>
</div><div id="tripad">
<span class="bold">Partnaires informations</span><br /><br />
<div id="TA_rated318" class="TA_rated">
<ul id="j5uAct" class="TA_links YZ9btY58">
<li id="0IwbbvcB8au6" class="J4kWyOzs74n"><a href="https://www.tripadvisor.co.uk/Hotel_Review-g2625816-d654234-Reviews-Protea_Hotel_Dar_es_Salaam_Amani_Beach-Kutani_Dar_Es_Salaam_Region.html" >Amani Beach Hotel</a></li>
</ul>
</div>
<script type="text/javascript" src="https://www.tripadvisor.com/wejs?wtype=rated&uniq=318&locationId=654234&lang=en_UK"></script>
<br />
</div> </div>
<div id="content">
<div id="images">
</div>
<div id="textind">
<h1></h1>
<h2> </h2>
<span class="alinea">Set amongst 80 acres of indigenous tropical parkland overlooking the Indian Ocean, the Amani Beach Hotel is just 30 kms south of Dar Es Salaam.</span>
The architecture and design of Amani Beach Hotel is highly individual, with an Afro-Arabian style unique to the Swahili Coast, providing tranquillity, charm and character similar to the garden palaces of the past sultans of Zanzibar.<br /><br />
Ten years ago, when we were looking for a site to build a new hotel, we came across Amani Beach, a beautiful stretch of sand, peaceful, unspoiled, fringed with palm trees and gently lapped by the waters of the Indian Ocean.<br /> But what really attracted us to the site were the turtles (hawksbills, leatherbacks, green, oggerhead and olive ridleys) During the nesting season (November to January and from April to June) the beach was full of them.<br />Amani became well-known for this wonderful phenomenon and it attracted many nature lovers from Dar and elsewhere, eager to see this extraordinary event for themselves.<br /><br /> Some people came to Amani just to witness this special occasion.<br /><br />
The turtles are nesting in good numbers each year. We all hope they will continue to benefit from the protection from Sea Sense and the hotel. We are very conscious of our responsibility to protect and preserve this piece of our natural heritage. Please monitor our website for the latest news on how the turtles are doing.<br /><br />
Amani Beach is one of the best places on the Tanzanian coast to see turtles in their natural environment.
</div>
<div id="imgindex">
<img class="imind" src="images/bateau.jpg" alt="" /><br />
<img src="images/tortue.jpg" alt="" />
</div>
</div>
</div>
<div id="pied">
<div id="centre_pied">
</div>
<div id="pied_bas">
<a href="mentions.php" class="piedlink" title="Copyright">Copyright</a> -
<a href="index.php" class="piedlink" title="Home">Home</a> -
<a href="hotel.php" class="piedlink" title="The Hotel">The Hotel</a> -
<a href="suites.php" class="piedlink" title="The Suites">The Suites</a> -
<a href="localisation.php" class="piedlink" title="The Location">The Location</a> -
<a href="safari.php" class="piedlink" title="Activities">Activities</a> -
<a href="lune.php" class="piedlink" title="Honeymoon">Honeymoon</a> -
<a href="reservations.php" class="piedlink" title="Safaris packages">Safaris packages</a><br /><a href="http://www.tiltpublicite.com" class="crea" title=" Tilt Publicité"></a>
</div>
</div>
artragis
Messages postés481Date d'inscriptionmardi 12 juin 2007StatutMembreDernière intervention 6 avril 2010146 17 févr. 2010 à 12:05
de un : dans quel div ton "content" est-il imbriqué?
de deux, simplifie ton code ! parfois tu mets plein de div alors qu'un seul suffit... (par exemple pour le menu, il aurait même été plus simple de mettre un class="left" à tes ul ça changerait un peut le code.
ensuite, pour mettre une image de fond, c'est pas compliqué :
background-image:url('image.png);
background-repeat:Y-Axis; (il me semble, mais il est possible que je confonde avec autre chose)
Trouvez des réponses à vos questions sur les langages, les frameworks et les astuces de codage. Échangez avec d'autres développeurs passionnés pour améliorer vos compétences en programmation et rester au fait des dernières tendances du secteur.