Validation W3C

Recherche :

Mot : Pseudo : Filtrer
Page : 1 2 3 4 5 6 7 Page Suivante Page Précédente Bas de page
Auteur	Sujet : Validation W3C

- Fred -

007 Agent

Reprise du message précédent :
Très simple : je veux que le block de news se place verticalement au niveau du bloc de texte, et horizontalement à droite, indépendament du contenu qui occupe le champ texte.

Je viens d'uploader la dernière version du code, tu peux télécharger test.html et complex.css ...

J'y pense, s'il y a des validateurs HTML, y-a-t il des validateurs javascript, vérifiant si l'on respecte vraiment les standarts ? Parce que M$ a sûrement dû mettre son nez là dedans aussi non ...

Message édité par - Fred - le 06-12-2002 à 14:55:15

---------------
"You know the name, You know the number..."

Publicité

kayasax

kayasax a écrit a écrit :

pt1 vous m'impressionez les mecs !!
ce soir vais m'acheter un book sur les css paske marre des tables

:cry: pkoi je fais que des bides sur ce topic ?? :cry:
vous en connaisser des bons bouquins?

---------------
All we need is a soul revolution

- Fred -

007 Agent

Tu peux essayer ça :
http://www.yoyodesign.org/doc/w3c/ [...] ml#minitoc

C'est un peu technique et touffu, mais ça couvre tout ...
Perso j'ai commencé il y a 3-4 jours, en regardant un peu les sources à droite à gauche, et en emmerdant W3C sur le forum

Il existe très certainement tes bouquins, mais côté littérature, W3C saura certainement mieux te conseiller que moi :

Citation :

Sinon, j'ai appris ben heu... j'en sais rien... y a 2 ans j'ai emprunté le bouquin HTML 4 pour les Nuls à la BU de ma fac... et puis sinon, j'ai traîné sur le net pour me mettre au XHTML...

http://glish.com/css/#techniques
http://www.mozilla.org/start/1.0/demos.html
http://glandium.org/html/

Pour Gizmo :

Citation :

Très simple : je veux que le block de news se place verticalement au niveau du bloc de texte, et horizontalement à droite, indépendament du contenu qui occupe le champ texte.

Je viens d'uploader la dernière version du code, tu peux télécharger test.html et complex.css ...

J'y pense, s'il y a des validateurs HTML, y-a-t il des validateurs javascript, vérifiant si l'on respecte vraiment les standarts ? Parce que M$ a sûrement dû mettre son nez là dedans aussi non ...

Message édité par - Fred - le 06-12-2002 à 15:11:49

---------------
"You know the name, You know the number..."

Phive

Raaah Lovely

J'ai une kestion toute simple sur les css en général:

Kest-ce ki prend le dessus au niveau des polices/tailles/couleurs:

La config du nav

La css

???

Car en fait j'ai bien fais une css qui definis tout les attibuts du texte (police,taille,couleur etc) mais je suis aller chez un gars pour tester mon site et ce gars a du mal a voir donc il a mis la taille des polices de Windows et de donc de son nav a 150% et le tout en gras bien sur et la c la cata...le text et tt gros,tiens plusdans les cellules en gros y a tt ki a bouger dans la mise en page et ca donne n'importe koi

Alors est ce moi ki fais une css pourri (ou ki est oublier des truc) ou bien c bien la config de Win ou du navigateur ki est prio sur la css ???

Merci

---------------
/!\ Post powered by Phive-online.com /!\

gm_superstar

Appelez-moi Super

C'est la configuration du navigateur qui prime.

- Fred -

007 Agent

Moi, je fais tout en pourcentages ... sinon, tu peux utiliser comme taille des polices les valeurs +1, +2, -1, -2 ... et puis, il doit y avoir des valeurs générales, moi j'utilise 80% comme taille de police ... après, à vérifier. Mais oui, la taille définie dans le navigateur est normalement prioritaire.

Et puis d'ailleurs j'ai toujours mon problèèèèèèèèèèèèème môa ... ça m'énerve d'être si près du but et de merder sur un truc tout con (à savoir : mettre côte à côte deux blocs)

Message édité par - Fred - le 06-12-2002 à 15:17:39

---------------
"You know the name, You know the number..."

gizmo

- Fred - a écrit a écrit :

Moi, je fais tout en pourcentages ... sinon, tu peux utiliser comme taille des polices les valeurs +1, +2, -1, -2 ... et puis, il doit y avoir des valeurs générales, moi j'utilise 80% comme taille de police ... après, à vérifier. Mais oui, la taille définie dans le navigateur est normalement prioritaire.

