probleme page html

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu probleme page html

Message par 0123 le Ven 13 Sep 2013 - 23:03

Bonsoir,

J'ai crée une page HTML, donc j'ai mit une image qui me sert de cadre et quand j'insère cette image j'ai pas l'image seul qui est mis j'ai aussi le bout de mon image qui continue a la suite... Je c'est pas si je me suis bien exprimer c'est pour cela que je vais mettre une image, ce qui est encadrer en rouge est mon problème...

Merci d'avance.

Cirdialement.



Dernière édition par 0123 le Jeu 3 Oct 2013 - 12:50, édité 1 fois

0123
****

Messages : 241
Inscrit(e) le : 17/07/2008

http://abcd.forumpersos.com
0123 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probleme page html

Message par 0123 le Sam 14 Sep 2013 - 11:57

upp

0123
****

Messages : 241
Inscrit(e) le : 17/07/2008

http://abcd.forumpersos.com
0123 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probleme page html

Message par Tech le Sam 14 Sep 2013 - 12:32

Bonjour,

Je vous rappelle qu'il est autorisé un seul UP par tranche de 24 heures, à partir de votre dernier message posté dans le sujet concerné.

Je vous invite à lire :

A bientôt sur ForumActif Smile

Merci de fournir la page HTML en question

Cordialement.



{ Règles Générales } { Question & Réponses Fréquentes } { Le Staff de ForumActif }

Tech
Modéractif
Modéractif

Masculin
Messages : 20885
Inscrit(e) le : 01/12/2007

http://forum.forumactif.com
Tech a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probleme page html

Message par 0123 le Sam 14 Sep 2013 - 12:38

voici pour toi tech

Code:
<div style="background: url("http://i76.servimg.com/u/f76/18/51/82/68/fond17.jpg") repeat scroll 0% 0% transparent; text-align: center;"><font size="1">   <span style="Lucida Calligraphy;"><br></span> </font><br><span style="font-family: Lucida Calligraphy;"><span style="font-weight: bold;"><font size="7"><span style="Lucida Calligraphy: bold;"><font size="7">Horaires</font></span></font></span><br><br><font size="3"><br></font><font size="5"><span style="Lucida Calligraphy: bold;"><font size="3"> </font><br></span></font><font size="3"><font size="5"><span style="Lucida Calligraphy;">Horaires d'entrainements<br>Saison
2013/2014.</span></font><br><span style="font-family: Arial;">________________________________________</span><br><span style="Lucida Calligraphy: italic;"><span style="font-weight: bold;"><br><span style="font-style: italic;"><font size="4">Complexe Sportif Pierre Ducourtial</font></span></span><span style="font-style: italic;"><font size="4"><br><strong>Horaires </strong></font></span></span></font><font size="3"><span style="font-style: italic;"><font size="4"><strong><strong>Jeux
Libre</strong></strong></font></span><strong><strong></strong></strong><br> <br><span style="text-decoration: underline;"><strong>Adultes:</strong></span><br> <br><strong>Lundi
: 17h00 à 22h30.</strong><br><strong>Mardi : 17h00 à 19h00.(Ouvert au Ados)</strong><br><strong>Mercredi : 20h30 à
22h30.</strong><br><strong>Jeudi : 17h00 à
19h00.</strong></font><font size="3"> <br> <br><span style="text-decoration: underline;"><span style="text-decoration: Lucida Calligraphy;"><strong>Ados:</strong></span></span><br> <br><strong>Vendredi :</strong><br><strong>17h00
à 18h00. </strong><br><strong>18h00 à 19h15.</strong></font><br><font size="3"><span style="font-family: Arial;"><font size="3">________________________________________</font></span><br><span style="font-style: italic;"><font size="4">  <strong><br><span style="font-style: Lucida Calligraphy;">Salle
Polyvalente</span></strong><br><strong>Horaires
d'entraînements</strong></font></span><br><strong><strong></strong></strong><br></font><font size="3"><font size="3"><strong><u>Entraîneur:</u></strong><br> <br><strong>Jeudi
de 20H00 à 22h00.</strong></font> </font><font size="3"><strong><u><br><br>Interclubs</u></strong><strong><u> (Match
à domicile):</u></strong><br> <br><strong>Mercredi de 19h30 à
23h00.</strong></font></span><font size="6"><span style="Lucida Calligraphy: bold;"><br></span><font size="1"> </font>_______________________________________________<font size="1">  </font></font><br></div>

