Membres
Probléme css et background !
Probléme css et background !
Probléme css et background ! Posté le 16/12/2007 à 11:22
Bien l'bonjour, j'ai un petit probléme concernant la mise en page de mon site !
Il se constitue comme sa en div:
un bandeau
un menu, float:left sans height
un contenu, coller a droite du menu, float:left sans height !
un pied de page
Le menu et le contenu on une image de fond qui coinside, le probléme vient que dans le contenu l'image de fond se répete mais dans le menu il n'y as que la ou il ya du texte que l'ont voit l'image de fond !
Je voudrait que l'image de fond du menu se répete en suivant le contenue, mais je n'y arive pas !
Une idées ?
merci !
Il se constitue comme sa en div:
un bandeau
un menu, float:left sans height
un contenu, coller a droite du menu, float:left sans height !
un pied de page
Le menu et le contenu on une image de fond qui coinside, le probléme vient que dans le contenu l'image de fond se répete mais dans le menu il n'y as que la ou il ya du texte que l'ont voit l'image de fond !
Je voudrait que l'image de fond du menu se répete en suivant le contenue, mais je n'y arive pas !
Une idées ?
merci !
Réponse à : Probléme css et background ! Posté le 16/12/2007 à 11:50
Salut proxe
C'est normal. Si le menu de gauche est plus court que le centre, le texte ne va pas pousser le texte vers le bas ... du coup on ne verra pas le reste de l'image.
Y'a pas trop de solutions ... ça dépend de ton besoin excat. Voici des liens pour aider.
Tu peut aussi faire :
- donne une hauteur fie à ton menu, du coup tu verra tout.
Lien pour aider :
http://forum.alsacreations.com/faq/faq-17-Comment-faire-des-quotcolonnesquot-de-meme-hauteur-.html
http://pompage.net/pompe/colonnesfactices/
http://www.ejeliot.com/blog/61
Sky
_______________________
Graphiks : Cours PHP
=> à quoi sert internet explorer ?
=> à télécharger firefox
C'est normal. Si le menu de gauche est plus court que le centre, le texte ne va pas pousser le texte vers le bas ... du coup on ne verra pas le reste de l'image.
Y'a pas trop de solutions ... ça dépend de ton besoin excat. Voici des liens pour aider.
Tu peut aussi faire :
- donne une hauteur fie à ton menu, du coup tu verra tout.
Lien pour aider :
http://forum.alsacreations.com/faq/faq-17-Comment-faire-des-quotcolonnesquot-de-meme-hauteur-.html
http://pompage.net/pompe/colonnesfactices/
http://www.ejeliot.com/blog/61
Sky
_______________________
Graphiks : Cours PHP
=> à quoi sert internet explorer ?
=> à télécharger firefox
Réponse à : Probléme css et background ! Posté le 16/12/2007 à 12:25
Merci sky, mais la solution n'est pas simple...
J'ai chercher a pal mal d'endroit et jai trouver ceci en javascript:
Avec sa sa redimensionne bien le menu en fonction de la taille du contenu !! exactement se que je vouler faire !
Bon, encore une raison de plus d'aprendre le javascript !
_______________________
Aucun
J'ai chercher a pal mal d'endroit et jai trouver ceci en javascript:
<script type="text/javascript">
function reajuste()
{
var hautLien = document.getElementById('menu').offsetHeight;
var hautCont = document.getElementById('contenu').offsetHeight;
if (hautLien>hautCont) document.getElementById('contenu').style.height=hautLien+'px';
else document.getElementById('menu').style.height=hautCont + 'px';
}
</script>
<body onload="reajuste()">
Avec sa sa redimensionne bien le menu en fonction de la taille du contenu !! exactement se que je vouler faire !
Bon, encore une raison de plus d'aprendre le javascript !
_______________________
Aucun
Réponse à : Probléme css et background ! Posté le 16/12/2007 à 12:54
Sympa comme méthode je trouve.
Bien que non optimal pour un site grand public mais bon, je retiendrai.
Sky
_______________________
Graphiks : Cours PHP
=> à quoi sert internet explorer ?
=> à télécharger firefox
Bien que non optimal pour un site grand public mais bon, je retiendrai.
Sky
_______________________
Graphiks : Cours PHP
=> à quoi sert internet explorer ?
=> à télécharger firefox
Réponse à : Probléme css et background ! Posté le 17/12/2007 à 01:01
J'aurais bien aimé avoir un lien vers ton site afin de jeter un oeuil vers ton CSS 
_______________________
_ww.gabian-herault.com
_______________________
_ww.gabian-herault.com
Réponse à : Probléme css et background ! Posté le 17/12/2007 à 11:23
Slt 3run0 !
Mon css pour l'instant est comme sa :
Pour le lien vers mon site pour plus tard la il est en refonte total !
Je suis le spécialise du changement !
_______________________
Aucun
Mon css pour l'instant est comme sa :
html,body {
background-color: #000000;
margin: 0; /* pour éviter les marges */
text-align: center; /* pour corriger le bug de centrage IE */
}
a:link {color: #FFFFFF; text-decoration: none;}
a:visited {color: #FFFFFF; text-decoration: none;}
a:hover {color: #D7D7D7; text-decoration: none;
}
input {
background-color:#000000;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
border:1px solid #C1B3C7;
}
div {
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size:12px;
}
legend {
color: #000000;
}
fieldset {
border-color:#000000;
padding:4px;
}
div#global {
width:850px;
position:relative;
text-align: center;
margin-left: auto;
margin-right: auto;
width: 850px;
}
div#bandeau {
width:850px;
height:219px;
background-image:url(../img/h1.jpg);
}
div#contenu {
float:left;
padding-right:100px;
width:600px;
background-image:url(../img/contenu1.jpg);
}
div#piedpage {
width:850px;
height:174px;
background-image:url(../img/h3.jpg);
clear:both;
}
div#menu {
float:left;
text-align: left;
padding-left:14px;
background-image:url(../img/menu1.jpg);
width:136px;
Pour le lien vers mon site pour plus tard la il est en refonte total !
Je suis le spécialise du changement !
_______________________
Aucun
Réponse à : Probléme css et background ! Posté le 17/12/2007 à 17:47
si l'image de fond se repete dans ton contenu c'est que ton block a des dimensions plus grandes que ton image et par consequent se repete parce que c'est le parametre par defaut.
Ou bien tu as oublie de refermer une balise.
Essaie de positionner ton fond en utilisant les valeurs css de positionnement de fond car elles ne sont pas definies sur ton css.
tu peux les trouver ici
http://www.siteduzero.com/tuto-3-1938-1-liste-des-proprietes-css.html
_______________________
Cash à l'ô
Ou bien tu as oublie de refermer une balise.
Essaie de positionner ton fond en utilisant les valeurs css de positionnement de fond car elles ne sont pas definies sur ton css.
tu peux les trouver ici
http://www.siteduzero.com/tuto-3-1938-1-liste-des-proprietes-css.html
_______________________
Cash à l'ô
Réponse à : Probléme css et background ! Posté le 17/12/2007 à 19:23
Martos, si j'ai bien compris, le soucis ne vient ps du tout de là.
Le soucis vient du fais que le positionement vertical en css pose problème à cause des navigateurs qui ne sont pas compatible css2 et plus.
Cela n'a rien à voir avec le positionement de l'image de fond quije crois est bien placé.
Ha oui, le siteduzero ets bien pour les cours php, mais pour ce qui est du css et de la mis en page, les site que j'ai indiquer sont beaucoup plus efficasse et surtout beaucoup plus en rapport avec la question.
_______________________
Graphiks : Cours PHP
=> à quoi sert internet explorer ?
=> à télécharger firefox
Le soucis vient du fais que le positionement vertical en css pose problème à cause des navigateurs qui ne sont pas compatible css2 et plus.
Cela n'a rien à voir avec le positionement de l'image de fond quije crois est bien placé.
Ha oui, le siteduzero ets bien pour les cours php, mais pour ce qui est du css et de la mis en page, les site que j'ai indiquer sont beaucoup plus efficasse et surtout beaucoup plus en rapport avec la question.
_______________________
Graphiks : Cours PHP
=> à quoi sert internet explorer ?
=> à télécharger firefox
Réponse à : Probléme css et background ! Posté le 18/12/2007 à 01:20
J´ai trouvé, par hasard, il n´y a pas si longtemps un comportement étrange. Il concerne l´image d´arrière-plan que l´on place dans le bas de la page, via les CSS. D´après ce que je conclu, FF, Opera et les autres n´ont pas la même définition de la hauteur de body que IE.et hop je re-balance un lien du zero
http://www.siteduzero.com/tuto-3-11607-1-css-partie-2.htmlPeut etre que ça pourra t'avancer Proze.
_______________________
Cash à l'ô
Réponse à : Probléme css et background ! Posté le 18/12/2007 à 08:44
Hum, autant parler dans le vide avec toi j'ai l'impression.
T'a lu mon message ? (oui, Martos, je te parle)
(j'ai enlever ton 2eme lien... pas la peine de mettre 2 fois le même lien)
_______________________
Graphiks : Cours PHP
=> à quoi sert internet explorer ?
=> à télécharger firefox
T'a lu mon message ? (oui, Martos, je te parle)
(j'ai enlever ton 2eme lien... pas la peine de mettre 2 fois le même lien)
_______________________
Graphiks : Cours PHP
=> à quoi sert internet explorer ?
=> à télécharger firefox
Réponse à : Probléme css et background ! Posté le 18/12/2007 à 15:25
Je vais lire tout sa !
Merci a vous !
_______________________
Aucun
Merci a vous !
_______________________
Aucun
Réponse à : Probléme css et background ! Posté le 18/12/2007 à 21:06
Ce n'est pas le même lien C'est pas grave, il fallait savoir lire la citation.
_______________________
Cash à l'ô
_______________________
Cash à l'ô
Réponse à : Probléme css et background ! Posté le 18/12/2007 à 22:24
Je sais.
_______________________
Graphiks : Cours PHP
=> à quoi sert internet explorer ?
=> à télécharger firefox
_______________________
Graphiks : Cours PHP
=> à quoi sert internet explorer ?
=> à télécharger firefox
Vous n'est pas connecté en temps que membre, parceque j'en ai marre du spam, SEUL les membres peuvent poster des messages sur le forum.
Nous - Plan du site - Informations légale - Contact - © Graphiks.net