Background HTML/CSS

Résolu/Fermé
Termiton Messages postés 290 Date d'inscription dimanche 21 octobre 2007 Statut Membre Dernière intervention 7 février 2014 - 21 déc. 2008 à 03:21
Termiton Messages postés 290 Date d'inscription dimanche 21 octobre 2007 Statut Membre Dernière intervention 7 février 2014 - 23 déc. 2008 à 14:00
Salut tout le monde,

j'ai cherché déjà un peu partout mais je ne trouve pas exactement ce que je cherche.

Je fais une page web en html toute bête pour un ami, je cherche comment faire pour "fit to screen" le background si c'est possible.

J'ai trouvé à peu près tout sur les backgrounds mais pas ça :/
Faut il utiliser css?
Si oui ou non, quels sont les balises etc ?

Faut il pour celà que l'image soit plutôt plus petite que l'écran en général ou plutôt plus grande de façon à conserver la qualité et ne pas grossir les pixels?

Voili voilou

Merci d'avance pour vos réponses.
A voir également:

5 réponses

Termiton Messages postés 290 Date d'inscription dimanche 21 octobre 2007 Statut Membre Dernière intervention 7 février 2014 64
21 déc. 2008 à 15:19
Me dites pas que personne ne connait la solution? :(
0
Termiton Messages postés 290 Date d'inscription dimanche 21 octobre 2007 Statut Membre Dernière intervention 7 février 2014 64
22 déc. 2008 à 01:09
ça à pas l'air au top ici niveau web , je change pour ccpfrance.com , bye.
0
Salut,

je te fait juste remarquer que tu à écrit un dimanche et que tout le monde n'est pas crocher a son pc se jour la.

En background l'image est sensée s'afficher à la tail réel des pixel mais il existe diver moyen de l'adapté à l'écrant mais c'est pas le top car ton image sera étiré ou étinglé se qui n'est pas très beau.

solution css que pour IE:

    body{
    height:100%; /*correction tail relative IE*/
    }
    . Ma_classe{
    height:100%;
    width:100%;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='back.png', sizingMethod='scale');
    background: url('back.png') !important;
    background: none;
    }
   


sinon il te faut utilisé javascript de manière non conforme ou d'utilisé une balise "<img>" mais pourquoi faut il que sa prenne tout l'écrant ton site risque de peser une tonne pour rien je te conseil de trouver une charte graphic qui s'adapte plus facilement au différent type de résolution, pourait tu m'expliqué plus présisement la réson, on poura peut-être trouvé d'autre solutions plus adaptées.
0
Termiton Messages postés 290 Date d'inscription dimanche 21 octobre 2007 Statut Membre Dernière intervention 7 février 2014 64
22 déc. 2008 à 17:07
Ah super voilà qqn :o

Merci de la réponse (j'aurais pas dû m'impatienter mais après coup j'ai pas pu virer mes messages :/)

Alors en fait le truc c'est que je dois faire une page avec un fond particulier sur lequel les liens doivent etre à un certain endroit par rapport au fond.

Peut etre que je peux centrer le fond de sorte qu'il ne prenne pas toute la page, mais j'ai peur que ça ne s'adapte pas bien avec toutes les différente résolutions d'écran.

Je sais pas si je suis clair :/
0
Termiton Messages postés 290 Date d'inscription dimanche 21 octobre 2007 Statut Membre Dernière intervention 7 février 2014 64
22 déc. 2008 à 18:51
J'ai fais un truc de ce genre :



<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Titre</title>
<style type="text/css>
body
{
background:url('.../background.jpg');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center center;
}
</style>
</head>
<body>
blabla
</body>
</html>


Mais ça ne fonctionne qu'avec firefox, ie et safari affichent n'importe quoi.
0
re salut,

je comprend pas bien, pour le font d'un lien il faut le mettre sur le lien directement via les css, si jai mal compris se que je pense, il te faudrai revoir la structure de ton document

exemple:
  <html>
  <head>
  <link rel="stylesheet" media="screen" type="text/css" href="style.css" />
  </head>
  <body>
         <div id="conteneur">
         <h1 id="head">Titre banière </h1>
          <div id="menu">
              <ul>
                  <li><a href=".....">lien1</li>
                  <li><a href=".....">lien2</li>
                   ect....
              </ul>
          </div>
         <div id="contenu">
           ton contenu
         </div>
         </div>
  </body>
  </html>


comme sa tu a une structure plus maniable


css:


body{
margin:0px;
padding:0px;
height:100%; /*correcteur tail relative IE*/
font-family:Arial, Helvetica, sans-serif;
}

#conteneur{

margin-left:auto;
margin-right:auto;  /*si tu desire centrer ton site*/
width:.....;
height: auto;
etc
}

#conteneur h1{
......
background-image:url(image_de_ta_bannière_si_ten_a_une);
}
#conteneur #menu{
......
background-image:url(image_de_ton_menu);
}

#conteneur #contenu{
......
background-image:url(image_de_ton_site en général);
}




cet structure (cet base) permet une grande liberté il devrai sadapté a ton idée mais pourait tu présiser exactement se que tu cherche a faire ?

pazz
0
Termiton Messages postés 290 Date d'inscription dimanche 21 octobre 2007 Statut Membre Dernière intervention 7 février 2014 64
23 déc. 2008 à 14:00
En gros l'accueil se présente ainsi :

http://sd-4.archive-host.com/membres/images/169150148347804463/Accueil.jpg

Le texte d'accueil fait partit du fond (n'est pas un texte à écrire dans la page)


(j'ai testé, le background ne marche que sous ie, est il possible de l'afficher sous firefox ou un autre explorer?)
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Termiton Messages postés 290 Date d'inscription dimanche 21 octobre 2007 Statut Membre Dernière intervention 7 février 2014 64
23 déc. 2008 à 13:32
Merci c'est sympa je vais tester un truc comme ça, jsuis assez nul pour le moment :p
0