Bonjour,
Je me retourne vers vous car je penche sur un gros problème que je n arrive pas à résoudre depuis plusieurs jours :'(
donc voila je m'explique :
j ai conteneur, dans ce conteneur des blocs div en inline donc 2 par lignes jusque la tout vas bien,
en revanche je n arrive absolument pas a configurer la hauteur.
je m explique a nouveau des que j arrive a les aligner sur un naviquateur les autres deconnes
voici le code html
voici le css
et la page http://buroscop.cluster006.ovh.net/tiw_2013/tc/turbo/pages/index.html
svp j ai vraiment besoin de votre aide c est une question de vie ou de mort merci à vous tous et bonne soirée
Modifié par stephy29 (02 Nov 2013 - 17:51)
Je me retourne vers vous car je penche sur un gros problème que je n arrive pas à résoudre depuis plusieurs jours :'(
donc voila je m'explique :
j ai conteneur, dans ce conteneur des blocs div en inline donc 2 par lignes jusque la tout vas bien,
en revanche je n arrive absolument pas a configurer la hauteur.
je m explique a nouveau des que j arrive a les aligner sur un naviquateur les autres deconnes
voici le code html
<div id="introduction" class="cadre">
<h2>La petite histoire du film Turbo !</h2>
<br />
<p>
Turbo est un escargot qui n’a qu’un seul rêve en tête :
</p>
<br />
<p>
être incroyablement rapide ! Son obsession pour la vitesse l’a rendu quelque peu impopulaire chez les siens, où lenteur et prudence sont de rigueur.
</p>
<br />
<p>
Mais il est hors de question pour lui de se conformer.
</p>
<br />
<p>
C’est alors que se produit un étrange accident qui lui donne soudainement le pouvoir de foncer à toute vitesse et se transforme en un étonnant concept car.
</p>
<br />
<p>
Il s’embarque alors dans une aventure extraordinaire pour accomplir son invraisemblable destinée : courir contre le plus grand champion de course automobile, Guy La Gagne.
<p>
<br />
Avec l’aide d’une équipe d’escargots aussi rusés que stylés, l’ultime outsider Turbo mettra tout son cœur – et sa coquille, pour prouver qu’aucun rêve n’est trop
grand, aucun rêveur n’est trop petit..
</p>
</div>
<div id="bande_annonce" class="cadre">
<h3>La bande annonce du film Turbo !</h3>
<br />
<video class="vjs-default-skin" controls preload="auto" width="100%" height="237px" poster="../images/affiche.png" data-setup="{}">
<source src="../videos/bd.mp4" type='video/mp4'>
<source src="../videos/bd.ogv" type="video/ogg"></source>
<source src="my_video.webm" type='video/webm'>
</video>
<p><a class="bulle" href="../images/casting/david_soren_real.jpg" rel="lightbox [img2]" title=""><B>Réalisateur David Soren</B><span><img src="../images/casting/david_soren_real.jpg" rel="lightbox" width="400px"
height = "200px"></span></a></p>
</div>voici le css
#conteneur{
width : 70%;
min-height : 400px;
position : absolute;
left : 50%;
margin-left : -35%;
z-index : 0;
background-image: url("../images/conteneur/conteneur.jpg");
background-repeat:repeat;
background-color; #000000;
}
#bandeau img{
width : 100%;
height : 250px;
top : 0;
}
#introduction{
width : 45%;
min-height : 200px;
display : inline-block;
vertical-align : top;
margin : 2% -0.25em 0 2%;
background-color : #000000;
padding : 1%;
color : white;
}
#bande_annonce{
width : 45%;
min-height : 200px;
display : inline-block;
vertical-align : top;
margin : 2% -0.25em 0 2%;
background-color : #000000;
padding : 1%;
}
#bande_annonce p{
text-align : center;
}
.vjs-default-skin { color: #bd3c3c; width : 100%; height : 200px top : 0; cursor: pointer;}
{ et la page http://buroscop.cluster006.ovh.net/tiw_2013/tc/turbo/pages/index.html
svp j ai vraiment besoin de votre aide c est une question de vie ou de mort merci à vous tous et bonne soirée
Modifié par stephy29 (02 Nov 2013 - 17:51)
