High-Tech Santé Médecine Droit-Finances

Test

appareil photo

Samsung PL55

Rechercher : dans
Par :

Background HTML/CSS

Dernière réponse le 23 déc 2008 à 14:00:49 Termiton, le 21 déc 2008 à 03:21:18 
 Signaler ce message aux modérateurs

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.

Meilleures réponses pour « Background HTML/CSS » dans :
Enlever le soulignement sous les liens en HTML/CSS Voir Par défaut, les liens hypertextes en HTML sont soulignés, un trait de la couleur du lien apparaît en dessous du texte. Il est possible de supprimer ce soulignement à l'aide de la propriété CSS text-decoration:none : Grâce au CSS Grâce au CSS via...
Background transparent ? Voir
Pied de page HTML-CSS Voir
Créer un site beau, dynamique et respectueux des standards VoirVoici une liste de liens qui vous aideront à mieux exploiter les standards (HTML, CSS, DOM...) pour créer des sites plus beaux, plus dynamiques et plus respectueux des standards. A la fin de cette page, il y a également une liste de...
Les CSS pour présenter vos images VoirPour présenter agréablement vos images, vous pouvez intégrer quelques codes supplémentaires dans votre CSS et vous en servir à bon escient. Elles sont bien sur modulables en fonction de la charte graphique de votre site. Utilisation Mettez les codes...
Javascript - Centrer verticalement une page web VoirPour centrer verticalement une page web, impossible de s'en sortir en css. Une solution bien pratique : JavaScript. 1. Le fichier .js 2. La page .html 3. Utilisation 4. Inconvénients 5. Rappel Merci à Dalida pour la source du...
La syntaxe des style (CSS) VoirDéfinition d'un style La définition d'un style se fait à l'aide de règles en texte simple permettant de décrire l'aspect des éléments de la page. Une règle CSS est caractérisée par deux principaux éléments : Un sélecteur de balises, permettant de...
DHTML - La notion de couche VoirQu'est-ce qu'une couche? Le DHTML est basé sur une fonctionnalité provenant de la norme 4.0 du HTML: les feuilles de style en cascade de positionnement, aussi appelée CSS-P (Cascading Style Sheets Positionning). Celles-ci permettent de définir des...
Posez votre question Répondre

1

Termiton, le 21 déc 2008 à 15:19:15

Me dites pas que personne ne connait la solution? :(

   
Répondre à Termiton

2

Termiton, le 22 déc 2008 à 01:09:20

ça à pas l'air au top ici niveau web , je change pour ccpfrance.com , bye.

   
Répondre à Termiton

3

pazz, le 22 déc 2008 à 08:49:03

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.

   
Répondre à pazz

4

Termiton, le 22 déc 2008 à 17:07:00

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 :/

   
Répondre à Termiton

5

Termiton, le 22 déc 2008 à 18:51:20

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.

   
Répondre à Termiton

6

pazz, le 23 déc 2008 à 08:30:36

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

   
Répondre à pazz

8

 Termiton, le 23 déc 2008 à 14:00:49

En gros l'accueil se présente ainsi :

http://sd-4.archive-host.com/membres/images/1691501483478044­63/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?)

   
Répondre à Termiton

7

Termiton, le 23 déc 2008 à 13:32:18

Merci c'est sympa je vais tester un truc comme ça, jsuis assez nul pour le moment :p

   
Répondre à Termiton
Posez votre question Répondre
Ils ont besoin de votre aide
Collection CommentÇaMarche.net