pas de blanc tout en haut de la page...

pas de blanc tout en haut de la page... - HTML/CSS - Programmation

Marsh Posté le 24-09-2005 à 18:05:59    

Bonjour,  
 
j'aimerais savoir comment faire pour que mes pages commencent tout en haut du navigateur, sans laisser une zone blanche.
Exemple sur mon site : www.linux-usb.net : y'a une ligne blanche
mais sur le forum (www.linux-usb.net/forum) ca commence tout en haut.
 
Comment supprimer cette ligne blanche et, comment coller une image tout en haut sans aucun blanc?
 
Merci d'avance pour vos réponses :)
 
Amandine

Reply

Marsh Posté le 24-09-2005 à 18:05:59   

Reply

Marsh Posté le 24-09-2005 à 18:12:35    

body {
   padding: 0px;
}
 
EDIT: Au passage il a moyen d'optimiser ta CSS
 
Tu peux la mettre en externe plutot qu'en interne.
Tu peux condenser les déclarations (ex: le margin: 0px 0px 0px 0px ça s'écrit margin: 0px;)
 
EDIT2: Un petit coup d'oeil sur le forum -> pourquoi déclarer 2x la feuille de style ?
 

Citation :

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<link rel="stylesheet" href="templates/subLinux/subLinux.css" type="text/css" />
 
<title>Linux-usb.net :: Index</title>
 
<link rel="stylesheet" href="templates/subLinux/subLinux.css" type="text/css" />
<script language="JavaScript" type="text/javascript">
<!--
window.status="Se connecter pour vérifier ses messages privés"
// -->
</script>


Message édité par ANViL le 24-09-2005 à 18:18:39
Reply

Marsh Posté le 24-09-2005 à 22:45:17    

Merci pour ces renseignements. J'ai supprimé ce que tu m'as indiqué qui ne servait a rien, mais pour ce qui est de supprimer la ligne blanche, j'ai fait des tonnes d'essais et elle est toujours la :(
 
je sais vraiment pas quoi faire. Le probleme est que c'est en fait un portail (guppy), et que donc je ne l'ai pas fait moi même :/  
 
la css est en fait dans un fichier a part qui s'appelle style.inc, mais meme en la bidouillant ca n change rien.

Reply

Marsh Posté le 24-09-2005 à 22:52:40    

C'est plutot margin qu'il faut employer et non padding.
En fait, le mieux est de supprimer les deux (padding supprime les marges sur Opera)
 
Pour ce qui est de margin: 0px; autant écrire margin: 0; puisque pour la veleur zéro l'unité n'est pas nécessaire.

Message cité 1 fois
Message édité par sibelius le 24-09-2005 à 22:54:01

---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 24-09-2005 à 23:19:43    

sibelius a écrit :

C'est plutot margin qu'il faut employer et non padding.
En fait, le mieux est de supprimer les deux (padding supprime les marges sur Opera)
 
Pour ce qui est de margin: 0px; autant écrire margin: 0; puisque pour la veleur zéro l'unité n'est pas nécessaire.


 
Hmm tu as songé à regarder la css avant de poster ça ?  :sarcastic: (ou à lire ma réponse ci dessus..)

Reply

Marsh Posté le 24-09-2005 à 23:30:37    

Hmm fab4m,
 
J'ai trouvé la réponse à ton problème:
 
c'est l'image du header qui a une ligne blanche de 4px en haut.
 
Soit dit en passant il faudrait massivement optimiser le code et virer toutes les balises propriétaires qui trainent.

Reply

Marsh Posté le 24-09-2005 à 23:31:51    

ANViL a écrit :

Hmm tu as songé à regarder la css avant de poster ça ?  :sarcastic: (ou à lire ma réponse ci dessus..)


J'ai vu ton  

Code :
  1. body {
  2.    padding: 0px;
  3. }


Qui me paraissait non complet puisque n'opérant que sur Opera.
C'est vrai que je n'ai pas regardé la CSS du site.
 
Enfin bref, le problème est sans-doute un problème de fusion de marges, due à ton <p style="margin: 4px;"> en haut de tableau


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 25-09-2005 à 10:28:44    

ca y est ! enfin réussi ! en effet le <p style="margin: 4px;"> y était pour quelque chose, j'ai un peu galéré pour trouver dans quel fichier il se trouvait, et une fois trouvé seul l'image du logo collait en haut et non la partie de droite. Quelques recherches et retouches m'ont permis de fignoler le travail et maintenant tout marche comme je le voulais :) merci beaucoup à vous deux (ANViL et SIBELIUS) pour votre aide :)
 
je vais maintenant essayer d'optimiser le code en enevant tout ce qu'il y a en trop :)
 
merci encore !
 
Amandine

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed