Nouveau sur le forum ? Voici votre case départ pour bien débuter.

Liens contextuels :

Auteur
Florent V.
# 09 May 2008 - 15:35:37
Bonjour,

Greatz a écrit :
Lorsque je change de résolution (je vérifie car tout le monde n'a pas la même résolution de l'écran) tout ce qui se trouve dans la page change de place, comme si on avait tout écrasé de chaque côté

Peut-être une utilisation mal appropriée du positionnement absolu?
Difficile de dire de quoi il s'agit sans voir la page...

Greatz a écrit :
n'y a t-il pas de code permettant d'adapter sa page en fonction de la résolution?

Pas de baguette magique, non. Il faut avoir un minimum de connaissances des largeurs «standard» les plus répandues, et soit choisir une largeur donnée soit travailler en largeur fluide. Dans ce dernier cas de figure, il faut que le design soit prévu pour.

On pourra lire: Faire un site pour toutes les résolutions.
Modifié par Florent V. (09 May 2008 - 15:36)

^
GarsDuCalvados
# 09 May 2008 - 15:10:12
Roalala merci à vous 2 cligne Niquel

Merci pour votre aide,

.Mat cligne

^
6l20
# 09 May 2008 - 15:06:30
+ 1 Shunkin cligne
Certains navigateurs sont plus complaisants que d'autres et s'accomodent de certaines erreurs...mais pas tous, pas d'autres choix que de respecter la syntaxe, donc, espace entre chaque déclaration lorsqu'on utilise le raccourci des propriétés cligne

^
OlivModeDev
# 09 May 2008 - 15:05:33
trop fort trop bien !! merci bcp
ça a marché sauf que j'ai mis le margin dans les div des cotés en fait ça donne ça :

#headerLeft
{
margin-right: -3px;
}
#headerRight
{
margin-left: -3px;
}

Merci Encore et surtout pour ta rapidité
Modifié par OlivModeDev (09 May 2008 - 15:06)

^
Shunkin
# 09 May 2008 - 15:01:55
Bonjour,

Je pense qu'il faut rajouter un espace entre la parenthèse et le no-repeat dans ce type de code :
background: url(images/img11.gif)no-repeat center center;


^
Greatz
# 09 May 2008 - 14:47:20
Bonjour,

J'ai un petit soucis.. j'ai une page web, avec un menu horizontal affiché correctement sur ma page, ainsi que images, texte etc.. Lorsque je change de résolution (je vérifie car tout le monde n'a pas la même résolution de l'écran) tout ce qui se trouve dans la page change de place, comme si on avait tout écrasé de chaque côté, n'y a t-il pas de code permettant d'adapter sa page en fonction de la résolution?

Merci d'avance

^
GarsDuCalvados
# 09 May 2008 - 14:47:20
Bonjour,
je suis en train de me faire un petit site en modifiant des templates gratuit sur le net (Je suis novice en css).

Sous Firefox le site s'affiche niquel avec la bonne mise en page.

Mais sur IE la photo de la partie gauche et droite ne s'affiche pas ainsi que le fond du "Conteneur"

Voici ce que cela donne sous :
Firefox ==> ICI
IE ==> ICI

Voici la page Index.html ==> ICI ; Et la page de styleCSS ==> ICI

Merci pour votre aide,

.Matthieu
Modifié par GarsDuCalvados (09 May 2008 - 14:48)

^
phenix
# 09 May 2008 - 14:00:50
Les mystères du web..heureusement qu'on a des navigateurs qui réagissent de façon différente...quel ennui sinon XD;)

^
Thomas D.
# 09 May 2008 - 13:57:52
Salut,
arnaud_verlaine a écrit :
Comment donc dire au fichier .htaccess (ou autre technique mais là je ne vois pas) d'aller rechercher le nom de l'url (exemple : comment-reussir-son-mariage.html) dans la base de données ?
Pourquoi utiliser le titre comme élément de recherche dans la base ? Il faudra t'assurer qu'il est bien unique dans la table, et tu risques de t'arracher les cheveux pour gérer les caractères spéciaux à l'entrée et à la sortie ohwell

