28173 sujets

CSS et mise en forme, CSS3

Blocs mals positionés

voici le code css :

@charset "iso-8859-1";

BODY {
background: #fff url(images/altm-ptsv1_corps1.jpg) center top repeat-y;
margin: 0;
}


.conteneur {
width: 761px;
height: 770px;
background: #fff url(images/fd1.gif);
margin-left: auto; 
margin-right: auto;
}

.bc2 {
height: 15px;
width: 20px;
float: left;
}

.news {
height: 200px;
width: 450px;
float: left; margin-left: 130px;
}

.footer {
width: 770px;
height: 100px;
background: #fff url(images/pts-vbs_footer1_sliced.jpg);
margin-left: auto; 
margin-right: auto;
}

.meteo {
width: 425px;
height: 214px;
padding-top: 12px;
padding-left: 25px;
background: #fff url(images/fd2.png);
}

.pub {
height: 250px;
width: 250px;
}

.conteneur2 {
  padding-top: 10px;
  padding-left: 20px;
}

.conteneur3 {
margin-top: 250px;
padding-left: 20px;
float: left;
}

.conteneur4 {
  padding-top: 12px;
  padding-left: 25px;
}

.conteneur5 {
margin-top: 110px;
padding-left: 300px;
}

<!-- Supprimer -->
.titre {  font-family: Verdana; font-size: 12px; color: #343F64; text-decoration: none}
.lien {  font-family: Verdana; font-size: 10px; color: #000000; text-decoration: underline}
<!-- *Supprimer -->

a.lien:hover {
text-decoration: none;
}
a img {border: 0;}

.image {
display:block;
width:90px;
height:30px;
background-image:url(images/b5.gif);
}

.image:hover {
background-image:url(images/b3.gif);
}

div.cent {
text-align: center;
}

.im1 { 
height: 200px;
width: 200px;
}


Le code html :

<div class="conteneur"><div class="cent"><img src="  http://pourtoutsavoir.com/tinc?key=t0mOpti3"><img  src="  http://pourtoutsavoir.com/tinc?key=CWfGF8Ty"></div><br  />
<div class="conteneur2">
    <div class="bc2">
	  <a class="image" href="#top"></a> 
      <br />
      <a class="image" href="#top"></a> 
      <br />
      <a class="image" href="#top"></a> 
      <br />
      <a class="image" href="#top"></a>
	  <br />
      <a class="image" href="#top"></a> 
      <br />
      <a class="image" href="#top"></a> 
    </div>
	<div class="news"><script type="text/javascript" language="javascript">
<!--
IS_query_string=window.location.search.substr(1,window.location.search.length-1);
IS_query_string=IS_query_string.split('&');

IS_page=IS_jour=IS_mois=IS_annee=IS_idnews=0;
IS_keyword='';

for(i=0;i < IS_query_string.length;i++)
{
    if(IS_query_string ii.indexOf('page=') != -1)
    {
        IS_page=IS_query_string ii.substr(5,IS_query_string ii.length-5);
    }
    else if(IS_query_string ii.indexOf('keyword=') != -1)
    {
        IS_keyword=IS_query_string ii.substr(8,IS_query_string ii.length-8);
    }
    else if(IS_query_string ii.indexOf('jour=') != -1)
    {
        IS_jour=IS_query_string ii.substr(5,IS_query_string ii.length-5);
    }
    else if(IS_query_string ii.indexOf('mois=') != -1)
    {
        IS_mois=IS_query_string ii.substr(5,IS_query_string ii.length-5);
    }
    else if(IS_query_string ii.indexOf('annee=') != -1)
    {
        IS_annee=IS_query_string ii.substr(6,IS_query_stringii.length-6);
    }
    else if(IS_query_string ii.indexOf('idnews=') != -1)
    {
        IS_idnews=IS_query_string ii.substr(7,IS_query_string ii.length-7);
    }
}

document.write('<scr'+'ipt type="text/javascript" language="javascript" src="http://www.i-services.net/membres/newsbox/newsbox.php?user=107200&amp;idbox=38695&amp;page='+IS_page+'&amp;url_page='+escape(document.location.href)+'&amp;keyword='+IS_keyword+'&amp;annee='+IS_annee+'&amp;mois='+IS_mois+'&amp;jour='+IS_jour+'&amp;idnews='+IS_idnews+'"><'+'/scr'+'ipt>');
</script></div></div><div class="conteneur3"><div class="pub"><script language="JavaScript" src="http://ads.128b.com/rotation.php?idsite=8515&idgroupe=62&largeur=250&hauteur=250&data=1"></script></div></div>
  <div class="conteneur5"> 
    <div class="meteo"><img class="im1" name="" src="http://www.meteoconsult.fr/image/meteodirect/md_france24h.gif" alt="" />&nbsp;<img class="im1" name="" src="http://www.meteoconsult.fr/image/meteodirect/md_france48h.gif" alt="" /></div>
  </div>
</div><br />
<div class="footer"></div>

Modifié par kouiny (17 Nov 2006 - 12:01)
up'

Pas de soluce ? Je cherche toujours rien. Je veux avoir les deux blocs (météo et pub) aligné horizontalement, ok pour les float, mais je voudrais que le bloc pub sois légèrement plus bas de 20 px.

J'ai essayé de faire deux conteneurs pour chacun des blocs pubs et meteo, mais regarder le résultat, pas terrible.
Salut.

Ton titre de sujet est on ne peut plus vague, et on ne trouve pas plus de détails sur ton problème dans le premier post ...

Ce qui explique probablement le manque d'intérêt pour ton sujet. Honnêtement, on a autre chose à faire que de parcourir ta page pour faire la chasse aux erreurs. Smiley langue

Donc, je suggère que tu édites le titre du message et ton premier post, pour expliquer clairement ce qui ne va pas. Ca devrait ramener du monde Smiley cligne
Coucou tout le monde et merci pour ces quelques conseilles.

J'ai réédité le topic. Smiley biggrin

Si vous arrivez toujours pas à comprendre le problème, n'hésitez pas à poser des questions à la suite. Je suis disponible toute la journée, il y aura une réponse rapide.

Encore merci d'avance à tous ceux qui se pencheront sur mon sujet. Smiley cligne
Je dois mal expliqué pour que personne comprenne Smiley sweatdrop

Je suis désolé, mais juste un peut d'aide, je demande, une lumière rien de plus, je susi aller sur openweb, j'ai rien trouvé.

??
Au début j'ai conteneur principal qui est l'image de fond et qui cadre la limite de tous mes autres blocs.
Ensuite j'ai conteneur avec deux blocs en utilisant les floats pour les aligner horizontalement.

Le problème vient de la suite, un deuxième conteneur avec deux blocs.

Je voudrais qu'il sois aligné comme le plan au début du topic.
C'est à dire aligné horizontalement mais une marge entre les deux verticalement.(voir plan)
Sujet clos
Aller à