Et puis d'ailleurs j'ai toujours mon problèèèèèèèèèèèèème môa ... ça m'énerve d'être si près du but et de merder sur un truc tout con (à savoir : mettre côte à côte deux blocs)

j'ai besoin d'un peu plus de précision, parce que quand je regarde ton css, j'ai l'impression qu'il n'a été concu que pour la résolution 1024*768. C'est bien le cas?

Profil supprimé

gizmo a écrit a écrit :

j'ai besoin d'un peu plus de précision, parce que quand je regarde ton css, j'ai l'impression qu'il n'a été concu que pour la résolution 1024*768. C'est bien le cas?

Ce tueur quand même, le gizmo, avec son air pince-sans-rire [:xx_xx]

gizmo

:ange: :fuck:

Profil supprimé

[:sisicaivrai]

Publicité

- Fred -

007 Agent

Mon système doit, à terme, s'adapter à toutes les résolutions possibles. Reste de problème majeur du champ de news qui est liée au bas de la zone texte ... comment le résoudre ?
Et comment adapter plus efficacement mon CSS à du multi-résolutions ?

Si ça continue je vais devoir faire un tableau ... et c'est vraiment pas le but. Je suis certain qu'il existe un moyen de mettre côte à côte deux <div>, mais comment ...

W3C, si tu codes en pur XHTML+CSS2, tu as du être confronté à cette même difficulté non ?

PS : dynamique en ce moment le forum ... tu post, et deux minutes après t'es obligé de faire un up

Message édité par - Fred - le 06-12-2002 à 16:53:05

---------------
"You know the name, You know the number..."

gizmo

ok, dans ce cas, je vais te faire un modèle libre en résolution. Je n'aurai sans doute le temps de le faire que ce soir.

- Fred -

007 Agent

OK, merci
Ce soir, très bien de toute façon je suis pas pressé ... et puis, bac de philo demain :love: :lol:
Tu peux reprendre mes sources si tu veux ... actuellement, mon seul objectif est de me mettre ces deux <div> sur le même plan horizontal, après c'est presque fini

Sinon, j'ai un peu retouché le code en ajoutant un cadre au texte, pour que l'on voie qu'effectivement, la bande de News ne se calle pas sur celle du texte, mais en plus elle se calle sur la fin du texte, au milieu, ça vait vraiment bordel ... pourtant le code a l'air bon ?!?

Message édité par - Fred - le 06-12-2002 à 17:10:20

---------------
"You know the name, You know the number..."

kayasax

:cry: g pas trouve de bouquin sur css2...

je v imprimer la doc de yoyodesign pour voir

Message édité par kayasax le 06-12-2002 à 17:56:34

---------------
All we need is a soul revolution

- Fred -

007 Agent

lol, tu vas pas l'imprimer tu peux la lire en ligne

Et cherches bien ... un livre sur le XHTML et le CSS2 ça doit se trouver ...
Petite recherche :
http://search.fnac.com/Search/Quic [...] ions=xhtml

Message édité par - Fred - le 06-12-2002 à 18:45:50

---------------
"You know the name, You know the number..."

kayasax

je crois que j'ai besoin de precision la : css c'est lie a xhtml ? :heink: je croyais que c'etait plutot lie a html4 nan?

---------------
All we need is a soul revolution

Profil supprimé

CSS c lié à rien, c un truc à part, qui peut être appliqué au HTML donc au XHTML Y a pas de relation spécifique entre les deux à part ça, en théorie...

kayasax

donc quand je dis que j'ai pas trouve de bouquin special css ben ct pas des coneries...

---------------
All we need is a soul revolution

gizmo

kayasax a écrit a écrit :

donc quand je dis que j'ai pas trouve de bouquin special css ben ct pas des coneries...

ce type a écrit 2 bouquins, c'est la référence.
http://www.meyerweb.com/eric/

Message édité par gizmo le 06-12-2002 à 20:10:43

- Fred -

007 Agent

De toute façon, les bouquins qui parlent de XHTML parlent forcément de CSS2 ... c'est quasiment lié ! En effet, en XHTML pur strict, tu n'arrives pas à grand chose ... tout se fait par CSS. Trouves-toi un bon bouquin XHTML, regardes les chapitres CSS pour voir s'il te conviennent, et voilà.