Un système plus simple, et qui devrait donner des résultats équivalents en termes de référencement, serait de conserver l'id dans l'url, mais en ajoutant le titre de ta page derrière, quelque chose comme
http://monsite.com/2/les+fours+ménagers

que tu peux récupérer avec :
^([0-9]+).*$     index.php?id=$1


Sinon, pour récupérer le nom de l'url dans la base de donnée, ça ne se fait pas dans le fichier .htaccess, mais dans ton script PHP. Le fichier .htaccess ne sert qu'à "traduire l'url" pour passer les variables à PHP.

Format URL :
http://monsite.com/fers+a+repasser+volants

.htaccess :
^$ index.php
^([.]+)$ article.php?$url=$1

article.php :
<?php
$url = $_GET['url'];
// Traitement de la châine $title pour
// 1. éviter les injections SQL éventuelles !!,
// 2. faire correspondre ce qu'on récupère en GET & le contenu de
// la BDD
// $url = ...
$query = sprintf("SELECT * FROM tableArticles WHERE url = '%s'", $url);
// et en avant ...


ps: exactitude des expressions régulières absolument incertaine, j'ai pas testé ^^

^
Chat
# 09 May 2008 - 13:52:30
Effectivment ca fonctionne mieux comme sa... rolleyes


Merci a toi pour ton aide!!! cligne

^
Florent V.
# 09 May 2008 - 13:49:17
Bonjour,

Je parierais sur:
1. Le HasLayout (cf. la FAQ) dû au height: 191px; de #headerCenter qui fait que ce bloc, au lieu de prendre tout la largeur de son conteneur (et donc de passer sous les flottants à gauche et à droite), est repoussé par les flottants.
2. Le vieux bug nommé le «Three Pixel Jog» (chaque flottant repousse ce bloc, qui a le layout, de 3px).

Solution: ne pas conférer le layout au bloc central, ou bien ne pas faire d'intégration avec trois blocs de cette manière pour de la simple décoration. Avec un #header positionné en relatif et des images (ou blocs avec images de fond) positionnés en absolu dans les coins, ça marche très bien. Ou bien peut-être avec deux blocs imbriqués et deux images de fond pour dessiner le header. Ou autre solution... ça dépend du design et de ses contraintes.

On peut éventuellement tenter d'adresser à IE6 uniquement (via un commentaire conditionnel) le correctif suivant pour #headerCenter: margin: 0 -3px. Ça pourrait marcher.

^
OlivModeDev
# 09 May 2008 - 13:38:09
Bonjour à tous,
J'essaye de faire un design en css.
Mon gabarit est simple et est composé d'un header, d'un footer et d'une zone de contenu. J'essaye de faire des coins arrondis (avec des images ) à mon design et j'ai besoin d'avoir 3 éléments dans le header et le footer.
Donc dans mon header on trouve ceci :

<div id='header'>
<div id='headerLeft'></div>
<div id='headerRight'></div>
<div id='headerCenter'></div>
</div>


#headerLeft
{
float: left;
width: 28px; height: 191px;
background: blue;
}
#headerRight
{
float: right;
width: 28px; height: 191px;
background: blue;
}
#headerCenter
{
background: red;
height: 191px;
}

Le problème c'est que sous IE j'ai un espace entre mes divs que je n'ai pas sous firefox et je ne comprends pas pourquoi.
Pour être plus clair voici le rendu sous firefox :
upload/16637-firefox.png
Et la même chose sous IE :
upload/16637-ie.png

Ca doit pas être grand chose mais j'ai cherché et je ne trouve pas et je n'ai plus d'idée.
Modifié par OlivModeDev (09 May 2008 - 15:05)

^
SolykZ
# 09 May 2008 - 13:23:12
Bonjour,


j'ai besoin, pour un projet, de me mettre un peu au Javascript. J'ai rarement touché plus de 5 minutes à un script et me voilà à devoir en faire un moi-même. Je rencontre cependant un problème. Mais tout d'abord je vous explique ce que je veux faire :

Le visiteur arrive sur la page d'index. Il y a un bout de texte, suivi d'un lien. Le lien déclenche une fonction JS (Dialogue1) lui demandant via un prompt son identifiant. Tant qu'il n'a pas inséré son identifiant, le prompt revient.

