Aide pour du css.

pilo_briko

Bonjour. Pour mon site, je bosse sur le css. Mais je n'arrive pas a mettre un cadre générale a ma page. J'aimerais mettre une image a gaucge et a droite (la même) et le logo en haut (qui fait partie du cadre) et une image en bas pour finir la cadre. Dîtes moi si vous savez comment faire merci!

_________________
Bonjour tous le monde.
Pour créer mon site, j'utilise dreamweaver 2004, fillezilla, photofiltre, photoshop, the gimp et easy php, et bien sur http://jeuphp.forumactif.com/
http://jedi-tales.ifrance.com

jean-baptiste

il ya le site du zero qui explique très bien ça

Mais sinon c'est un simple jeu de cadre avec des div !

_________________

pilo_briko

Oui je connais tous ça mais je n'arrive pas a mettre d'image pour ma bordure... J'ai essayer ça:

Code:

border-left-image: url("images/tourgenerale.gif");

Mais ça ne marche pas....

_________________
Bonjour tous le monde.
Pour créer mon site, j'utilise dreamweaver 2004, fillezilla, photofiltre, photoshop, the gimp et easy php, et bien sur http://jeuphp.forumactif.com/
http://jedi-tales.ifrance.com

Ad' · Grand habitué Nombre de messages: 240 Age: 23 Date d'inscription: 28/12/2005

A part avec un tableau, je sais pas comment on peut faire.
J'espère qu'il existe un moyen sans les tableaux parce que l'utilisation des tableaux pour la mise en page n'est pas conforme aux normes.

_________________
Pour apprendre le français
De la bonne manière de poser les questions

naholyr · Langue pendue Nombre de messages: 97 Date d'inscription: 08/06/2006

Ad' a écrit:

J'espère qu'il existe un moyen sans les tableaux parce que l'utilisation des tableaux pour la mise en page n'est pas conforme aux normes.

Quelles normes ? Il faut faire attention, l'utilisation de tableaux pour la mise en page n'est pas conseillée pour des raisons d'accessibilités. Mais rien à voir avec les normes du w3c et une mise en page tableau + css peut être tout-à-fait valide (et donc avoir le même rendu sur tous les navigateurs modernes).

Il y a certains problèmes qui ne peuvent être résolus en "tableless" que par d'infames bidouilles et accumulations informes de "divs" imbriqués. Dans ce cas il vaudra parfois mieux passer par une table pour se faciliter la vie.

De plus quand vous refusez à tous prix les tableaux, pensez que la seule et unique raison valable de le faire, c'est pour des raisons d'accessibilité : les lecteurs d'écran rendent mal les tableaux.
Mais alors posez-vous la question :
- respectez-vous toutes les règles de contraste idéal dans vos images pour les malvoyants ?
- chacune de vos image a-t-elle une description alternative ?
- votre "minimap" elle est vraiment exploitable par un aveugle ou un malvoyant ?
- vous avez testé votre "design" vu par les yeux d'un daltonien par exemple ?

Ne suivez pas aveuglément les "normes" sans savoir pourquoi vous les suiveriez, vous vous mettez des batons dans les roues pour rien. Suivre les normes du W3C : oui, toujours ! Suivre les normes pour l'accessibilité : ça ne sert à rien si on ne suit qu'une règle destinée aux malvoyants alors que le site leur reste totalement inaccessible parce que les autres règles ne peuvent être suivis.

pilo_briko

C'est quoi le W3C?

_________________
Bonjour tous le monde.
Pour créer mon site, j'utilise dreamweaver 2004, fillezilla, photofiltre, photoshop, the gimp et easy php, et bien sur http://jeuphp.forumactif.com/
http://jedi-tales.ifrance.com

lorgan17

C'est ceuw qui disent les normes;

Mais faut bien avouer que dans les normes (x)html & css , c'est le bordel...

_________________
Utilisez Alvaro's Messenger

pilo_briko

tant que je suis dans un sujet d'illustration: pourquoi sur mon site, mon logo est-il tout piselisés, alors que sur mon ordi, il est trés bien?

_________________
Bonjour tous le monde.
Pour créer mon site, j'utilise dreamweaver 2004, fillezilla, photofiltre, photoshop, the gimp et easy php, et bien sur http://jeuphp.forumactif.com/
http://jedi-tales.ifrance.com

