Background
J'ai un petit problème pour une page en html : je voudrais mettre un fond un peu "spécial" mais les gens se plaignent que mon texte n'est pas lisible avec ça.
Donc ce que je voudrais faire c'est un fond avec des images sur le côté (des genres de marges à gauche et à droite) et le milieu de couleur unie o mon texte ira.
Si qqn aurait un truc pour faire ça simplement, il pourrait me l'expliquer ?
Ou alors je vais faire un fond directement comme ça, mais je sens que ça va ch... pour que ça colle dans la page.
Discussion:
6 992
8
Dernière réponse
6 992
8
Dernière réponse
Posté par Tikémi
Posté par Lolo
Ben t'en as de ces demandes 
Bon moi je sais pas faire.
Bon moi je sais pas faire.
Posté par Damien35
Tu peux faire un tableau avec une colonne et plusieurs lignes à gauche pour mettre tes images et une colonne à droite pour ton texte.
Pour la première colonne:
<TABLE BORDER="0" width="100%"><TR><TD>
<TABLE BORDER="0" width="longueur de la colonne de gauche">
<TR width="longueur de la ligne">
<TD width="longueur de la colonne">
<IMG SRC="adresse de l'image">
</TD></TR>
<TR><TD> AUtre image</TD></TR></TABLE></TD><TD>
On passe à la deuxième colonne
<TABLE BORDER="0" bgcolor="couleur de fond du tableau">
<TR><TD>texte
</TD></TR>
</TABLE>
je pense que ça marche...
Pour la première colonne:
<TABLE BORDER="0" width="100%"><TR><TD>
<TABLE BORDER="0" width="longueur de la colonne de gauche">
<TR width="longueur de la ligne">
<TD width="longueur de la colonne">
<IMG SRC="adresse de l'image">
</TD></TR>
<TR><TD> AUtre image</TD></TR></TABLE></TD><TD>
On passe à la deuxième colonne
<TABLE BORDER="0" bgcolor="couleur de fond du tableau">
<TR><TD>texte
</TD></TR>
</TABLE>
je pense que ça marche...
Posté par ° Eldariane °
Y a quelques erreurs d'ouverture et fermeture de balises dans ton script là ^^
Tiky, peut-on voir la page en question (capture écran ou lien par exemple) ?
Ensuite, ce sera juste une page en totalité ou un site de plusieurs pages ?
Tiky, peut-on voir la page en question (capture écran ou lien par exemple) ?
Ensuite, ce sera juste une page en totalité ou un site de plusieurs pages ?
Posté par ° Eldariane °
Idée de présentation (structure) d'une page html :
La structure présenté est de type tableau.
Chaque cellules du tableau peut avoir un background (une couleur de fond ou une image de fond) indépendant des autres cellules. Et dans chaque cellule, tu peux ajouter du texte où des images (illustrations par exemple) par dessus le background.
Décrits ce que tu veux exactement, et je te ferais le script.
La structure présenté est de type tableau.
Chaque cellules du tableau peut avoir un background (une couleur de fond ou une image de fond) indépendant des autres cellules. Et dans chaque cellule, tu peux ajouter du texte où des images (illustrations par exemple) par dessus le background.
Décrits ce que tu veux exactement, et je te ferais le script.
Posté par Dinomaster
Un peu comme sur mon site ?
Posté par Tikémi
Merci pour vos explications. En cherchant hier soir je suis tombée sur un truc qui me permettait de faire plus ou moins ce que je cherchais (en gros le modèle B d'Elda), c'est juste pour une page simple. Je ne me lance pas dans des choses plus compliquées (comme ton site Dinomaster), c'est hors de ma portée pour l'instant ^^
Voilà mon code pour ma mise en page en ce moment :
<body background="url de mon background" bgproperties=fixed>
<center><b><font size="6">Bienvenue !</font></b></center>
<div style="overflow: auto; position: absolute; left:100; right:100; top: auto; border: 0px solid white;"><table border="0" cellpadding="0" cellspacing="0" bgcolor="white" width="100%" height="100%"><tr><td bgcolor="white">
BLABLABLA ETC
</td></tr></table></div>
Et schématiquement ça donne ce résultat :
Donc le fond est mis sur toute la page, avec le titre écrit sur le fond
Le reste de mon texte est placé dans une table au fond blanc uni (ainsi il reste toujours bien lisible) qui est centrée par des marges de 100. Comme ça, mon background n'apparaît plus que tout en haut et en bas de la page, et sur les côtés (effet de marges).
En gros c'est l'effet que je voulais ^^ J'y vais petit pas à petit pas dans ce domaine, donc c'est beaucoup de bricolage.
Voilà mon code pour ma mise en page en ce moment :
<body background="url de mon background" bgproperties=fixed>
<center><b><font size="6">Bienvenue !</font></b></center>
<div style="overflow: auto; position: absolute; left:100; right:100; top: auto; border: 0px solid white;"><table border="0" cellpadding="0" cellspacing="0" bgcolor="white" width="100%" height="100%"><tr><td bgcolor="white">
BLABLABLA ETC
</td></tr></table></div>
Et schématiquement ça donne ce résultat :
Donc le fond est mis sur toute la page, avec le titre écrit sur le fond
Le reste de mon texte est placé dans une table au fond blanc uni (ainsi il reste toujours bien lisible) qui est centrée par des marges de 100. Comme ça, mon background n'apparaît plus que tout en haut et en bas de la page, et sur les côtés (effet de marges).
En gros c'est l'effet que je voulais ^^ J'y vais petit pas à petit pas dans ce domaine, donc c'est beaucoup de bricolage.
Posté par Dinomaster
Quand tu voudras aller plus loin je pourrais t'expliquer les feuilles de styles 
Répondre