Pages : 1
#1 Le 24/08/2007, à 21:49
- ®om
Questions sur XHTML1.1 + CSS
Salut,
Je compte refaire ce site : http://myfreetv.free.fr lorsque j'aurais fini la version 3 du logiciel, en XHTML1.1 (strict) + CSS. Je l'avais fait à l'arrache dans dreamweaver quand j'étais encore sous windows.
Ma principale question est :
Comment faire en CSS l'équivalent des tableaux à 9 cases pour faire des coins arrondis personnalisés?
Et une question un peu plus générale :
Comment structureriez-vous le site pour qu'il ait la même apparence, mais sans utiliser de tableaux?
Merci d'avance de me mettre sur la voie 
@+
PS: Je précise que j'utiliserai sans doute quanta, mais ça n'a pas d'importance, un simple éditeur pourrait suffire.
Dernière modification par ®om (Le 24/08/2007, à 21:50)
Hors ligne
#2 Le 24/08/2007, à 21:51
- NiKo973
Re : Questions sur XHTML1.1 + CSS
Au lieu d'utiliser des tableaux, tu ferais mieux d'utiliser des balises <div>. Ensuite les CSS ne sont pratiquement que des images à positionner.
Hors ligne
#3 Le 24/08/2007, à 22:34
- ®om
Re : Questions sur XHTML1.1 + CSS
Au lieu d'utiliser des tableaux, tu ferais mieux d'utiliser des balises <div>. Ensuite les CSS ne sont pratiquement que des images à positionner.
C'est exactement ce que je veux faire, mais ma question est "comment avec des <div> obtenir la même chose?" (sur le principe)
Par exemple, pour faire un cadre aux bordures personnalisées, je fais un tableau comme ça:
+--+-------------+--+
| | | |
+--+-------------+--+
| | | |
| | | |
| | | |
| | | |
| | | |
+--+-------------+--+
| | | |
+--+-------------+--+Comment faire la même chose avec des <div>?
Hors ligne
#4 Le 24/08/2007, à 22:41
- ®om
Re : Questions sur XHTML1.1 + CSS
Bon j'ai trouvé ça, ça a l'air d'être une doc intéressante :
http://www.alsacreations.com/articles/cadre/cadre2/tuto.htm
(pour les coins arrondis)
EDIT: et ça, bon comparatif
http://articles.e-t172.net//round/
Dernière modification par ®om (Le 24/08/2007, à 22:44)
Hors ligne
#5 Le 24/08/2007, à 22:54
- dwan
Re : Questions sur XHTML1.1 + CSS
oui, c'est une bonne méthode, mais il faut voir que ton cadre ne pourra que s'allonger, pas s'élargir. Si tu es sûr de la largeur de ton menu, c'est ok.
Sinon pour la structure CSS de ton site :
+----------------------------------------------------+
| HEADER |
+----------------------------------------------------+
| | |
| | |
| MENU | CONTENU |
| | |
+----------+----------------------------------------+
| FOOTER |
+----------------------------------------------------+
Classique et de bon goût.
Dernière modification par dwan (Le 24/08/2007, à 23:01)
Auto-hébergé !
HP dv6164ea
Hors ligne
#6 Le 24/08/2007, à 22:59
- ®om
Re : Questions sur XHTML1.1 + CSS
oui, c'est une bonne méthode, mais il faut voir que ton cadre ne pourra que s'allonger, pas s'élargir. Si tu es sûr de la largeur de ton menu, c'est ok.
Bah non, au contraire il pourra, d'après ce qui est écrit (enfin y'a plusieurs méthodes décrites, ça dépend de laquelle tu parles)
Hors ligne
#7 Le 24/08/2007, à 23:07
- dwan
Re : Questions sur XHTML1.1 + CSS
je parlais de l'exemple que tu as donné, avec simplement deux images. Maintenant, si tu prends le modèle à quatre images, oui là c'est bon, et ça revient en gros à ta méthode de tableaux.
Auto-hébergé !
HP dv6164ea
Hors ligne
#8 Le 24/08/2007, à 23:11
- ®om
Re : Questions sur XHTML1.1 + CSS
je parlais de l'exemple que tu as donné, avec simplement deux images. Maintenant, si tu prends le modèle à quatre images, oui là c'est bon, et ça revient en gros à ta méthode de tableaux.
OK (où ai-je donner un exemple à 2 images?)
Sinon une autre question, je teste quanta+, et je ne trouve pas le "formattage automatique" (truc très pratique sous eclipse en java, Ctrl Shift F).
En gros on écrit un code tout dégueulasse genre:
<?xml encoding="utf8" version="1.0"?>
<!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> c'est pas aligné
du tout
</head>
<body> mais faut formatter
</body></html>On appuie sur "un bouton", et hop on obtient :
<?xml encoding="utf8" version="1.0"?>
<!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>
Maintenant c'est formaté
</head>
<body>
C'est plus joli quand même
</body>
</html>(bon le texte ne change pas, là c'était pour l'exemple ^^)
Le problème est que je ne trouve pas le "un bouton" correspondant...
Dernière modification par ®om (Le 25/08/2007, à 10:50)
Hors ligne
#9 Le 25/08/2007, à 06:45
- Alain.g
Re : Questions sur XHTML1.1 + CSS
C'est edit > apply source indentation
Sinon xhml 1.1 n'est peut-être pas le choix le plus adapté : http://forum.alsacreations.com/faq/?id=42
Dernière modification par Alain.g (Le 25/08/2007, à 07:35)
Xubuntu Karmic !
Hors ligne
#10 Le 25/08/2007, à 10:03
- ophiure
Re : Questions sur XHTML1.1 + CSS
Un conseil, installe une machine virtuelle du genre VIRTUALBOX pour tester ton site en CSS sur windows, des fois tu a de grosse surprise, mauvaise interprétation du code par IE.
moi perso ça me sert bien.
Un bouquin qui est très bien fait pour comprendre le CSS :
Hors ligne
#11 Le 25/08/2007, à 10:55
- ®om
Re : Questions sur XHTML1.1 + CSS
C'est edit > apply source indentation
Tiens, cette option est grisée chez moi (pourtant j'ai sélectionné tout le document). Y'a-t-il quelque chose à configurer?
Sinon xhml 1.1 n'est peut-être pas le choix le plus adapté : http://forum.alsacreations.com/faq/?id=42
Après avoir fait plusieurs sites (tant bien que mal) avec dreamweaver et à passer 40% du temps à corriger les bug d'IE avec du javascript et autres truc tordus directement dans le code source du site, j'ai décidé (pour celui-ci en tout cas) d'ignorer totalement IE (au pire si au final le site par malchance ne fonctionne pas sur ie, je rajouterais simplement un petit script qui dira "vous utilisez IE, ce site peut ne pas s'afficher correctement").
Dernière modification par ®om (Le 25/08/2007, à 12:09)
Hors ligne
#12 Le 25/08/2007, à 13:19
- Alain.g
Re : Questions sur XHTML1.1 + CSS
Essaie peut-être un clic droit au-dessus de l'onglet puis "reload".
Pour le xhtml1.1, je ne disais pas cela spécialement par rapport à IE.
Xubuntu Karmic !
Hors ligne
Pages : 1