Problème de bannière sur site
martine et chantal
Messages postés
517
Statut
Membre
-
martine et chantal Messages postés 517 Statut Membre -
martine et chantal Messages postés 517 Statut Membre -
Bonjour,
J'ai créer un site myspace music il y a un moment et je tente 1000 bidouilles pour la mise en page.
J'ai finalement créer 1 deuxième site myspace qui me sert de test car combien de fois j'ai fait des erreurs sans pouvoir les rattrapper.
mon soucis premier est d'adapter mes images en fonction de la résolution de chaque personne.
Je tiens à préciser que j'ai fait des recherches (j'ai même passer 4h aujourd'hui à apprendre le langage html/css sur le "site du zéro"
bon venons au fait mon image de fond fonctionne (même si elle est totalement factis) : lorsque je change de résolution, même si l'image est coupée elle se centre naturellement.
en revanche ma bannière se décale.
voici mon site test : https://myspace.com/martinechantal
voici ma page de codes :
<style>
body{background-image:url(http://IMAGE FOND);background-position: top; background-repeat:repeat-y;
background-attachment:fixed; }
table, td {background-color: transparent}
</style>
<style>
body{ background-position:top center;margin-top: 500;}
div.topbanner {top: 0; left: 13%; margin-left:0px;width: 100%;height: 30px; position: absolute; }
</style>
<div class="topbanner"><img src="http://IMAGE BANNIERE"
border="0" /></div>
</style>
Je pose ma question clairement : Comment puis faire en sorte que ma bannière reste centrée et en haut de page qq soit la résolution ?
J'ai créer un site myspace music il y a un moment et je tente 1000 bidouilles pour la mise en page.
J'ai finalement créer 1 deuxième site myspace qui me sert de test car combien de fois j'ai fait des erreurs sans pouvoir les rattrapper.
mon soucis premier est d'adapter mes images en fonction de la résolution de chaque personne.
Je tiens à préciser que j'ai fait des recherches (j'ai même passer 4h aujourd'hui à apprendre le langage html/css sur le "site du zéro"
bon venons au fait mon image de fond fonctionne (même si elle est totalement factis) : lorsque je change de résolution, même si l'image est coupée elle se centre naturellement.
en revanche ma bannière se décale.
voici mon site test : https://myspace.com/martinechantal
voici ma page de codes :
<style>
body{background-image:url(http://IMAGE FOND);background-position: top; background-repeat:repeat-y;
background-attachment:fixed; }
table, td {background-color: transparent}
</style>
<style>
body{ background-position:top center;margin-top: 500;}
div.topbanner {top: 0; left: 13%; margin-left:0px;width: 100%;height: 30px; position: absolute; }
</style>
<div class="topbanner"><img src="http://IMAGE BANNIERE"
border="0" /></div>
</style>
Je pose ma question clairement : Comment puis faire en sorte que ma bannière reste centrée et en haut de page qq soit la résolution ?
A voir également:
- Problème de bannière sur site
- Site de telechargement - Accueil - Outils
- Site x - Guide
- Site de partage de photos - Guide
- Quel site remplace coco - Accueil - Réseaux sociaux
- Site comme coco - Accueil - Réseaux sociaux
5 réponses
Ahhhh merci... qq1 s'intéress...
mais ça ne marche pas.
lorsque je met :
"<div align="center"><img src="montruc.png"
border="0" /></div>"
mon image se place dans la rubrique "à propos de martine" un peu plus bas
par contre mon image suis le mouvement car elle se trouve dans un "sous menu" qui lui se centre tjrs
en fait je me rend compte qu'avec mon code la mention "center" n'est pas pris en compte :
mon image se cale qu'avec "left:13%" et "top: 0"
j'ai modifier ma bannière pour bien se rendre compte
je pense que c'est dans ma partie html qu'il faut que je trouve le bon code signifiant "centre, haut de la page"
tu as un myspace ? car ce site est particulier ! je ne gère pas la page entièrement.
j'aimerais tellement avoir le codage complet de ma page ! je pourrai l'étudier en détail.
dans myspace on ne peut que rajouter des lignes HTML/CSS dans un menu à la base vide, pour modifier la page myspace par défault.
mais ça ne marche pas.
lorsque je met :
"<div align="center"><img src="montruc.png"
border="0" /></div>"
mon image se place dans la rubrique "à propos de martine" un peu plus bas
par contre mon image suis le mouvement car elle se trouve dans un "sous menu" qui lui se centre tjrs
en fait je me rend compte qu'avec mon code la mention "center" n'est pas pris en compte :
mon image se cale qu'avec "left:13%" et "top: 0"
j'ai modifier ma bannière pour bien se rendre compte
je pense que c'est dans ma partie html qu'il faut que je trouve le bon code signifiant "centre, haut de la page"
tu as un myspace ? car ce site est particulier ! je ne gère pas la page entièrement.
j'aimerais tellement avoir le codage complet de ma page ! je pourrai l'étudier en détail.
dans myspace on ne peut que rajouter des lignes HTML/CSS dans un menu à la base vide, pour modifier la page myspace par défault.
ok j'ai installé mozzila et effectivement ça fonctionne.
mais je ne lacherai pas l'affire pr que ça fonctionne sous IE.
tu me parles de cellule prédéfinis : ok, mais pourquoi ça fonctionnerai sous Mozz ?
je pense plutôt ne pas avoir trouvé le bon langage qui signifie (centre haut) pr IE ? non ?
Pourquoi "Affichage/source" ne fonctionne pas sur ma page myspace ?
ça fonctionne bien pour les autres page myspace...
il existe un logiciel pour ça ?
MYSPACE :
lorsque tu créé un myspace, il te propose une page par défault.
il n'existe pas de menu "préférence" pour modifier les couleurs, les formes, bla bla bla...
par contre il existe une page où l'on peut remplir le contenu de chaque répertoire (titre, ressemble à, influences,...)
parmis celles-ci il existe un répertoire "BIO". c'est ici que je pose mes codes. (à la base elle est vide)
voilà l'ensemble de mon code :
<style>
body{background-image:url(http://i710.photobucket.com/albums/ww103/essamm/nouveau2.jpg);background-position: top; background-repeat:repeat-y;
background-attachment:fixed;}
table, td {background-color: transparent;}
</style>
<style>
body{ background-position:top center;margin-top: 500;}
div.topbanner {top: 0; left:0; margin-left:0px;margin-right:0px;width: 100%;height: 30px; position: absolute; }
</style>
<div class="topbanner" align="center"><img src="http://i710.photobucket.com/albums/ww103/essamm/bannnni.gif" border="0" /></div>
</style>
si tu as une autre idée n'hésite pas !
mais je ne lacherai pas l'affire pr que ça fonctionne sous IE.
tu me parles de cellule prédéfinis : ok, mais pourquoi ça fonctionnerai sous Mozz ?
je pense plutôt ne pas avoir trouvé le bon langage qui signifie (centre haut) pr IE ? non ?
Pourquoi "Affichage/source" ne fonctionne pas sur ma page myspace ?
ça fonctionne bien pour les autres page myspace...
il existe un logiciel pour ça ?
MYSPACE :
lorsque tu créé un myspace, il te propose une page par défault.
il n'existe pas de menu "préférence" pour modifier les couleurs, les formes, bla bla bla...
par contre il existe une page où l'on peut remplir le contenu de chaque répertoire (titre, ressemble à, influences,...)
parmis celles-ci il existe un répertoire "BIO". c'est ici que je pose mes codes. (à la base elle est vide)
voilà l'ensemble de mon code :
<style>
body{background-image:url(http://i710.photobucket.com/albums/ww103/essamm/nouveau2.jpg);background-position: top; background-repeat:repeat-y;
background-attachment:fixed;}
table, td {background-color: transparent;}
</style>
<style>
body{ background-position:top center;margin-top: 500;}
div.topbanner {top: 0; left:0; margin-left:0px;margin-right:0px;width: 100%;height: 30px; position: absolute; }
</style>
<div class="topbanner" align="center"><img src="http://i710.photobucket.com/albums/ww103/essamm/bannnni.gif" border="0" /></div>
</style>
si tu as une autre idée n'hésite pas !
Bon, j'ai déjà répondu hier, mais mes 2 messages ont étés supprimés, je comprends pas pourquoi, et aucune explication est disponible, je ne sais pas si tu as eu le temps de les lire, c'est con, je me suis fait chier a travailler sur ton code sans doute pour rien, si les admins lisent ca ils pourront peut être m'expliquer, ou récupérer le message, bref je t'en fait un résumé rapide :
"il faut déplacer le code sur lequel on avait abouti au premier échange (celui que tu poste), pour essayer de le mettre ailleurs que dans l'encart "BIO". Il faudrait qu'il soit plus haut dans le code html pour que ca marche sous IE et MOZZ"
Je repasse demain voir si ca a évolué, bon courage a toi en tout cas !
"il faut déplacer le code sur lequel on avait abouti au premier échange (celui que tu poste), pour essayer de le mettre ailleurs que dans l'encart "BIO". Il faudrait qu'il soit plus haut dans le code html pour que ca marche sous IE et MOZZ"
Je repasse demain voir si ca a évolué, bon courage a toi en tout cas !
J'étais VERRE DE TERRE !!!! quand j'ai vu que tes messages avait disparu, je pensais que c'était volontaire.
Bon ... il me semble que mon dernier mess comporte ta modif :
<style>
body{ background-position:top center;margin-top: 400;}
div.topbanner {top: 0; left:0; margin-left:0px;margin-right:0px;width: 100%;height: 30px; position: absolute; }
</style>
<div class="topbanner" align="center"><img src="http://i710.photobucket.com/albums/ww103/essamm/bannnni.gif" border="0" /></div>
</style>
d'aiilleurs ça marche pour Mozz mais pas pour IE .... dc c'est ça.
ALORS.... j'ai testé ton idée très interressante.
juste pour que tu comprenne bien :
Dans mon myspace je vais dans "modifier les infos / détails du musicien".
j'arrive alors sur une page qui me propose :
-titre : (modifier)
-bio : (modifier)
-membres : (modifier)
-influences : (modifier)
-ressemble à : (modifier)
-site web : (modifier)
-label : (modifier)
type de label : (modifier)
je clic sur "modifier" pour entrer dans chaque répertoire
"titre", "site web", "label" et "type de label" sont à écarter car je peux entrer que qq caractère.
"bio" est normalement prévu pour argumenté la rubrique "à propos de" sur ma page (colonne de droite)
"membres", "influences" et "ressemble à" sont normalement prévu pour remplir les cases du tableau "infos générales" sur ma page (colonne de gauche)
COLONNE DE GAUCHE ET COLONNE DE DROITE SONT ALIGNéS SUR MA PAGE GRACE A CE CODE POSé DANS LE REPERTOIRE "ressemble à" :
<span class="off">!-START Code to Center Band Profile in One Single Centered Column-!</span>
</td></tr></table>
</td></tr></table>
</td></tr></table>
<table class="myTclassR"><tr><td class="on">
<table class="off"><tr><td>
<table><tr><td>
<style>
{!- remove cell used to make space between right and left columns-!}
table.myTclassR td {width:0px;}
table.myTclassR td img {display:none}
{!-remove effect on other content}
table.myTclassR td.text img {display:block;}
table.myTclassR td.text, table.myTclassR td.text td {width:auto !important}
</style>
<span class="off">!-END Code to Center Band Profile in One Single Centered Column-!</span>
En fait, en désepérant devant mon pc j'ai eu une illumination ! et si je posais ma bannière sous la pub et la barre de navigation comme sur ce site : www.myspace.com/ez3kielmyspace
1ère solution
comme tu peux le voir sur ma page je tente d'entrer une image dans ma "table de contact" et de l'agrandir.
ça marche mais seul problème : il me faut suprimer ce qu'il y a au dessus (image, pseudo, ...)
j'ai réussi à trouver des codes pour les effacer mais l'espacement persiste.
2ème solution
mettre une image dans ma table de contact et demander à celle-ci de déborder sur ce qu'il y a au-dessus.
3ème solution
mettre une image dans la rubrique "à propos de" mais problème : il faudrait je pense bidouiller le code placé dans "ressemble à" pour faire passer "à propos de" en 1ère ligne
ps: voici le code pour placer une image dans la table de contact :
<style>
.contactTable {
width:200px !important; height:100px !important; padding:0px !important;
background-image:url("http://i710.photobucket.com/albums/ww103/essamm/vache.jpg");
background-attachment:scroll; background-position:bottom;
background-repeat:no-repeat; background-color:transparent;}
.contactTable table, table.contactTable td { padding:0px !important;
border:0px; background-color:transparent; background-image:none;}
.contactTable a img {visibility:hidden; border:0px !important;}
.contactTable a {display:block; height:100px; width:390px;}
.contactTable .text {font-size:1px !important;}
.contactTable .text, .contactTable a, .contactTable img {filter:none !important;}
</style>
Je vais faire des test cet apm. en espérant trouver la solution.
ne pas hésiter à me proposer qq chose !!!
Bon ... il me semble que mon dernier mess comporte ta modif :
<style>
body{ background-position:top center;margin-top: 400;}
div.topbanner {top: 0; left:0; margin-left:0px;margin-right:0px;width: 100%;height: 30px; position: absolute; }
</style>
<div class="topbanner" align="center"><img src="http://i710.photobucket.com/albums/ww103/essamm/bannnni.gif" border="0" /></div>
</style>
d'aiilleurs ça marche pour Mozz mais pas pour IE .... dc c'est ça.
ALORS.... j'ai testé ton idée très interressante.
juste pour que tu comprenne bien :
Dans mon myspace je vais dans "modifier les infos / détails du musicien".
j'arrive alors sur une page qui me propose :
-titre : (modifier)
-bio : (modifier)
-membres : (modifier)
-influences : (modifier)
-ressemble à : (modifier)
-site web : (modifier)
-label : (modifier)
type de label : (modifier)
je clic sur "modifier" pour entrer dans chaque répertoire
"titre", "site web", "label" et "type de label" sont à écarter car je peux entrer que qq caractère.
"bio" est normalement prévu pour argumenté la rubrique "à propos de" sur ma page (colonne de droite)
"membres", "influences" et "ressemble à" sont normalement prévu pour remplir les cases du tableau "infos générales" sur ma page (colonne de gauche)
COLONNE DE GAUCHE ET COLONNE DE DROITE SONT ALIGNéS SUR MA PAGE GRACE A CE CODE POSé DANS LE REPERTOIRE "ressemble à" :
<span class="off">!-START Code to Center Band Profile in One Single Centered Column-!</span>
</td></tr></table>
</td></tr></table>
</td></tr></table>
<table class="myTclassR"><tr><td class="on">
<table class="off"><tr><td>
<table><tr><td>
<style>
{!- remove cell used to make space between right and left columns-!}
table.myTclassR td {width:0px;}
table.myTclassR td img {display:none}
{!-remove effect on other content}
table.myTclassR td.text img {display:block;}
table.myTclassR td.text, table.myTclassR td.text td {width:auto !important}
</style>
<span class="off">!-END Code to Center Band Profile in One Single Centered Column-!</span>
En fait, en désepérant devant mon pc j'ai eu une illumination ! et si je posais ma bannière sous la pub et la barre de navigation comme sur ce site : www.myspace.com/ez3kielmyspace
1ère solution
comme tu peux le voir sur ma page je tente d'entrer une image dans ma "table de contact" et de l'agrandir.
ça marche mais seul problème : il me faut suprimer ce qu'il y a au dessus (image, pseudo, ...)
j'ai réussi à trouver des codes pour les effacer mais l'espacement persiste.
2ème solution
mettre une image dans ma table de contact et demander à celle-ci de déborder sur ce qu'il y a au-dessus.
3ème solution
mettre une image dans la rubrique "à propos de" mais problème : il faudrait je pense bidouiller le code placé dans "ressemble à" pour faire passer "à propos de" en 1ère ligne
ps: voici le code pour placer une image dans la table de contact :
<style>
.contactTable {
width:200px !important; height:100px !important; padding:0px !important;
background-image:url("http://i710.photobucket.com/albums/ww103/essamm/vache.jpg");
background-attachment:scroll; background-position:bottom;
background-repeat:no-repeat; background-color:transparent;}
.contactTable table, table.contactTable td { padding:0px !important;
border:0px; background-color:transparent; background-image:none;}
.contactTable a img {visibility:hidden; border:0px !important;}
.contactTable a {display:block; height:100px; width:390px;}
.contactTable .text {font-size:1px !important;}
.contactTable .text, .contactTable a, .contactTable img {filter:none !important;}
</style>
Je vais faire des test cet apm. en espérant trouver la solution.
ne pas hésiter à me proposer qq chose !!!
j'ai trouvé encore mieux :
".nametext" signifie pseudo
j'ai donc recopié le code d'insertion d'image pour la table de contact
puis remplacé ".tablecontact" par ".nametext"
une image apparait donc à la place de mon pseudo.
reste un problème à résoudre : la celule ".nametext" est décalé de qq pixel à gauche et en haut.
comment supprimer ce décalage ?
voici mon site test : https://myspace.com/martinechantal
".nametext" signifie pseudo
j'ai donc recopié le code d'insertion d'image pour la table de contact
puis remplacé ".tablecontact" par ".nametext"
une image apparait donc à la place de mon pseudo.
reste un problème à résoudre : la celule ".nametext" est décalé de qq pixel à gauche et en haut.
comment supprimer ce décalage ?
voici mon site test : https://myspace.com/martinechantal
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
