Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1959 connectés 

 
 

Sujet(s) à lire :
    - Vous faites vos pages web selon quelle *norme* ?
    - Ergonomie d'un site web
 

 Mot :   Pseudo :  
  Aller à la page :
 
 Page :   1  2  3  4  5  ..  46  47  48  49  50  51  52  53
Page Suivante
Page Précédente
Bas de page 
Auteur Sujet :

FAQ XHTML/CSS -- La FAQ évolue ! Détails inside

n°927834
FlorentG
Posté le 20-12-2004 à 10:30:03  profilanswer
 

Reprise du message précédent :

Suri a écrit :

des grapheux xhtml/css j'en connais pas bcp :D (a part fastclemmy je vois pas trop... enfin simo se debrouille aussi il me semble :o)
 
les grapheux, ils utilisent photoshop, pas le notepad :D
 
j'en profite pour vous dire que ca bouge ds la cat'12! ;)


 
Moi j'utilise les deux, toshop et notepad ;) Durant ma longue vie informaticienne, j'ai toujours voulu toucher à tout. Donc tout le design de mes sites est fait sous photoshop, après je prend un éditeur de texte, je fais alors la structure de la page et pis enfin CSS Party :D
 
Je pense qu'il faut savoir faire les deux, à la fois la partie design, et à la fois la partie prog. Parce que quand on design un site, y'a des choses à ne pas faire, sinon on se retrouve avec un truc immonde avec 25 hacks, et 50 div en trop juste là pour bricoler...

mood
Publicité
Posté le 20-12-2004 à 10:30:03  profilanswer
 

n°927876
Suri
Darksurious
Posté le 20-12-2004 à 10:53:30  profilanswer
 

simo> nop :/
 
edit: si c ca [:ddr555]
thx


Message édité par Suri le 20-12-2004 à 10:56:35

---------------
Suri.morkitu.org : Balades au coeur de la ville...
n°927880
simogeo
j'ai jamais tué de chats, ...
Posté le 20-12-2004 à 10:56:27  profilanswer
 

url ?


---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
n°927882
Suri
Darksurious
Posté le 20-12-2004 à 10:56:40  profilanswer
 
n°930741
rufo
Pas me confondre avec Lycos!
Posté le 23-12-2004 à 11:04:05  profilanswer
 

En ce moment, je galère pour faire en sorte que mon menu de gauche aille bien jusqu'en bas de la page et que le contenu de ma page également. Voici la structure de mon document :
 

Code :
  1. <div class="header">
  2.     <div class="headerleft">coin gauche où y'a un bord arrondi de l'image de fond de l'ihm</div>
  3.     <div class="headermiddle">menu principal</div>
  4.     <div class="headerright">coin droit où y'a le bord arrondi de l'image de fond de l'ihm</div>
  5. </div>
  6. <div class="content">
  7.     <div class="menu">0 ou plusieurs menus siturés sur la gauche de l'ihm, avec une image en fond qui se répète verticalement sur la gauche</div>
  8.     <div class="page">contenu de ma page avec une image de fon qui se répète verticalement sur la droite</div>
  9. </div>


 
Le but du jeu, c'est que la <div> menu et la <div> page s'ajustent l'une par rapport à l'autre pour qu'elles aient la même taille afin que les images de fond aillent bien jusqu'en bas de l'écran si le contenu de la page est plus court que celui-ci, soit qu'elles aillent jusqu'au bout du contenu de la page si celui-ci est plus long que la taille de l'écran... qq'un a une idée? Merci :jap:
 
c'est pour avoir ça : http://forum.hardware.fr/forum2.ph [...] =7#t925890


Message édité par rufo le 23-12-2004 à 11:05:27
n°962338
Suri
Darksurious
Posté le 25-01-2005 à 21:19:02  profilanswer
 

yo [:franck75]
 
on peut mettre un style à une checkbox ou pas? (genre changer la couleur du tick etc... )


---------------
Suri.morkitu.org : Balades au coeur de la ville...
n°962340
the real m​oins moins
Posté le 25-01-2005 à 21:30:56  profilanswer
 

[:blueflag]


---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?
n°963319
gm_superst​ar
Appelez-moi Super
Posté le 27-01-2005 à 00:41:01  profilanswer
 

Suri a écrit :

yo [:franck75]
 
on peut mettre un style à une checkbox ou pas? (genre changer la couleur du tick etc... )


 
Non


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°982908
gm_superst​ar
Appelez-moi Super
Posté le 15-02-2005 à 22:56:13  profilanswer
 

