rss
Rechercher : dans
Par : Pertinence Date Nom d'utilisateur
Statut : Résolu

[Html&Css]site flexible.

naruto-94, le mercredi 11 octobre 2006 à 15:09:53
Bonjour ,

J'aimerai que mon site s'adapte a la résolution du visiteurs , j'ai creer le design avec adobe photoshop puis couper avec Image ready .

merci de vos réponse


à bientot ^^.
Répondre à naruto-94  Signaler ce message aux modérateurs Aller au dernier message

1


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Ssylvainsab, le mercredi 11 octobre 2006 à 15:45:46
Il suffit de définir une taille variable a la balise body (le corps de la page) :
body{width:100%;}
La page prendra 100% de la largeur de la fenêtre.

Un design avec photoshop ???
Tu peux me montrer ca ?
dans ce cas je pense que la solution que je t'ai donné ne marche pas.

Montre ton site et on agira en conséquence. Sylvain
P.S.:J'ai déjà répondu pas mal de fois a cette question.
Répondre à Ssylvainsab

2


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
naruto-94, le mercredi 11 octobre 2006 à 17:58:23
narutokev.free.fr/TestdeTest/

j'ai mis a 100% .. mais il y a quelques bug , quand on ouvre la page accueil.html il faut la rafraichir en re-tapant entré quand on a séléctionné le lien dans la barre d'adresse pour que sa marche ! ( je suis sur IE 6 je ne sais pas ce que sa donne avec mozilla ou autre ).

a tout' .
Répondre à naruto-94

3


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
naruto-94, le mercredi 11 octobre 2006 à 18:19:40
Ah et les bandes rouges c'est l'emplacement de la pub et du menu flash ^^ c'est juste pour te dire que ce n'est pas un bug.
Répondre à naruto-94

4


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Ssylvainsab, le mercredi 11 octobre 2006 à 20:27:18
Bonsoir.

Je viens de tester la page sous IE, Firefox et Opera.
Ca marche bien partout (du moins s'il n'y a rien au centre).

Mais quelques conseils seraient les bienvenus je pense :
-Ta page d'accueil doit s'appeler index.html (en minuscules)
-Crée un fichier que tu apelleras ".htaccess" et que tu placeras a la racine de ton site. Dedans, ecris ceci :
Option - Indexes
Comme ca, si on essaye d'acceder a un répertoire ou il n'y a pas d'index, le serveur renverra une erreur 500 (acces interdit). Ca evite qu'on aille fouiller n'importe ou. Sylvain
Répondre à Ssylvainsab

10


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Ralfo, le mardi 17 octobre 2006 à 14:15:07
Bonjour,

Je suis intéressé par ton astuce. Y'a t-il un moyen d'empécher quiconque d'entrer sur le serveur via l'explorateur , ou via un logiciel FTP (avec un message d'accès restreint) ? J'aimerais que l'accès soit interdit à tout mon espace, même s'il y a un index dans tel ou tel dossier.

Merci pour ton aide.
Répondre à Ralfo

11


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Ssylvainsab, le mardi 17 octobre 2006 à 21:59:00
Bonsoir.

Je pense que l'on peut faire ca avec un simple allow, deny :
apacht#domaine Sylvain
Répondre à Ssylvainsab

5


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
naruto-94, le mercredi 11 octobre 2006 à 20:50:22
re-bonsoirs .

Que veux tu dire par " Si il n'y a rien au centre" ?

Sinon merci pour le conseil :P .

Merci de tes réponses ^^.
Répondre à naruto-94

6


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Ssylvainsab, le mercredi 11 octobre 2006 à 21:03:36
Eh bien, quand je vais sur ta page, je vois les boutons (mangas...) a droite et a gauche, qui semblent servir de menu, mais je ne vois rien au centre de la page.

Ah oui, et un autre conseil :
Essaye de ne pas utiliser de tableaux pour la mise en page, préfère quelques div et un peu de CSS.
Mais bon, ca, ca risque de prendre plus de temps. Sylvain
Répondre à Ssylvainsab

7


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Gihef, le jeudi 12 octobre 2006 à 03:37:50
Bonjour,

Tu vas avoir du mal à le rendre vraiment adaptable.
Ton image d'en-tête fait 980px de large. Impossible donc d'avoir ta page en entier en dessous.
Tes images s'adaptent, se déforment lorsque j'élargis la fenêtre.
C'est voulu ?
gihef.bey.free.fr/CCM/flex/deform.jpg

Pourquoi n'essaierais-tu pas simplement de positionner ton tableau au centre de la page ? Le fond de la page ayant la même couleur (noir), il n'y aura pas de décalage, le noir occupera quand même toute la page.
Regarde ce que ça donne :
gihef.bey.free.fr/CCM/flex/index.html

J'ai suivi le conseil de Ssylvainsab et juste modifié ton code ici :
<BODY WIDTH=100% BGCOLOR=#000000 LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0>

<body width=100% bgcolor=#000000 leftmargin=0 topmargin=0 marginwidth=0 marginheight=0 style="text-align:center;">
<table width=980px border=0 cellpadding=0 cellspacing=0 style="margin:0 auto;text-align:left;">

Qu'en penses-tu ?
    L'intelligence artificielle se définit comme le contraire de la bêtise naturelle.
Répondre à Gihef

8


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
naruto-94, le jeudi 12 octobre 2006 à 16:19:38
Ah oui je n'y avais pas pensé et c'est tres beau ,Je vais prendre ton code . Merciii beaucoup :D .

et Merci de tes réponses Ssylvainsab .

à bientot ++
Répondre à naruto-94

9


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Ssylvainsab, le samedi 14 octobre 2006 à 01:49:32
Héhé, j'ai refait entièrement la page sans tableaux, avec des CSS te 3 divs.
http://sylvain.sab.free.fr/autres/ccmsdz/flex/

Un dernier p'tit conseil : réduire le poids des images, elles mettent longtemps a se charger.

: )

a plus Sylvain
Répondre à Ssylvainsab

12


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
 cathcake, le mercredi 18 avril 2007 à 15:03:16
Bonjour,
Merci pour cette discussion, j'avais un problème similaire !
Répondre à cathcake
Discussions pertinentes trouvées dans le forum
28/09 20h43Site html+css gratuit3
10/07 20h01Site html,css1
24/09 14h51Une menu html/css/php ...8
23/08 14h39[HTML / CSS] Hauteur d'un div..10
Plus de discussions sur « [Html&Css]site flexible. »
Logiciels pertinents trouvés dans les téléchargements
Télécharger Matizha Sublime 3.2Matizha Sublime - Matizha Sublime 3 est un outil de choix pour tout webmaster sérieux à propos de la création de pages web. D’abord un...Catégorie: Editeurs HTML
Licence: Freeware/gratuit
Télécharger Amaya 9.54Amaya - Amaya est un éditeur Web, développé conjointement par l'INRIA et le W3C, pour éditer et publier très simplement des pages...Catégorie: Editeurs HTML
Licence: Open Source
Télécharger GreaseMonkey 0.8.20080609.0GreaseMonkey - GreaseMonkey permet de bidouiller à la volée les pages web que vous consultez. C'est à dire qu'il va modifier la page...Catégorie: Extensions Firefox
Licence: Open Source
Télécharger Web Developer Toolbar 1.1.6Web Developer Toolbar - WebDeveloper est une extension firefox représentant une formidable boîte à outils pour examiner et manipuler les pages...Catégorie: Extensions Firefox
Licence: Freeware/gratuit
Plus de logiciels gratuits sur « [Html&Css]site flexible. »
Toutes les réponses pour « [Html&amp;Css]site flexible. »