Espace

Thématique Espace, venez dialoguer avec de nombreux webmaster ! !

La Communauté Webmaster

  Forum-webmaster
  Technique - programmation
  HTML / CSS / XHTML (Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  Espace

« Précédent Suivant »

Pages: [1]

Auteur

Sujet: Espace (Lu 256 fois)

Espace
« sur: le 05-05-2003 à 10:04:35 »

Steph
Membre récent

Hors-Ligne

Sexe: Male

Messages: 52

Hello Boy!

j'ai une petite question, mais je ne sais pas si je suis dans le bon salon ! On va bien voir !

Quand on fait une page , le kit graphique donc, comment faire pour qu'il n'y est pas ces espaces d'origine en haut et sur les côté ! Une comparaison pour mieux comprendre :

- http://www.microsoft.fr

Vous voyez, en haut il n'y a pas d'espace, le "kit graphique" est directement collé au sommet de la page !

- http://www.internetservices-fr.net/images/kits/kit2.gif

Là il n'est pas collé, il y a un espace, celui qu'il y a toujours d'origine, va savoir pourquoi !

- http://www.internetservices-fr.net/images/kits/kit3.gif

pareil pour celui-là, il y a juste un fond bleu au lie de laisser ça blanc !

J'ai bien essayé de décortiquer le code html de la page de microsoft, mais j'ai rien trouvé ! Le CSS c'est pas trop mon truc ! Donc il est possible que ce soit de ce côté qu'il y a quelque chose à faire ! mais j'en suis pas sûr, pour ça que je sais pas si je suis dans le bon salon !

J'en profite pour une 2ème petite question, en CSS, comment faire pour que les liens ne soient pas soulignés ? Je l'avais trouvé sur un site, mais mes favoris ont sauté (merci Explorer ) et comme j'y suis arrivé par hasard, je le retrouve plus

Décidément, je suis stupide aujourd'hui

Quelqu'un peut-il m'éclairer ?

Merci !

Rapporter au modérateur

Connecté

Connaitre avant de critiquer Apple

Re:Espace
« Répondre #1 sur: le 05-05-2003 à 20:59:16 »

SIBELIUS
Superactif

Hors-Ligne

Sexe: Male

Messages: 789

Un Boulay sinon rien

Salut,

Pour commencer, il ne faut pas confondre un site en html (krosoft par ex) et des images en gif (les 2 autres liens)... car les images ont automatiquement des marges

Pour définir tes marges, il te suffit d'écrire la valeur que tu veux dans ta feuille de style :

body {
margin : 0;
padding : 0;
}

Pour que les liens ne soient pas soulignés, il faut définir ta balise <A> dans ta feuille de style.

Par exemple :

a {
text-decoration : none;
}

Rapporter au modérateur

Connecté

Le livre d'Alsacréations sur XHTML et les CSS :
"CSS2 Pratique du design web"

Re:Espace
« Répondre #2 sur: le 05-05-2003 à 21:15:32 »

Steph
Membre récent

Hors-Ligne

Sexe: Male

Messages: 52

Hello Boy!

Ca parait tout con quand tu le dis comme ça

Merci

Rapporter au modérateur

Connecté

Connaitre avant de critiquer Apple

Re:Espace
« Répondre #3 sur: le 05-05-2003 à 21:18:55 »

SIBELIUS
Superactif

Hors-Ligne

Sexe: Male

Messages: 789

Un Boulay sinon rien

Ben en fait, je ne connais pas ton niveau en html/css, donc je te donne le principe général... mais si tu as des soucis précis, n'hésite pas à en parler

Rapporter au modérateur

Connecté

Le livre d'Alsacréations sur XHTML et les CSS :
"CSS2 Pratique du design web"

Re:Espace
« Répondre #4 sur: le 05-05-2003 à 21:19:58 »

Sticky Mouse
Habitué

Hors-Ligne

Sexe: Male

Messages: 447

Roh, ça farte ?

En réalité l'espace tu peux aussi le faire sans passer sans les CSS si ça t'arrange en mettant dans ta balise <body>, ça : leftmargin="0" topmargin="0", mais c'est tellement simple et pratique en CSS... Auquel cas ce qu'a donné Sibelius est très bon.

Pour les liens, avec les CSS tu peux aussi aller plus loin en définissant un style selon l'état du lien. Ce sont des pseudos classes de CSS :

a:link {...} >> définit le lien à l'état initial
a:hover {...} >> définit le lien quand la souris est dessus
a:active {...} >> définit le lien quand on clique dessus
a:visited {...} >> définit le lien une fois visité

A ces pseudos classes tu peux associer une classe proprement dit, syntaxe :

a:link.classe {...}
a:hover.classe {...}
...

Et comme l'a dit Sibelius, la syntaxe CSS pour supprimer un soulignement est text-decoration : none; L'avantage avec les pseudos classes est de par exemple pouvoir souligner le lien qu'une fois la souris dessus.

Rapporter au modérateur

Connecté

Guillaume Godart
Sticky Mouse L'info hi-tech !
Zone CD CD Trade Center
webmaster@zonecd.com

Re:Espace
« Répondre #5 sur: le 05-05-2003 à 21:21:55 »

SIBELIUS
Superactif

Hors-Ligne

Sexe: Male

Messages: 789

Un Boulay sinon rien

leftmargin="0" topmargin="0" ne fonctionne que sous IE me semble t-il et n'est pas conforme aux standards

Rapporter au modérateur

Connecté

Le livre d'Alsacréations sur XHTML et les CSS :
"CSS2 Pratique du design web"

Re:Espace
« Répondre #6 sur: le 05-05-2003 à 21:24:24 »

Sticky Mouse
Habitué

Hors-Ligne

Sexe: Male

Messages: 447

Roh, ça farte ?

Vraiment ?? Ah je savais pas ça... Enfin bon, faut avouer aussi que quasi tout le monde utilise IE ! Donc perso quand un truc marche sur IE mais que c'est pas possible sur NS, je laisse comme ça...

Rapporter au modérateur

Connecté

Guillaume Godart
Sticky Mouse L'info hi-tech !
Zone CD CD Trade Center
webmaster@zonecd.com

Re:Espace
« Répondre #7 sur: le 05-05-2003 à 21:26:36 »

SIBELIUS
Superactif

Hors-Ligne

Sexe: Male

Messages: 789

Un Boulay sinon rien

Mouais, c'est un principe qui ne me plaît guère.
Le web est sensé être accessible à tous (navigateurs, résolutions, handicaps, ...) et non à IE.
Je préfère essayer de coder proprement et selon les standards: de cette manière, je suis sûr que le site passe partout sans me poser de questions

Rapporter au modérateur

Connecté

Le livre d'Alsacréations sur XHTML et les CSS :
"CSS2 Pratique du design web"

Re:Espace
« Répondre #8 sur: le 05-05-2003 à 21:31:02 »

Sticky Mouse
Habitué

Hors-Ligne

Sexe: Male

Messages: 447

Roh, ça farte ?

Oué c'est vrai mais bon, c'est pas de l'inaccessibilité non plus... ! C'est juste que ça fera pas super beau sur NS mais là, y'a tellement de différence entre les deux que même en codant selon les normes ça passe pas pareil...

Oui moi aussi dans la mesure du possible, j'essaie de bien coder, notamment selon les recommandations du XHTML, une habitude à prendre mais après ça va tout seul, j'y pense même plus now, c'est un reflexe !

Rapporter au modérateur

Connecté

Guillaume Godart
Sticky Mouse L'info hi-tech !
Zone CD CD Trade Center
webmaster@zonecd.com

Re:Espace
« Répondre #9 sur: le 05-05-2003 à 21:34:05 »

SIBELIUS
Superactif

Hors-Ligne

Sexe: Male

Messages: 789

Un Boulay sinon rien

Tout à fait d'accord

Rapporter au modérateur

Connecté

Le livre d'Alsacréations sur XHTML et les CSS :
"CSS2 Pratique du design web"

Re:Espace
« Répondre #10 sur: le 05-05-2003 à 22:20:01 »

Sticky Mouse
Habitué

Hors-Ligne

Sexe: Male

Messages: 447

Roh, ça farte ?

Au passage j'en profite pour faire une petite critique à Steph sur l'appelation des choses

Attention, un kit graphique est un design peu ciblé libre d'utilisation, alors qu'un design est propre à un site ! On se comprend mais je crois que si tu écris à Shain pour lui dire que tu aimes beaucoup les kits graphique de ses sites, il risque de se vexer lol

Voilà c'est pas hyper important mais autant être clair, ça coute rien !

Rapporter au modérateur

Connecté

Guillaume Godart
Sticky Mouse L'info hi-tech !
Zone CD CD Trade Center
webmaster@zonecd.com

Re:Espace
« Répondre #11 sur: le 05-05-2003 à 23:02:17 »

Steph
Membre récent

Hors-Ligne

Sexe: Male

Messages: 52

Hello Boy!

Citation de: SIBELIUS le le 05-05-2003 à 21:18:55
Ben en fait, je ne connais pas ton niveau en html/css, donc je te donne le principe général... mais si tu as des soucis précis, n'hésite pas à en parler

en html pas de problèmes ! En CSS, début on dira ! J'emploi depuis très peu de temps !

Rapporter au modérateur

Connecté

Connaitre avant de critiquer Apple

Re:Espace
« Répondre #12 sur: le 05-05-2003 à 23:05:00 »

Steph
Membre récent

Hors-Ligne

Sexe: Male

Messages: 52

Hello Boy!

Citation de: Sticky Mouse le le 05-05-2003 à 22:20:01
Au passage j'en profite pour faire une petite critique à Steph sur l'appelation des choses

Attention, un kit graphique est un design peu ciblé libre d'utilisation, alors qu'un design est propre à un site ! On se comprend mais je crois que si tu écris à Shain pour lui dire que tu aimes beaucoup les kits graphique de ses sites, il risque de se vexer lol

Voilà c'est pas hyper important mais autant être clair, ça coute rien !

Ah oui, juste, j'y avais plus pensé ! Y'a des fois où on fait de mauvais racourcis ! Comme pour PC et Windows !