Pour arriver à cela, j'ai juste demandé dans le code d'invoquer à nouveau la fonction Dialogue1, dans le cas où la variable contenant l'identifiant est vide :

function Dialogue1() {
var id = prompt('Bonjour, citoyen.\nVeuillez décliner votre ID.');

if (id) {
var raisonvenue = prompt("Veuillez expliquer les raisons de votre venue :\n\n 1. Je suis un félon qui cherche à conquérir un secteur ;\n 2. Je suis intéressé par ce secteur ;\n 3. Je souhaite faire un léger passage histoire de voir ce qu'il se passe à l'Asile ;\n 4. Je suis un félon qui cherche à mettre en péril le bonheur du secteur.\n", "Indiquez dans ce champ le numéro de la réponse que vous souhaitez donner");
}
else {
Dialogue1();
}


(je sais néanmoins que je devrai modifier ce bout de code afin de m'assurer que l'identifiant du visiteur est correct, je verrai ça sous peu.)

Maintenant, en fonction de son choix dans le prompt "raisonvenue" (la raison de sa venue, donc), il doit se passer quelque chose :

		if ((raisonvenue == 1) || (raisonvenue == 4)) {
alert("L'Ordinateur a bien pris en compte votre demande de remplacement.\nVotre nouveau clone sera prêt dans peu de temps.\n\nSouriez, citoyen. lol ");
} else if ((raisonvenue == 2) || (raisonvenue == 3)) {
document.location.href = "index.php?page=raisonok";
} else //si "raisonvenue" ne vaut pas un nombre entre 1 et 4
//retour au prompt de "raisonvenue"
}


Et c'est très exactement ici que je me noie : comment dire au script que si la variable "raisonvenue" vaut autre chose que 1, 2, 3 ou 4, il doit ré-afficher le prompt de raisonvenue ?

J'espérais pouvoir trouver ça tout seul, mais difficile de savoir quoi googler. J'imagine qu'il s'agirait d'une boucle ? Mais comment la mettre en place ? ohwell