Juste pour signaler que l'extension "validateur" pour Mozilla et Firefox commence à bien tenir la route : http://users.skynet.be/mgueury/mozilla/
 
 
Bon c'est pas basé sur le validateur du W3C, mais sur Tidy, ce qui fait que les messages d'erreurs sont un peu différents et ce que Tidy considère comme étant seulement un warning est une erreur pour le validateur du W3C.
 
Mais à part ça, ça fonctionne pas mal. L'intérêt étant bien sûr de pouvoir valider ses pages en local. L'intégration est plutôt réussie : on a le choix de tester soit au chargement de chaque page, soit lors de l'affichage du code source.


Message édité par gm_superstar le 15-02-2005 à 22:56:45

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°986104
simogeo
j'ai jamais tué de chats, ...
Posté le 18-02-2005 à 13:29:16  profilanswer
 

gm_superstar a écrit :

Juste pour signaler que l'extension "validateur" pour Mozilla et Firefox commence à bien tenir la route : http://users.skynet.be/mgueury/mozilla/
[...]


 
Juste pour signaler que ca aurait bien sa place sur incongru [:itm]


---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
mood
Publicité
Posté le 18-02-2005 à 13:29:16  profilanswer
 

n°986264
Profil sup​primé
Posté le 18-02-2005 à 15:51:31  answer
 

bon j'ai un serieux probleme et bien qu'apres avoir lu beaucoup de doc je comprend pas le raisonnement d'ie.
 
c'est un probleme d'espace sous les image (pas de hola, j'ai bien lu incongru)
Le display block ne fonctionne pas et de plus mes images sont en background encapsulé dans des divs sans contenu
 
voila le contenu
 

Code :
  1. echo "<div id=\"inscrit\">";
  2. echo "<div style=\"border:1px solid black; width:622px\">";
  3. echo "<div id=\"inscrit_top_left\"></div>";
  4. echo "<div id=\"inscrit_top_middle\"></div>";
  5. echo "<div id=\"inscrit_top_right\"></div>";
  6. echo "<div style=\"clear:both\"></div>";
  7. echo "</div>";


 
et le css  
 

Code :
  1. #inscrit {
  2. margin-left:auto;
  3. margin-right:auto;
  4. width:620px;
  5. }
  9. #inscrit_top_left {
  10. background-image:url('../../images/inscription/coin1.gif');
  11. width:9px;
  12. height:9px;
  13. background-repeat:no-repeat;
  14. float:left;
  15. }
  16. #inscrit_top_middle {
  17. background-image:url('../../images/inscription/top.gif');
  18. width:602px;
  19. height:9px;
  20. background-repeat:no-repeat;
  21. float:left;
  22. }
  23. #inscrit_top_right {
  24. background-image:url('../../images/inscription/coin2.gif');
  25. width:9px;
  26. height:9px;
  27. background-repeat:no-repeat;
  28. float:left;
  29. }


 
j'ai essayer de jouer avec padding, margin, line-height, vertical-align et tout mais rien n'y fait j'ai toujours les meme resultats
 
FF
http://if-faw.com/forum/bugs/ff_inscrit.jpg
IE
http://if-faw.com/forum/bugs/ie_inscrit.jpg
 
le bon resultat etant celui de firefox :)
 
edit: j'ai d'autre css importer dans tout le bouzin, mais ils ne derange pas cette partie


Message édité par Profil supprimé le 18-02-2005 à 15:53:12
n°986270
simogeo
j'ai jamais tué de chats, ...
Posté le 18-02-2005 à 15:53:49  profilanswer
 

hola, t'as bien lu incongru ? :o
 
[:god]


---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
n°986273
Profil sup​primé
Posté le 18-02-2005 à 15:54:30  answer
 

:whistle:

n°986279
simogeo
j'ai jamais tué de chats, ...
Posté le 18-02-2005 à 15:56:47  profilanswer
 

url!


---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
n°986282
Profil sup​primé
Posté le 18-02-2005 à 15:57:30  answer
 

peu pas

n°986291
simogeo
j'ai jamais tué de chats, ...
Posté le 18-02-2005 à 16:01:24  profilanswer
 

ca doit venir déjà de l'epaisseur de la bordure :
http://incongru.webdynamit.net/AstucesImportant
cf la section Hacker le modèle de boites


---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
n°986300
Profil sup​primé
Posté le 18-02-2005 à 16:05:54  answer
 

wai mais ya pas de bordure, et celle de 1px (que j'utilise pour voir l'ecart) n'est pas  l'origine du probleme

n°986302
simogeo
j'ai jamais tué de chats, ...
Posté le 18-02-2005 à 16:06:56  profilanswer
 

