Syntaxe Css : affichage d'un cadre

Anguy · Message par **Anguy** » 01 juil. 2004, 16:19

Salut,
je voulais vous soumettre ma petite page sur "AWT et swing en java". Le sujet n'est pas important, l'important c'est la mise en page CSS. Voyez vous même :
la page

la source CSS :
CSS

Qu'en pensez vous ? Cela vous semble t il solide et stable comme code ? J'attends vos réactions.

jv2759 · Message par **jv2759** » 01 juil. 2004, 16:36

La seul chose que je peux te dire c'est :

http://jigsaw.w3.org/css-validator/vali ... ex.html%23
http://validator.w3.org/check?verbose=1 ... ex.html%23

rien d'autre à dire apres à toi de vérifier sous ie si cela passe bien.

Car une fois que ton code et valide tu peux faire un peux ce que tu veux, à toi de vérifier qu'il passe bien dans différente résolution, d'autre navigateur comme ie...

Un detail tout de même qui me semble plutot bizard dans l'affichage c'est la place du text qui aparais, car il est tres decaller sur la droite chez moi...

psyco_thug · Message par **psyco_thug** » 01 juil. 2004, 16:39

Ce serais mieux de centrer le titre CSS:

Code : Tout sélectionner

#titre h1{
background-color: #993939;
width: 400px;
text-align: center;
color: white;
font-family: serif;
margin-bottom: 0;
border: 5px ridge #663333;
}

Nouveau:

Code : Tout sélectionner

#titre h1{
background-color: #993939;
width: 400px;
text-align: center;
color: white;
font-family: serif;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
border: 5px ridge #663333
}

psyco_thug · Message par **psyco_thug** » 01 juil. 2004, 16:49

Aussi pour le sommaire (menu

)

Code : Tout sélectionner

#sommaire{
border: 5px ridge #663333;
background-color: #993939;
margin: 10px;
}

Nouveau:

Code : Tout sélectionner

#sommaire{
width: 100%;
border: 5px ridge #663333;
background-color: #993939;
margin: 5px;
}

Mais faudra bidouiller encore avec le reste pour que tout reste dans le sommaire sur une ligne. Et je crois que IE ne supporte pas "border: ridge"

calimo · Message par **calimo** » 01 juil. 2004, 16:49

Bon, il y a une grosse faute qui reste et qui malheureusement est très courante : Ton doctype est en xhtml 1.1, c'est bien ! Mais tu envoies ta page en HTML (text/html), donc le navigateur passe en mode HTML... et l'affichage correct est basé sur des bugs d'implémentations. Voir http://www.geckozone.org/forum/viewtopic.php?t=6092 pour plus de détails.

Donc question solidité et stabilité c'est mal barré.

Sinon le reste de ton code source est illisible tellement il est espacé, donc pas facile de faire des commentaires quant à sa qualité.

Bref, passe en application/xhtml+xml et ce sera beaucoup mieux

nomade · Message par **nomade** » 01 juil. 2004, 17:38

psyco_thug a écrit :Et je crois que IE ne supporte pas "border: ridge"

Exact.
Ça donne une bordure bordeau unie, mais bon c'est pas moche, juste un peu moins sophistiqué.

Anguy · Message par **Anguy** » 01 juil. 2004, 18:30

Pour Calimo : je n'ai pas trop compris à quoi servait l'application/xml+xhtml surtout si IE le lit pas. Donc j'ai opté pour une en-tête comme celle-ci :

Code : Tout sélectionner

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
  <head>
    <title>Votre titre</title>
    <meta http-equiv="Content-Type" content="text/HTML; charset=iso-8859-1" />

Pour le reste, je regarde.
Mais en fait ce que je voulais, c'était éviter les FRAMES, car il semble que ce soit peu conseillé. Alors à part en recopiant le code, comment peut on se passer de FRAME pour un menu sur chaque page par exemple ?

calimo · Message par **calimo** » 01 juil. 2004, 18:37

Anguy a écrit :

Code : Tout sélectionner

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
  <head>
    <title>Votre titre</title>
    <meta http-equiv="Content-Type" content="text/HTML; charset=iso-8859-1" />

Si tu envoies la page en html, il faut définir la langue en html c'est-à-dire avec lang="fr", parce que xml:lang c'est du XML (donc XHTML), mais ce n'est pas valable en html

Anguy a écrit :Mais en fait ce que je voulais, c'était éviter les FRAMES, car il semble que ce soit peu conseillé. Alors à part en recopiant le code, comment peut on se passer de FRAME pour un menu sur chaque page par exemple ?

Tu peux l'inclure avec un server-side-include comme php par exemple...

Anguy · Message par **Anguy** » 01 juil. 2004, 18:41

calimo a écrit :Si tu envoies la page en html, il faut définir la langue en html c'est-à-dire avec lang="fr", parce que xml:lang c'est du XML (donc XHTML), mais ce n'est pas valable en html

C'est sur OpenWeb que j'ai pris l'en-tête, ce n'est donc pas mon erreur

calimo a écrit :Tu peux l'inclure avec un server-side-include comme php par exemple...

Bien sur, mais pour mes débuts, j'utilise l'espace wanadoo gentillement proposé par mon FAI. Et pas de PHP sur Wanadoo, à moins de débourser 9 par mois !

Et sinon, à propos de mon site : qui est ici vous en pensez quoi ?

calimo · Message par **calimo** » 01 juil. 2004, 18:48

Oulah, c'est étrange

En tous cas ce n'est pas conforme aux règles de compatibilités HTML

Si OpenWeb commence à faire n'importe quoi, où va-t-on

Pour ton site, le menu qui bouge c'est pas le top

Anguy · Message par **Anguy** » 01 juil. 2004, 18:59

Calimo a écrit :Pour ton site, le menu qui bouge c'est pas le top

En fait je voulais faire un style de bouton qui grossit, mais ça fait bouger le menu. En tout cas j'arrangerai ça quand j'aurai la motivation

lou · Message par **lou** » 01 juil. 2004, 20:16

calimo a écrit :Oulah, c'est étrange
En tous cas ce n'est pas conforme aux règles de compatibilités HTML
Si OpenWeb commence à faire n'importe quoi, où va-t-on

Pour ton site, le menu qui bouge c'est pas le top

En xhtml1.1 l'attribut lang n'est plus valide.

calimo · Message par **calimo** » 02 juil. 2004, 08:55

lou a écrit :En xhtml1.1 l'attribut lang n'est plus valide.

Oui, et c'est justement pour ça qu'il ne faut pas utiliser le XHTML 1.1

Ou alors envoyer la page comme application/xml+xhtml...

Geckozone

Syntaxe Css : affichage d'un cadre

Syntaxe Css : affichage d'un cadre

Qui est en ligne ?