0123
****

Messages : 241
Inscrit(e) le : 17/07/2008

http://abcd.forumpersos.com
0123 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probleme page html

Message par Tech le Sam 14 Sep 2013 - 13:15

Et puis-je également avoir le lien vers la page ?

Cordialement.



{ Règles Générales } { Question & Réponses Fréquentes } { Le Staff de ForumActif }

Tech
Modéractif
Modéractif

Masculin
Messages : 20885
Inscrit(e) le : 01/12/2007

http://forum.forumactif.com
Tech a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probleme page html

Message par 0123 le Sam 14 Sep 2013 - 13:17

voilà Smile

http://abcd.forumpersos.com/h1-horaires

0123
****

Messages : 241
Inscrit(e) le : 17/07/2008

http://abcd.forumpersos.com
0123 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probleme page html

Message par Tech le Sam 14 Sep 2013 - 13:40

C'est parce que votre image est trop grande chez moi et trop petite chez vous. Cela dépend de la résolution d'écran du visiteur.

Vous avez mis repeat ce qui fait que dans votre cas, l'image se répète après. Si vous ne voulez pas ça, il faut changer ça :
Code:
<div style="background: url("http://i76.servimg.com/u/f76/18/51/82/68/fond17.jpg") repeat scroll 0% 0% transparent; text-align: center;">
par ça :
Code:
<div style="background: url("http://i76.servimg.com/u/f76/18/51/82/68/fond17.jpg") no-repeat scroll 0% 0% transparent; text-align: center;">

Cordialement.



{ Règles Générales } { Question & Réponses Fréquentes } { Le Staff de ForumActif }

Tech
Modéractif
Modéractif

Masculin
Messages : 20885
Inscrit(e) le : 01/12/2007

http://forum.forumactif.com
Tech a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probleme page html

Message par 0123 le Sam 14 Sep 2013 - 15:08

Merci beaucoup grâce à vous je vais pouvoir avancer dans mes pages HTML juste une derniére question, puis-je centrer l'image de fond ?

cordialement

0123
****

Messages : 241
Inscrit(e) le : 17/07/2008

http://abcd.forumpersos.com
0123 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probleme page html

Message par 0123 le Dim 15 Sep 2013 - 12:28

upp

0123
****

Messages : 241
Inscrit(e) le : 17/07/2008

http://abcd.forumpersos.com
0123 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probleme page html

Message par Tech le Lun 16 Sep 2013 - 17:26

Bonjour,

Par contre, je viens de remarquer une erreur dans votre code et celui-ci que je vous ai rendu.
Il faudrait remplacer les " de l'url par des ' donc comme ça :
Code:
<div style="background: url('http://i76.servimg.com/u/f76/18/51/82/68/fond17.jpg') no-repeat scroll 0% 0% transparent; text-align: center;">
et pour centrer l'image de fond, un background-position: center; dans le style suffit Smile

Cordialement.



{ Règles Générales } { Question & Réponses Fréquentes } { Le Staff de ForumActif }

Tech
Modéractif
Modéractif

Masculin
Messages : 20885
Inscrit(e) le : 01/12/2007

http://forum.forumactif.com
Tech a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probleme page html

Message par 0123 le Mar 17 Sep 2013 - 13:00

merci pour tou...

Par contre en fonction des naviguateur des résolution d'écrans... mon image est parfois couper... il y a t-il une solution pour que ce soi tous pareil sur les différents navigateurs et les différentes résolution d'écran...
merci d'avance.

0123
****

Messages : 241
Inscrit(e) le : 17/07/2008

http://abcd.forumpersos.com
0123 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probleme page html

Message par 0123 le Mer 18 Sep 2013 - 14:49

upp

0123
****

Messages : 241
Inscrit(e) le : 17/07/2008

http://abcd.forumpersos.com
0123 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probleme page html

Message par Tech le Mer 18 Sep 2013 - 15:33

Bonjour,

Le plus simple est de faire un petit fond qui se répète horizontalement et de remplir le reste par la couleur du fond.

Donc au final de changer cette ligne :
Code:
<div style="background: url('http://i76.servimg.com/u/f76/18/51/82/68/fond17.jpg') no-repeat scroll 0% 0% transparent; text-align: center;">
par :
Code:
<div class="horairebg">

