Guide informatique hardware En1heure.com
Articles phares : Quelle alimentation PC | Choisir son ecran LCD PC

Chercher un sujet :

Pb de border

Support HTML / XHTML / CSS et validation de vos sites aux standards du Web.
Avatar de l’utilisateur
Administrateur
Messages: 1614
Inscription: Ven Mar 26, 2004 7:16 am
Localisation: /var/www/
Pb de borderMessagePosté: Lun Avr 12, 2004 10:58 am

Bon j'ai regardé ton code et cette ligne m'a fait hurler !
Code: Tout sélectionner
<br/><br/><br/><br/><br/><br/>

:shock: pas bien !

Pourquoi ne pas utiliser la balise <p></p> ?

Code: Tout sélectionner
div#contenu {
  float: left;
  width: 70%;
  padding-left: 35px;
  margin: 0px;
}

Mieux vaut mettre les valeurs en 'em', comme ça si la taille de la police vient à changer le look est conservé ;)

Pour ce qui est des bordures qui se stoppent avant la fin du design c'est normal. Ton menu sera forcément moins
long que le contenu des pages, alors tu dois mettre le menu AVANT l'article dans ton code et placer des bordures sur le bord du div le
plus long (celui qui touche le footer) et il faut placer le menu DANS un conteneur qui reçoit le sommaire et l'article.
Pour l'instant tes bordures font exactement la hauteur que ton menu.

Jje t'ai codé un petit exemple pour te montrer que c'est très facile (tu es libre de le reprendre si ça te va !) : http://exemples.en1heure.com/ideezik/

Sources CSS : http://exemples.en1heure.com/ideezik/ideezik.css

Je te conseille de regarder comment est structuré le code. Tu remarqueras que ça "passe" aussi bien sur un vrai navigateur (Moz, FireFox, Opera) que sur une daube (IE, Konqueror).

Le sommaire et l'article sont donc dans un même conteneur et ensuite je les traite séparément. Et le sommaire est "avant" l'article.

Le fait que ton sommaire soit à gauche ne change rien, il ne faut pas le mettre après l'article. En fait je pense que le problème est que tu utilises les <div></div> comme si tu utilisais les tableaux.

J'espère que tu seras content de cette réponse ;)

Messages: 32
Inscription: Ven Avr 02, 2004 6:04 pm
Localisation: Bordeaux
Pb de borderMessagePosté: Lun Avr 12, 2004 12:17 pm

J'ai essayé de reprendre le code avec l'exemple que tu m'as filé et j'ai encore un bug ! Il me met le menu et le contenu sur deux lignes différentes !
J'ai fait comme sur ton exemple sauf que j'ai mis le header, la barre et la nav en dehors du div que tu appelles structure.
Si tu peux jeter un oeil en 2 sec...

Je vais y arriver !!!!! un jour........ :|

David
Avatar de l’utilisateur
Administrateur
Messages: 1614
Inscription: Ven Mar 26, 2004 7:16 am
Localisation: /var/www/
Pb de borderMessagePosté: Lun Avr 12, 2004 12:58 pm

ideezik a écrit:J'ai essayé de reprendre le code avec l'exemple que tu m'as filé et j'ai encore un bug ! Il me met le menu et le contenu sur deux lignes différentes !

tu as changé les largeurs non ? si tu met une largeur plus petite pour l'article ?

J'ai fait comme sur ton exemple sauf que j'ai mis le header, la barre et la nav en dehors du div que tu appelles structure.

justement il ne faut pas, pourquoi ne pas partir de l'exemple que je t'ai donné qui fonctionne ?

Messages: 32
Inscription: Ven Avr 02, 2004 6:04 pm
Localisation: Bordeaux
Pb de borderMessagePosté: Lun Avr 12, 2004 1:05 pm

Si je pouvais je le ferais. Mais mon header ne doit pas avoir de border. Il ne peut pas être inclu dans un div avec borders.

J'essaie de voir si c'est un pb de largeur de div qui fait que c'est sur 2 lignes.

David
Avatar de l’utilisateur
Administrateur
Messages: 1614
Inscription: Ven Mar 26, 2004 7:16 am
Localisation: /var/www/
Pb de borderMessagePosté: Lun Avr 12, 2004 1:33 pm

Dans ce cas enlève les bordures du header !

Messages: 32
Inscription: Ven Avr 02, 2004 6:04 pm
Localisation: Bordeaux
Pb de borderMessagePosté: Lun Avr 12, 2004 1:38 pm

:?: :?: :?:

C'est une image le header ! Avec des arrondis en haut qui se poursuivent en bordures. Ca c'est très bien et je veux le garder !
Tout ce que je veux c'est continuer ces bordures avec des borders en css pour le div=conteneur qui est en dessous. Ca doit bien etre faisable non ?

Je finis par m'y perdre :cry:

David
Avatar de l’utilisateur
Administrateur
Messages: 1614
Inscription: Ven Mar 26, 2004 7:16 am
Localisation: /var/www/
Pb de borderMessagePosté: Lun Avr 12, 2004 1:45 pm

Ah ok dans ce cas il suffit de ne pas inclure le "header" dans "structure" ;)
Courage !

Messages: 32
Inscription: Ven Avr 02, 2004 6:04 pm
Localisation: Bordeaux
Pb de borderMessagePosté: Lun Avr 12, 2004 1:50 pm

C'est ce que j'ai fait pourtant !

Code: Tout sélectionner
<div class="header"></div>
<div id="barre" class="blanc"></div>
<div class="navigation"></div>
<div class="corps">
  <div class="menu"></div>
  <div class="contenu"></div>
</div>
<div class="espaceur"></div>
<div class="footer"></div>
Avatar de l’utilisateur
Administrateur
Messages: 1614
Inscription: Ven Mar 26, 2004 7:16 am
Localisation: /var/www/
Pb de borderMessagePosté: Lun Avr 12, 2004 1:59 pm

Par rapport à mon exemple :
Code: Tout sélectionner
<div class="header">Header</div>
<div class="structure">
   <div class="barre">Favoris | Demarrage | Visiteurs : 6339 | Connectés : 2</div>

   <div class="conteneur_article_sommaire">
      <div class="sommaire">
         <ul>
            <li>Lien 1</li>
            <li>Lien 2</li>
            <li>Lien 1</li>
            <li>Lien 2</li>

            <li>Lien 1</li>
            <li>Lien 2</li>
         </ul>
      </div>
      <div class="article">
         <p>blabla</p>
      </div>
   </div>
   <div class="footer">footer</div>
</div>

Ca ça fonctionne parfaitement !

EDIT : tu sais tu peux mettre tes liens en dur ici ;)
Précédente

Retourner vers HTML / XHTML / CSS



Chercher un sujet :


cron