naholyr · Langue pendue Nombre de messages: 97 Date d'inscription: 08/06/2006

lorgan17 a écrit:

C'est ceuw qui disent les normes;

Mais faut bien avouer que dans les normes (x)html & css , c'est le bordel...

C'est un consortium (regroupement de professionnels d'un même secteur) ayant pour objectif de définir des standards et des recommandations, que devraient suivre les développeurs (de site, et de navigateurs) afin qu'on parle tous la même langue, et qu'un site aie le même rendu quelque soit le logiciel utilisé pour le créer, et quelque soit le logiciel utilisé pour le visionner.

Et ce n'est pas du tout le bordel, c'est touffu c'est vrai mais très bien organisé, et les résultats sont concrets.

M'enfin trèves de trolls

Pour ton image, es-tu sûr qu'elle est à la bonne dimension ? Si tu as une image en 20x30 et que tu spécifies width=40 height=60 ça va pixelliser ton image par exemple.

pilo_briko

Non en fait j'ai trouvé: le format gif ne prend que 256 couleurs au maximum. Alors il me pixélise comme j'en ai trop dans mon dégardé. Je l'ai enlevé et j'ai modifier une image: la qualité est mieu maintenant.
Mais la j'ai un espace entre mon dégardé du logo vers le bas. J'ai tous vérifier, impossible de trouvé l'erreur. Quelqun saurait pourquoi?

_________________
Bonjour tous le monde.
Pour créer mon site, j'utilise dreamweaver 2004, fillezilla, photofiltre, photoshop, the gimp et easy php, et bien sur http://jeuphp.forumactif.com/
http://jedi-tales.ifrance.com

Brice · Bavard Nombre de messages: 23 Age: 89 Date d'inscription: 19/07/2006

pilo_briko a écrit:

Oui je connais tous ça mais je n'arrive pas a mettre d'image pour ma bordure... J'ai essayer ça:

Code:

border-left-image: url("images/tourgenerale.gif");

Mais ça ne marche pas....

Ton probleme la, c'est que tu inventes des propriétés... "border-left-image" ca n'existe pas.

Pour t'aider lis ca :
http://css.alsacreations.com/Faire-une-mise-en-page-sans-tableaux/Construire-un-site-sans-tableaux
et puis ca :
http://css.alsacreations.com/Faire-une-mise-en-page-sans-tableaux/Centrer-les-elements-ou-un-site-web-en-CSS

pilo_briko a écrit:

Non en fait j'ai trouvé: le format gif ne prend que 256 couleurs au maximum. Alors il me pixélise comme j'en ai trop dans mon dégardé.

Pour passer n'importe quelle image en gif avec une bonne gestion des couleurs, utilise IrfanView. Un soft génial, léger, gratos.

Script_Css · Habitué Nombre de messages: 102 Age: 16 Date d'inscription: 26/06/2006

Dans ton image, si ta pas des couleur qui ne sont pas dans les 256 et bas elle se transforme en en couleur dans la liste des 256 !

Moi je te conseil de la mettre en jpg ses mieux ou en png !

Brice · Bavard Nombre de messages: 23 Age: 89 Date d'inscription: 19/07/2006

Script_Css a écrit:

Dans ton image, si ta pas des couleur qui ne sont pas dans les 256 et bas elle se transforme en en couleur dans la liste des 256 !

Moi je te conseil de la mettre en jpg ses mieux ou en png !

Non bon sang, vous avez de gros a priori avec le GIF et ses 256 couleurs...
Tu peux mettre celles que tu veux dans ses 256 couleurs, à toi de faire ta palette.

Le soft IrafnView, à partir d'une JPG avec autant de couleur que tu veux, quand tu enregistre en GIF, il déduit automatiquement la palette la meilleure, et donc tes couleurs n'ont aucune perte.
Sauf si tu utilises 16 millions de couleurs, la bien ya une petite perte ... mais la palette est géré au mieux.
Et tu peux meme ensuite la retoucher toi meme, en modifiant chaque couleur. Et enregistrer avec la couleur de ton choix comme couleur de transparence si tu veux, etc.

IrfanView moi je vous dis. C'est le meiilleur que j'ai vu.
Si c'est les menus en anglais qui vous font peur, ya le language en francais sur le site.