et de mettre dans votre CSS (PA > Affichage > Couleurs > Feuille de style) ceci :
Code:
.horairebg {
    background: url("http://i75.servimg.com/u/f75/14/07/55/00/fond1711.png") repeat-x #08b003;
    border-left: 2px solid black;
    border-right: 2px solid black;
    text-align: center;
}

Cordialement.



{ Règles Générales } { Question & Réponses Fréquentes } { Le Staff de ForumActif }

Tech
Modéractif
Modéractif

Masculin
Messages : 20885
Inscrit(e) le : 01/12/2007

http://forum.forumactif.com
Tech a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probleme page html

Message par 0123 le Mer 18 Sep 2013 - 15:53

merci ça marche a merveille...

Du coup je suis obligé que ce soit la même image sur toute mes pages ou je désire mettre un fond ?

0123
****

Messages : 241
Inscrit(e) le : 17/07/2008

http://abcd.forumpersos.com
0123 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probleme page html

Message par Tech le Mer 18 Sep 2013 - 15:59

@0123 a écrit:Du coup je suis obligé que ce soit la même image sur toute mes pages ou je désire mettre un fond ?

C'est-à-dire ? Si la "partie" n'est pas délimitée avec des pixels précis mais avec des %, il est conseillé de mettre une image qui se répète.

Que voulez-vous faire par la suite ?

Cordialement.



{ Règles Générales } { Question & Réponses Fréquentes } { Le Staff de ForumActif }

Tech
Modéractif
Modéractif

Masculin
Messages : 20885
Inscrit(e) le : 01/12/2007

http://forum.forumactif.com
Tech a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probleme page html

Message par 0123 le Lun 23 Sep 2013 - 16:42

je voulais savoir si sur une page il est possible de mettre un fond vert et sur une autre un fond bleu ?

et aussi dans le code que vous m'avez donnez, il y a bordure noire droite et gauche est-ce que je peus en mettre une en bas ?
Code:
        .horairebg {
            background: url("http://i75.servimg.com/u/f75/14/07/55/00/fond1711.png") repeat-x #08b003;
            border-left: 2px solid black;
            border-right: 2px solid black;
            text-align: center;
        }
merci d'avance

0123
****

Messages : 241
Inscrit(e) le : 17/07/2008

http://abcd.forumpersos.com
0123 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probleme page html

Message par 0123 le Mer 25 Sep 2013 - 0:03

uuppp

0123
****

Messages : 241
Inscrit(e) le : 17/07/2008

http://abcd.forumpersos.com
0123 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probleme page html

Message par 0123 le Jeu 26 Sep 2013 - 13:34

uppp

0123
****

Messages : 241
Inscrit(e) le : 17/07/2008

http://abcd.forumpersos.com
0123 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probleme page html

Message par 0123 le Ven 27 Sep 2013 - 13:34

upp

0123
****

Messages : 241
Inscrit(e) le : 17/07/2008

http://abcd.forumpersos.com
0123 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probleme page html

Message par Tech le Ven 27 Sep 2013 - 14:17

Bonjour,

@0123 a écrit:je voulais savoir si sur une page il est possible de mettre un fond vert et sur une autre un fond bleu ?
C'est possible, il suffit de faire une image de ce style : http://i75.servimg.com/u/f75/14/07/55/00/fond1711.png mais en bleu

@0123 a écrit:et aussi dans le code que vous m'avez donnez, il y a bordure noire droite et gauche est-ce que je peus en mettre une en bas ?
Code:
        .horairebg {
            background: url("http://i75.servimg.com/u/f75/14/07/55/00/fond1711.png") repeat-x #08b003;
            border-left: 2px solid black;
            border-right: 2px solid black;
            text-align: center;
        }
Il suffit de rajouter une ligne comme ça : border-bottom: 2px solid black; entre les { }

Cordialement.



{ Règles Générales } { Question & Réponses Fréquentes } { Le Staff de ForumActif }

Tech
Modéractif
Modéractif

Masculin
Messages : 20885
Inscrit(e) le : 01/12/2007

http://forum.forumactif.com
Tech a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probleme page html

Message par 0123 le Dim 29 Sep 2013 - 15:50

Merci beaucoup Tech grâce à toi mon forum commence à prendre forme...

Cordialement.

0123
****

Messages : 241
Inscrit(e) le : 17/07/2008

http://abcd.forumpersos.com
0123 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum