Garçon ! Un petit peu plus de padding, je vous prie !
Garçon ! Un petit peu plus de padding, je vous prie ! - HTML/CSS - Programmation
Marsh Posté le 25-09-2002 à 23:57:22
tu veux pas plutôt mettre ton texte dans un autre <div> et ensuite lui assigner le padding ...
Marsh Posté le 26-09-2002 à 00:57:10
Autrement dit deux div collés l'un au dessus de l'autre ? Heu dans un autre div, donc. Un truc comme ça :
<div> |
J'ai bon ?
---------------
Le site de ma maman
Marsh Posté le 26-09-2002 à 01:00:30
Oui. À la limite tu peux te passer du <div> pour le "Salut !", mais c'est plus propre comme ça.
Marsh Posté le 26-09-2002 à 01:03:58
Et cette méthode ne te choque pas ? Elle te parait convenable ? Parce que si c'est le cas, j'en mets de partout.
---------------
Le site de ma maman
Marsh Posté le 26-09-2002 à 01:16:21
Heu non pas du tout, c'est très bien hiérarchisé :
Niveau 1 : La boîte
|
+- Niveau 2 : Le titre
+- Niveau 2 : Les items
Pour le titre tu peux même utiliser un <h1> (que tu redéfinis) au lieu d'un <div> histoire de mieux distinguer les éléménts (et de voir la différence sur les navigateurs qui supportent mal les CSS)
Marsh Posté le 26-09-2002 à 01:18:12
| gm_superstar a écrit a écrit : Heu non pas du tout, c'est très bien hiérarchisé : Niveau 1 : La boîte | +- Niveau 2 : Le titre +- Niveau 2 : Les items Pour le titre tu peux même utiliser un <h1> (que tu redéfinis) au lieu d'un <div> histoire de mieux distinguer les éléménts (et de voir la différence sur les navigateurs qui supportent mal les CSS) |
Bon, ben c'est cool. Je vais abuser de cette savante technique. Encore merci. Le h1, vu que ça va gicler dans un temps (c'est toi même qui me l'a appris), je n'y tiens pas.
---------------
Le site de ma maman
Marsh Posté le 26-09-2002 à 01:30:08
Ouais bon le XHTML 2 c'est pas avant 1 an et demi/2 ans hein (prévisions perso). Et puis à partir du moment où un document correspond à une norme donnée y'a pas de pb, les navigateurs sauront toujours faire. On est quand même pas obligé de se précipiter sur la dernière norme à la mode !
Marsh Posté le 26-09-2002 à 01:57:30
| gm_superstar a écrit a écrit : Ouais bon le XHTML 2 c'est pas avant 1 an et demi/2 ans hein (prévisions perso). Et puis à partir du moment où un document correspond à une norme donnée y'a pas de pb, les navigateurs sauront toujours faire. On est quand même pas obligé de se précipiter sur la dernière norme à la mode ! |
C'est pas faux. Mais tant qu'à faire, j'aimerais (ré)apprendre à faire des pages conformes aux aspirations du W3C, donc pas trop éloigné des tendances futures.
---------------
Le site de ma maman
Sujets relatifs:
- petit conseil !!
- [HTML] Petit pb de repetition
- Un petit rappel svp : comment installer easyphp en local... ?
- petit probleme pour charger mon doc xml
- petit problème compteur temps et frames
- Me fodrais un programmeur, besoin de faire un petit prog' !!
- [VB] empaquetage et installation, petit problème... HELP![Résolu]
- G ecrit un petit script de rien du tout
- Création de repertoire ? petit probleme !personne ne sait ?
- [ASP] Fonction 'replace', petit probleme
Marsh Posté le 25-09-2002 à 23:40:32
Voici un court extrait de mon code source : j'ai inclus les CSS, pour plus de facilités pour tester. C'est provisoire.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>
body {
background-color: #FFFFFF;
color: #666699;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 70%;
}
div.level0 {
background: #9999CC;
border-color: #000000;
border-style: solid;
border-width: 1px;
color: #000000;
margin: 10px;
padding: 0px;
width: 130px;
}
div.level1 {
background: #666699;
border-left-color: #FFFFFF;
border-left-style: solid;
border-left-width: 1px;
border-top-color: #FFFFFF;
border-top-style: solid;
border-top-width: 1px;
color: #FFFFFF;
margin: 0px;
text-align: center;
width: 100%;
}
</style>
</head>
<body>
<div class="level0"><div class="level1">Salut !</div>
Item 1<br />
Item 2
</div>
</body>
</html>
Bon, c'est cool, mais j'aimerai que les mots ne soient pas collés comme ils le sont. Alors me direz vous ! Rien de plus simple ! Il suffit de regler le padding de .level0 (par ex : padding: 3px
Seulement, je veux que le div de level1 colle aux bords du div sous jacent. D'où le problème !
---------------
Le site de ma maman