essayes en rajoutant des overflow:hidden !?


---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
n°986307
Profil sup​primé
Posté le 18-02-2005 à 16:08:32  answer
 

ha wai, ca fonctionne [:le kneu]
 
 
joli [:romf]

n°986321
simogeo
j'ai jamais tué de chats, ...
Posté le 18-02-2005 à 16:16:08  profilanswer
 

chui une star [:spamafote]
beaucoup ici te le diront [:greg2] [:franck75]
 
[:dawa]


---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
n°986324
Profil sup​primé
Posté le 18-02-2005 à 16:17:04  answer
 

[:el g]

n°986534
Suri
Darksurious
Posté le 18-02-2005 à 19:10:17  profilanswer
 

simogeo a écrit :

chui une star [:spamafote]
beaucoup ici te le diront [:greg2] [:franck75]
 
[:dawa]


 
[:franck75]
Simo t'es trop une star! :love:  
a+ georges  [:djswad]


---------------
Suri.morkitu.org : Balades au coeur de la ville...
n°986677
gm_superst​ar
Appelez-moi Super
Posté le 18-02-2005 à 23:10:36  profilanswer
 
n°986678
gm_superst​ar
Appelez-moi Super
Posté le 18-02-2005 à 23:11:53  profilanswer
 

chacal_one333 a écrit :

bon j'ai un serieux probleme et bien qu'apres avoir lu beaucoup de doc je comprend pas le raisonnement d'ie.


Pour les DIV pas très hauts il faut aussi réduire la hauteur de la ligne de texte (line-height)


Message édité par gm_superstar le 18-02-2005 à 23:12:02

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°986845
simogeo
j'ai jamais tué de chats, ...
Posté le 19-02-2005 à 01:40:27  profilanswer
 

Suri a écrit :

[:franck75]
Simo t'es trop une star! :love:  
a+ georges  [:djswad]


 
 
\o/ alors chacal, tu vois maintenant [:icon8]
 
[:franck75]  
 
 
koookkoooo suri [:trofub]
 
gm_ > [:romf]


Message édité par simogeo le 19-02-2005 à 01:40:55

---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
n°988863
Suri
Darksurious
Posté le 21-02-2005 à 17:48:31  profilanswer
 

hey! [:dawa]
 
jsuis un peu rouillé là, et j'essaye de mettre un div tout bete a coté d'un tableau...
ma structure est la suivante:
 

Code :
  1. <div id="1">
  2.   <div id="2" style="float:left">
  3.     <table>...</table>
  4.   </div>
  5.   <div id="3">ma 2e "colonne"</div>
  6. </div>
  8. <div id="4" style="clear:both"></div>


 
voila donc ca marche bien ca, le pb c que padding-left marche plus dans ma 2e colonne (jveux le decaler un peu par rapport a mon tableau)...
 
une idée?


Message édité par Suri le 21-02-2005 à 18:02:59

---------------
Suri.morkitu.org : Balades au coeur de la ville...
n°988875
Suri
Darksurious
Posté le 21-02-2005 à 18:02:13  profilanswer
 

en fait le padding-left semble etre en absolu par rapport au conteneur encore au dessus... donc padding-left de 280px ca marche :D
 
edit: j'ai numeroté mes div pour que ca soit plus simple
d'apres openweb:
La position float retire une boîte du flux normal pour la placer le plus à droite ou le plus gauche possible dans son conteneur
etant donné que c le div #1 le conteneur, je pensais qu'un paddingleft sur le div#3 suffisait..


Message édité par Suri le 21-02-2005 à 18:05:25

---------------
Suri.morkitu.org : Balades au coeur de la ville...
n°988981
FlorentG
Posté le 21-02-2005 à 19:23:10  profilanswer
 

Ben non ça suffit pas :D. Avec des floats, faut expliciter le padding par rapport au conteneur

n°989019
Suri
Darksurious
Posté le 21-02-2005 à 19:54:09  profilanswer
 

position:relative alors?


---------------
Suri.morkitu.org : Balades au coeur de la ville...
n°989026
FlorentG
Posté le 21-02-2005 à 20:07:12  profilanswer
 

Faut mettre les 2 en float... Avec le bug de 3 pixels bien connu sous IE

n°1004830
fabien
Vive la super 5 !
Posté le 08-03-2005 à 14:35:09  profilanswer
 

pourquoi ca marche pas sou ie ?
 

input[type=text]
{
 border:1px black solid;
}
 
input[type=submit]
{
 border:1px black solid;
}


 
faut faire quoi pour que ca marche sous ie ?