Et commences par bien lire la doc officielle, elle est assez bien fait. Je l'ai pas encore lue en entier, mais je peux d'ors et déjà te dire que le CSS c'est qd même super puissant ...

Mais ... j'ai toujours mon pb d'alignement horizontal de blocs
J'ai un peu mis à jour ma page (normalement c'est cross-resolution maintenant ), et j'ai mis des border à tous les blocs pour bien voir le problème ... j'ai beau chercher, je trouve pas du tout !

http://www.toutfr.com/veekee/test.html

C'est pas très beau mais ça sert pour le debug
Et puis j'ai changé un peu le layout, ainsi que la police utilisée qui est {font: caption;}, soit la police de votre OS ... et de taille small, soit adaptée à votre résolution

Message édité par - Fred - le 06-12-2002 à 20:50:13

---------------
"You know the name, You know the number..."

gizmo

vu que ca change d'une version à l'autre: les menus, ils sont collés en haut ou il sont en dessous du bienvenue?

- Fred -

007 Agent

Les menus, on s'en fout un peu ... ce que je veux, c'est simplement agencer côte à côte les blocs news et texte ... le haut n'a que peu d'importance. Considères-le actuellement comme figé

Ce soir, film excellent sur Canal + : l'art délicat de la séduction !

---------------
"You know the name, You know the number..."

gm_superstar

Appelez-moi Super

Essaye ça :

Code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Alignement de div</title>
<style type="text/css">
body {
font: 12px Verdana, Arial, Helvetica, sans-serif;
background: #dddddd;
padding: 0px;
margin: 0px;
}
div.float1 {
float: left;
margin: 5px;
padding: 5px;
width: 67%;
background-color: #f9f9f9;
border: 2px dashed #333333;
}
div.float2 {
float: left;
margin: 5px;
padding: 5px;
width: 20%;
height: 250px;
background-color: #f9f9f9;
border: 2px dashed #333333;
}
div.conteneur {
background-color: #eeeeee;
}
div.espace {
clear: both;
}
</style>
</head>
<body>
<div class="conteneur">
<div class="float1">
<pre>div.float1 {
float: left;
margin: 5px;
padding: 5px;
width: 67%;
background-color: #f9f9f9;
border: 2px dashed #333333;
}</pre>
</div>
<div class="float2">
<pre>div.float2 {
float: left;
margin: 5px;
padding: 5px;
width: 20%;
height: 250px;
background-color: #f9f9f9;
border: 2px dashed #333333;
}</pre>
</div>
<div class="espace"> </div>
</div>
</body>
</html>

Après, à toi de jouer sur les marges sur le float: left/right pour faire ce que tu veux.

Message édité par gm_superstar le 06-12-2002 à 21:07:18

gizmo

ok, mais moi je ne m'en fous pas, tu verras pourquoi après.

gizmo

Voici:

Code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Veekee</title>
<link rel="stylesheet" href="./complex.css" type="text/css" />
<script src="common.js" type="text/javascript"></script>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta name="description" content="Site proposant des traductions et des petits programmes utiles pour Windows et sa périphérie" />
<meta name="keywords" content="traduction,vk,veekee,vb,visual basic,asp,tweakui,formatman" />
<meta name="author" content="Julien VICTOR (Vk)" />
<meta http-equiv="content-language" content="fr" />
<meta name="creation_date" content="24/12/2001" />
<meta name="version" content="2.0" />
<meta name="developpement_time" content="infinite =)" />
<meta name="identifier-url" content="http://veekee.fr.st" />
<meta name="reply-to" content="veekee@fr.st" />
<meta name="revisit-after" content="30 days" />
</head>
<body>
<img id="logo" src="images/Logo.png" width="600" height="318" alt="Logo" title="Bienvenue chez Veekee!" />
<div id="links">
[ <a href="main.asp" onmouseover="javascript: self.status='Page d\'accueil'; return true;" onmouseout="javascript: self.status=''; return true;">Home</a> ] [ <a href="program.asp" onmouseover="javascript: self.status='Les programmes traduits ...'; return true;" onmouseout="javascript: self.status=''; return true;">Programmes</a> ] [ <a href="http://www.newdimension-fr.net" onclick="window.open('http://www.newdimension-fr.net');return false;" onmouseover="javascript: self.status='Le forum Newdimension'; return true;" onmouseout="javascript: self.status=''; return true;">Forum</a> ] [ <a href="mailto:veekee@fr.st" onmouseover="javascript: self.status='Ecrire à Veekee'; return true;" onmouseout="javascript: self.status=''; return true;">@dresse mail</a> ] [ <a href="private.asp" onmouseover="javascript: self.status='Aha ... privé ;-)'; return true;" onmouseout="javascript: self.status=''; return true;">!</a> ]<br />
[ <a href="http://www.toutfr.com" onclick="window.open('http://www.toutfr.com');return false;" onmouseover="javascript: self.status='Tout Fr.com, traductions françaises'; return true;" onmouseout="javascript: self.status=''; return true;">Tout Fr</a> ]
</div>
<div id="welcome">
Bienvenue sur le site de Veekee !<br />[et vive la traduction francophone ;-)]
</div>
<div id="news">
<div class="newstitle">
<b>News</b> (par Julien (Vk)) [10/06/2002 00:55:34]
</div>
<div class="newsbody">
Ajout de :<br />
NeroRunner<br />
PrinterExpress<br />
StarDownloader<br />
SuperCleaner<br />
Vous pouvez tous les retrouver dans la rubrique Programmes
</div>
<div class="newstitle">
<b>NSIS fr complet</b> (par Julien (Vk)) [06/06/2002 22:47:31]
</div>
<div class="newsbody">
traduction complète (programme et doc) de NSIS, disponible sur http://www.winampfr.com/nsis
</div>
<div class="newstitle">
<b>Enfin !!!</b> (par Julien (Vk)) [10/04/2002 21:58:25]
</div>
<div class="newsbody">
Yahoo! 5 fr est enfin arrivé ...
</div>
<div class="newstitle">
<b>MaJ #2</b> (par Julien (Vk)) [25/03/2002 21:50:14]
</div>
<div class="newsbody">
Ajout de ResHacker 3.4, sortie ce matin dans les bacs !!!!
</div>
</div>
<div id="texte">
Bienvenue sur chez Veekee, maitre de l'univers en alternance et traducteur à l'occasion.<br /><br />
Pour ce qui est de me présenter, brievement, voir succintement, je dirais simplement : lettré (enfin... je sais trouver les lettres su le clavier) de 20 balais, en haut, sur son arbre perché, et membre actif de la communauté des traducteurs francophones (voir rubrique traduction) : ze Frenchies of the Ring....
En étant accros, je ne peux que vous conseiller un petit tour sur Le Forum ! Pour m'écrire, le forum est là, ainsi que ma boite aux lettres.
</div>
<div id="footer">
<a href="http://validator.w3.org/check?uri=http://www.toutfr.com/veekee/test.html" onclick="window.open('http://validator.w3.org/check?uri=http://www.toutfr.com/veekee/test.html');return false;">
<img src="http://www.w3.org/Icons/valid-xhtml10" style="border:0;width:88px;height:31px" alt="Valid XHTML 1.0!" /></a>
<a href="http://jigsaw.w3.org/css-validator/validator?uri=http://www.toutfr.com/veekee/test.html" onclick="window.open('http://jigsaw.w3.org/css-validator/validator?uri=http://www.toutfr.com/veekee/test.html');return false;">
<img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss" alt="Valid CSS!" /></a>
</div>
</body>
</html>

Et pour le CSS:

Code :