Merci bien pour votre aide. smile (et euh...ne faites pas attention au contenu des prompts, s'il vous plait... lol )

^
arnaud_verlaine
# 09 May 2008 - 13:16:53
Bonjour à tous.
J'utilise pour un nouveau site de l'URL Rewriting classique via un fichier .htaccess.
Jusque là rien de compliqué. J'ai une série de catégorie et sous-catégorie dans le site PHP et tout est bien géré via ce fichier, parce que ces "catégories" sont statiques.

Maintenant j'ai également mis au point un système pour créer les pages HTML (enfin php langue ) de manière dynamique.

Dans une bdd MySQL j'ai donc une table "Pages" avec les champs suivants :

- id
- title
- description
- url

Bref le contenu de ma page est totalement dynamique.

Exemple :

index.php?id=1 -> On peut tomber sur une page dont le titre serait "page sur les fours ménagers"

index.php?id=2 -> On peut tomber sur une page dont le titre serait " comment réussir son mariage"

etc...

Bref une tonne d'articles qui n'ont rien en commun.

Il n'y a donc pas de catégories ou sous-catégories ici comme pour de l'url rewriting classique et statique via le .htaccess

Comment donc dire au fichier .htaccess (ou autre technique mais là je ne vois pas) d'aller rechercher le nom de l'url (exemple : comment-reussir-son-mariage.html) dans la base de données ?

Merci d'avance,

Cordialement, cligne

^
Heriquet
# 09 May 2008 - 12:55:43
message résolu
Modifié par Heriquet (09 May 2008 - 12:57)

^
Heriquet
# 09 May 2008 - 12:54:03
message résolu
Modifié par Heriquet (09 May 2008 - 12:57)
Modifié par Heriquet (09 May 2008 - 12:57)

^
RoD69
# 09 May 2008 - 12:33:24
Ok, donc en fait obligé de faire des div imbriqués alors, j'aime pas c'est mais soit.

Merci, sujet clos.

^
Florent V.
# 09 May 2008 - 12:32:04
Ça pourrait éventuellement être un bon vieux bug de HasLayout (cf. la FAQ). Mais je ne l'ai jamais croisé celui-là. confuse

^
Felipe
# 09 May 2008 - 12:16:17
Bonjour,

le plus petit élément qu'est capable d'afficher un écran est le pixel. Moins qu'un pixel, il faut tirer au sort pour savoir si oui ou non il va s'afficher smile
Note: il est toutefois possible de tromper l'oeil humain en jouant sur les couleurs, les nuances, les formes, les ombres ou les transparences pour "faire comme si", mais l'écran lui affichera un pixel d'une couleur donnée, pas à moitié (exemple: l'antialiasing / anti-crénelage d'une ligne oblique).
J'ai pas bien compris à quel moment ta ligne "est trop large"? Ton image (PNG, GIF ou JPG) fait-elle 1px de large? Ou est-ce dans Photoshop? Est-ce un élément séparé ou bien est-ce que tu la découpes avec tout son environnement: càd est-ce une bordure isolée ou bien une image de 200x100px avec, entre autres, le dessin de cet élément en plein milieu?

EDIT: si tu nous montrais ton problème, ce serait en fait plus simple cligne
Modifié par Felipe (09 May 2008 - 12:17)

^
bzh
# 09 May 2008 - 11:58:07
merci pour la configuration de tiny mce smile

Noisequik a écrit :


En effet, ça impose moins quand le client demade :

"alors, c'est quoi votre CMS ?"

de dire :

"ah mais c'est le notre, mais ne vous inquiétez pas, il est très bien!" lol


en même temps, il est facile de mettre un avant que les cms sont des usines à gaz comparé à un script développé spécifiquement pour le projet. Si tout est bien pensé, c'est certainement mieux.

^
phenix
# 09 May 2008 - 11:50:52
Oui c'est effectivement très étrange. L'image était en png-24 et bien présente en ligne. Le simple fait de la passer en gif + upload + modifier css en conséquence et c'est ok.

Par contre en ajoutant par exemple juste pour tester

width:100%;


ma puce apparaissait bel et bien mais en se dilatant pour prendre tout le h2. Ce qui supprimait pour moi l'option png non-pris en compte.

^
Akhilleus
# 09 May 2008 - 11:42:58
Bonjour,

Il s'agit d'un problème général, pas seulement du menu, la mise en page du site est mise en pièces par IE6.
Il serait plus urgent de régler ce problème avant de se préoccuper du menu cligne

Pour commencer, régler le problème de la transparence sous IE6 :
<!--[if lte IE 6]>
<style type="text/css">
div#global {
position: relative;
min-height: 100%;
width: 930px ;
padding: 0 10px;
margin: 0 auto;
background: url(/Sitetest2/image/structure/fond_global-IE.png) repeat-y;
}
/style>
<! endif -->

fond_global-IE.png est la même image que fond_global.png, les dégradés en moins.
Modifié par Akhilleus (09 May 2008 - 12:48)

^
Tchupacabra
# 09 May 2008 - 11:41:58
Merci beaucoup Florent V. pour les précisions.... biggrin

ps : mon aussi, j'ai viré le display:block; des <input>...

@+ cligne

^
Heriquet
# 09 May 2008 - 11:37:59
Bonjour,

Dans la série conversion Photoshop to valid XHTML, voici la ligne verticale.

Alors je n'ai pas eu de mal à la faire, vu qu'il y avait des ressources sur le net, mais par contre elle est trop large. Elle fait 1px de large et est plus large que l'originale en jpg. J'ai essayé 0.1em mais c'était toujours trop large. Y a-t-il une unité encore plus fine ? (bien que je pensais que le pixel était la plus petite unité confus )

Ou alors dois-je me facir cette satanée image malgré tout...

Merci de votre aide.

Eric

^
25 Dernières réponses

référencesLes références web : openweb.eu.org - opquast.com - webmaster-hub.com - webrankinfo.com - salemioche.net - web-pour-tous.org - webonorme.org

Nos partenaires : Editions Eyrolles - Location vacances France - Location vacances Europe

Nikozen : Hébergement - Réalisation : Alsacreations.fr

Powered by Phedio v3.8 beta © dew
Contacter l'administrateur - 1659.7 ms - Charte