Message édité par fabien le 08-03-2005 à 14:35:32

---------------
✈ Découvre le HFRcoin ✈ - smilies ♥
n°1004831
FlorentG
Posté le 08-03-2005 à 14:35:41  profilanswer
 

fabien a écrit :

pourquoi ca marche pas sou ie ?
 

Code :
  1. input[type=text]
  2. {
  3. border:1px black solid;
  4. }
  6. input[type=submit]
  7. {
  8. border:1px black solid;
  9. }


 
faut faire quoi pour que ca marche sous ie ?


Tu ne peux rien faire. IE ne gère pas les sélecteur du genre [attribut=valeur] :(

n°1004836
fabien
Vive la super 5 !
Posté le 08-03-2005 à 14:37:22  profilanswer
 

FlorentG a écrit :

Tu ne peux rien faire. IE ne gère pas les sélecteur du genre [attribut=valeur] :(


faut faire quoi alors pour changer le style des formulaire et qui marche sous ie ? :??:


---------------
✈ Découvre le HFRcoin ✈ - smilies ♥
n°1004843
FlorentG
Posté le 08-03-2005 à 14:39:14  profilanswer
 

fabien a écrit :

faut faire quoi alors pour changer le style des formulaire et qui marche sous ie ? :??:


Ben vu que t'as mis des id à tous les contrôles pour les associer avec un label, la question ne se pose pas :D

n°1004845
the real m​oins moins
Posté le 08-03-2005 à 14:39:26  profilanswer
 

ben tu peux styler input et select, mais pour input ça sera appliqué aux champs texte et aux boutons :/
j'ai jamais pigé pourquoi c'etait le meme element html alors que <select> est different lui, mais bon soit


---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?
n°1004869
fabien
Vive la super 5 !
Posté le 08-03-2005 à 14:47:20  profilanswer
 

et si je fais:
 
<input type="text" class="input_text">
 
je peux faire le style "input_text" ? ca va marcher ? [:dawa]


---------------
✈ Découvre le HFRcoin ✈ - smilies ♥
n°1004872
the real m​oins moins
Posté le 08-03-2005 à 14:47:49  profilanswer
 

sans doute oui


---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?
n°1004875
FlorentG
Posté le 08-03-2005 à 14:48:27  profilanswer
 

fabien a écrit :

et si je fais:
 
<input type="text" class="input_text">
 
je peux faire le style "input_text" ? ca va marcher ? [:dawa]


Ben oui, banane :D

n°1004894
fabien
Vive la super 5 !
Posté le 08-03-2005 à 14:56:09  profilanswer
 

ha mais le truc chiant, c'est qu'il va falloir que je modifie tout mes formulaire :/
 
et ya beaucoup de truc comme ca que ie ne gere pas ? :heink:


---------------
✈ Découvre le HFRcoin ✈ - smilies ♥
n°1004905
FlorentG
Posté le 08-03-2005 à 14:59:05  profilanswer
 

fabien a écrit :

ha mais le truc chiant, c'est qu'il va falloir que je modifie tout mes formulaire :/
 
et ya beaucoup de truc comme ca que ie ne gere pas ? :heink:


Oui, beaucoup de choses bien utiles :D

n°1004908
fabien
Vive la super 5 !
Posté le 08-03-2005 à 14:59:48  profilanswer
 

FlorentG a écrit :

Oui, beaucoup de choses bien utiles :D


ya pas une liste quelque part des trucs qui marchent pas avec ie? afin d'eviter d'avoir des surprise ...


---------------
✈ Découvre le HFRcoin ✈ - smilies ♥
mood
Publicité
Posté le   profilanswer
 

 Page :   1  2  3  4  5  ..  46  47  48  49  50  51  52  53
Page Suivante
Page Précédente
Haut de page 

Aller à :
Ajouter une réponse
 

Sujets relatifs
[newby inside] installer et utiliser dbd::oracleCSS et polices de substitution
Comment disposer une image au sein d'un texte... (CSS inside).[CSS] Peut on changer l'apparence d'une checkbox ?
[ALGO]Cherche algo de vérif de clés pour n° de cheque (math inside)Gros newbie inside .... lecture de char dans un fichier HELP !!!
[CSS] peut on remplacer la valeur de background par une variable ?[PHP MySQL] Problème d'apostrophe ! [MONGOLE INSIDE]
Plus de sujets relatifs à : FAQ XHTML/CSS -- La FAQ évolue ! Détails inside

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.104 secondes

Copyright © 1997-2025 Groupe LDLC (Signaler un contenu illicite / Données personnelles)