Blog d'aide de Blog4ever

Bonjour a tous !
Voila cela fais plusieurs jours que je cherche mais en vain alors je voudrais savoir comment avoir un css roulant c'est a dire avec des fenetres comme celui ci :
[lien]
En attendant je vous remercie et j'attends votre réponse avec impatience car j'en ai vraiment besoin !

Merci a vous

:b0:
Je crois que la question a déjà été posé
ici :[lien]

:b1:

J'ai déjà répondu pour ce genre de présentation, regardes ce sujet et ma réponse [lien]

Bonne soirée

Que dois je faire car je ne trouve pas Height ? Veuillez m'excuser si je ne comprends pas ...

#contenu
{
background : http;
color : #FFFFFF;
width : 730px;
padding-top : 5px;
padding-left : 5px;
padding-right : 60px;
padding-bottom : 5px;
margin-top : 5px;
margin-left : 200px;
font-size : 10pt;
font-family : Comic sans ms;
}
#contenu h3
{
background : http;
color : #242424;
width : 450px;
margin : 10px 0 10px 0;
padding : 10px 0 15px 50px;
font : bold 11pt Trebuchet MS;
}
#contenu ul
{
list-style-type : square;
margin-left : 15px;
text-align : center;
}
#contenu a
{
background : #000000;
color : #FFFFFF;
text-decoration : none;
font-size : 10pt;
font-family : Arial;
text-align : center;
}
#contenu a:hover
{
background : #;
color : #FFFFFF;
text-decoration : blink;
text-align : center;
}
#bas
{
background : #;
color : #;
text-align : center;
margin : auto;
border : 1px solid #FFFFFF;
}
#spacer
{
height : 20px;
clear : both;
}
hr { margin:5px; height:1px; background-color:;}
fieldset { border:0; }
* html #menu h2{width: 172px;}
#contenu ol {list-style-type: decimal;margin-left:25px;}

re

C'est normal il faut l'ajouter pour limiter la hauteur de la partie o? tu veux avoir la barre de d?filement vertical.

Donc par exemple dans la partie "Contenu" et la partie "Menu"
il faut rajouter les 2 lignes suivantes.
height : 500px;
overflow : auto;

Bonne continuation

Impecable merci à toi par contre le menu a gauche ca ne marche pas ?
Peus tu aller voir toi meme et m'expliquer stp papy clic ? sinon voila ce que ca m'affiche :

#menu
{
width : 170px;
border-style : solid;
border-color : #242424;
float : left;
border : 1px inset #FFFFFF;
}
#menu ul
{
list-style-type : none;
}
#menu ul li
{
background : #;
background-image : url(http://img.webme.com/pic/n/naazimcadeneme/gri1.gif);
color : #FFFFFF;
width : 170px;
height : px;
margin-top : 0px;
text-align : center;
line-height : 25px;
}
#menu ul li a
{
background : #000000;
background-image : url(http://img.webme.com/pic/n/naazimcadeneme/gri1.gif);
color : #FFFFFF;
text-decoration : none;
width : 170px;
height : px;
font-size : 11pt;
font-family : Comic Sans MS;
border-width : 1px;
border-style : double;
border-color : #FFFFFF;
display : block;
border : 0px outset #242424;
line-height : 25px;
}
#menu ul li a:hover
{
background : #000000;
background-image : url(http://img.webme.com/pic/n/naazimcadeneme/gri1.gif);
color : #FFFFFF;
width : 170px;
font-size : 12pt;
font-family : Comic Sans MS;
border-width : 0px;
border-style : solid;
border-color : #242424;
border : 0px inset #242424;
line-height : 25px;
}
#menu h2
{
background : #4B4B4B;
background-image : url(https://www.blog4ever.com/blogfichiers/254221/boximages/254221090320071950.jpg);
color : #FFFFFF;
text-decoration : none;
width : 170px;
font-size : 11pt;
font-family : Comic Sans MS;
border-width : 0px;
border-style : solid;
border-color : #242424;
text-align : center;
display : block;
border : 0px outset #242424;
line-height : 25px;
}

:b1:

Dans cette règle il faut ajouter les 2 lignes en gras

#menu
{
width : 170px;
border-style : solid;
border-color : #242424;
float : left;
border : 1px inset #FFFFFF;
height : 500px;
overflow : auto;
}

J'ai regardé ton blog, je ne comprends pas... tu veux mettre des barres de défilement et tu mets une hauteur de 1300px, le défilement te sert presque à rien.
On utilise ce système quand on veut faire défiler une page dans une fenêtre de petite hauteur, c'est pour cette raison que j'ai mis 500px dans mon exemple.

Bonne soirée

Merci à toi !

C'est bon tout ceci est impecable mais il reste 2 problemes je voudrais savoir comment avoir plus d'espace a gauche et droite de ma page comme sur ce blog [lien]
et 2nd probléme comment mettre des images dans le menu ?

Entout cas merci beaucoup papyclic pour ton aide !

:b1:

Je suis désolé, une seule question par sujet voir [lien] ainsi d'autres blogueurs pourront te répondre et regardes un peu dans les tutoriels de Nana ou sur mon blog DizTest [lien].

Bonne continuation

Ok mais je ne trouve vraiment pas ...

re


Soit tu élargi la partie "Cadre" à 1200px, il faudra ce servir de la barre de défilement horizontal pour voir toute la largeur des pages.
Soit tu diminues la largeur de la partie "Contenu" à 650px.

Tu peux jouer sur les 2 largeurs en même temps à toi de choisir la présentation qui te plaira le mieux.


Regardes ce Tuto, comme exemple : [lien]

Bonne nuit