body
{
font:70% Verdana, Arial, Helvetica, sans-serif;
background:#ffea37;
padding:0px;
margin:0px;
color:#000000;
background-image:url(images/Motif.gif);
background-repeat : repeat-x;
}
a:link{color:#0e587e; background-color:transparent; text-decoration : none}
a:visited{color:#7c94a6; background-color:transparent; text-decoration : none}
a:active{color:#f93000; background-color:transparent; text-decoration : none}
a:hover{color:#c23030; background-color:transparent; text-decoration : underline}
#logo
{
float : left;
margin : 0px;
}
#texte:first-letter, #welcome:first-letter {
font-size: 200%;
font-style: italic;
text-transform: uppercase;
color:#CC0033;
background-color: transparent;
}
#welcome
{
margin-top:80px;
}
#texte
{
clear : left;
text-align: justify;
margin-top : 10px;
margin-left : 20px;
}
#news
{
clear : left;
float : right;
margin-left : 20px;
border : 1px solid #FFFF00;
width : 25%;
}
.newstitle {
text-align: center;
color: black;
padding:1px 5px 3px 2px;
background: #ffea37;
}
.newsbody {
text-align: left;
padding:2px 5px 20px 10px;
background: #FFFF6A;
color: black;
}
#footer
{
clear : right;
text-align: center;
margin-bottom: 2%;
margin-top: 1%;
}

Pour bien faire, il faudrait encore remplacer tes multiples div de ton menu de gauche par des paragraphes et des hx, mais je te laisse le soin de le faire.

gm_superstar

Appelez-moi Super

Ça c'est ce qui s'appelle du nettoyage !

antp

Super Administrateur
Champion des excuses bidons

gizmo a écrit a écrit :

Code :

<div class="newsbody">
traduction complète (programme et doc) de NSIS, disponible sur http://www.winampfr.com/nsis
</div>

tiens t'as trouvé un bug dans le forum là

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire

Profil supprimé

JOOOOOOOOOOOOOCE ? :cry:

[:w3c compliant]

antp

Super Administrateur
Champion des excuses bidons

Je l'ai déjà prévenu

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire

greg@freestarthu

gm_superstar a écrit a écrit :

C'est la configuration du navigateur qui prime.

ça depend de l'unité que tu utilises non? si tu definis tes polices en px par exemple, t'as beau t'exciter sur le browser ça change pas, il me semble?
(désolé g pas du tout suivi le topic)

Message édité par greg@freestarthu le 06-12-2002 à 23:57:02

---------------
\^o^/ Libérez HotShot \^o^/

youdontcare

greg@freestarthu a écrit a écrit :

ça depend de l'unité que tu utilises non? si tu definis tes polices en px par exemple, t'as beau t'exciter sur le browser ça change pas, il me semble?

ça dépend du navigateur. ie ne les resize pas, mozilla si.

greg@freestarthu

youdontcare a écrit a écrit :

ça dépend du navigateur. ie ne les resize pas, mozilla si.

meme les px ? ha bon...

---------------
\^o^/ Libérez HotShot \^o^/

youdontcare

greg@freestarthu a écrit a écrit :

meme les px ? ha bon...

welcome ... to the real world. [:cherrytree1]

greg@freestarthu

youdontcare a écrit a écrit :

welcome ... to the real world. [:cherrytree1]

pub fanta?

---------------
\^o^/ Libérez HotShot \^o^/

youdontcare

antp

Super Administrateur
Champion des excuses bidons

youdontcare a écrit a écrit :

ça dépend du navigateur. ie ne les resize pas, mozilla si.

Et Opera a un système de zoom qui resize tout : images, polices, etc...
Mais dans de très rares cas il resize pas. Je sais pas lesquels.

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire

youdontcare

antp a écrit a écrit :

Et Opera a un système de zoom qui resize tout : images, polices, etc...

excellent faudrait que j'essaye à l'occasion.

greg@freestarthu

youdontcare a écrit a écrit :

excellent

faudrait que j'essaye à l'occasion.

oué c assez marrant
mais plutot chiant quand t'es sur un site ou pour telle ou telle raisons les polices sont trop petites ou trop grandes (genre si elles sont trop petites, tu zoomes, et paf les foutues images bouffent tout l'ecran)

---------------
\^o^/ Libérez HotShot \^o^/

- Fred -

007 Agent

Moi j'utilise font-size:small, est-ce que c'est multi-résolutions ?

---------------
"You know the name, You know the number..."

gizmo

- Fred - a écrit a écrit :

Moi j'utilise font-size:small, est-ce que c'est multi-résolutions ?

le problème avec les valeurs relatives, c'est que suivant que le browser respecte bien le CSS ou non, tu vas avoir des différences d'affichage. En effet, cette valeurs est fonction de la taille du bloc encapsulant. Donc si lui est déja en small, tu auras du x-small. Mais ca ne se voit pas sur certains browsers qui ignorent cet héritage avec certaines balises.

Profil supprimé

Bref la gestion des polices c le bordel, y a de quoi s'arracher les cheveux

Publicité

Page : 1 2 3 4 5 6 7

Page Suivante

Page Précédente

Haut de page

FORUM HardWare.fr

Programmation

HTML/CSS

Validation W3C

Sujets relatifs
[PHP] validation de mot de passe	[Visual Basic] Zone texte et validation ?
[java-script] validation enter	[Javascript] : Validation de ma ligne de code
[SQL] Validation?	[sql] affichage de l'id apres validation d'un formulaire
[Java / proxy] Quelqu'un connait JigSaw du W3C ici	validation XML schema XERCES J
le bouton validation qui ferme le pop-up...	[JAVASCRIPT] textareas / validation de forms, AIDE!!!
Plus de sujets relatifs à : Validation W3C

Page générée en 0.125 secondes