Bande blanches

Salut, alors voilà, je suis totalement débutant et pour les cours je dois réaliser un site...

Mon problème est ces deux bande blanches en haut et à droite...Comment je fais pour les enlever ?

Merci !

#photoaccueil {
	width: 100%;
    height: 100%;
	
    
}

body {
	margin:0px;
	padding:0px;
	
}

li {
	list-style:none;
	text-align:center;
	top:38;

}

a {
	color:black;
	text-decoration:none;
	display:block;
	width: 200px;
	background-color:#ccc;
	padding:10px;
	float:left;
	
	
}

a:hover{
	background-color:#737373;
}

li ul {
	position:absolute;
	display:none;
	
}
#ul-bloc {
	left:220px;
	top:38px;
}

#ul-prof {
	left:440px;
	top:38px;
}

li:hover ul {
	display:block;
}

nav{
	text-align:center;
	top:38px;
	position:relative;
	left:80px;
}

Modifié par CrealisGC (24 Nov 2017 - 15:04)

Je vois pas trop.

Tu peux essayer un reset simple:

*{ padding: 0;
    margin: 0;
    box-sizing: border-box;
}

allan00958 a écrit :
Je vois pas trop.

Tu peux essayer un reset simple:

*{ padding: 0;
    margin: 0;
    box-sizing: border-box;
}

C'est ça qu'on apprend en autodidacte ?
Il ne faut jamais utiliser ce reset qui oblige à reskinner toutes les balises

bzh a écrit :
Cette pratique sert surtout à combler une certaine méconnaissance des css

La condescendance de Sa Seigneurie est trop bonne...
C'est, justement, par connaissance du cycle feuille de style CSS / navigateur que les concepteurs utilisent cette réinitialisation.
Si les navigateurs estiment que les bordures de boutons doivent avoir un arrondi de X pixels, ou que la marge doit être de telle valeur, quitte à la changer en cours de route à leur bon vouloir, je dois m'en contenter et m'apercevoir "après coup" que ma mise en page à changé. Ce qui, au passage, m'obligera à surcharger a posteriori la propriété en question .
Je préfère, et de loin, fixer dès le départ les règles du jeu et informer le navigateur que c'est moi qui décide de ladite mise en page et pas lui. Déjà qu'on a du mal à lui faire entendre raison dans certains cas, autant être précis.
Je ne sais pas quel est ton parcours professionnel / personnel, mais, franchement, le ton "je sais et vous êtes des nases" paraît quelque peu déplacé. Il y a tellement de façons de faire différentes en matière de HTML / CSS et autres qu'il est souvent utile de voir ce que les autres font et s'en inspirer si cela fonctionne. Maintenant, si tu est sûr de toi et de tes pratiques, continues dans cette voie.
Avec presque quarante ans d'expérience professionnelle, si tu savais le nombre de choses que je croyais acquises et que je modifie en permanence pour m'adapter aux réalités du moment... Cela évite de brûler son kérosène en pure et perte et regarder les autres de top haut.

@sepecat, tu confonds reset et uniformisation. Et réinitialiser tout les marges et paddings ne résous aucun problème d'uniformisation. Ce n'est qu'une façon de faire qui apporte plus d'inconvénient que d'avantages :

- cela crée du code redondant en éliminant toutes les marges puis en les redéfinissant derrière. Ben oui car il faut de toute façon tout remettre en forme.
- cela nécessite de remettre en forme toutes les balises présentes et futures
- cela complexifie le code

L'avantage c'est que tu pars de zéro et n'a donc pas à savoir quel éléments se présentent de telle ou telle manière. Donc oui, cela traduit une certaine méconnaissance à mes yeux effectivement.

Aussi, il est intéressant de se poser la question des éléments qui sont effectivement à mettre en forme lorsque l'on crée une page web. Regardez ici :
https://www.alsacreations.com/astuce/lire/654-feuille-de-styles-de-base.html
Cela ne va pas vous prendre la journée de mettre en forme des éléments de base d'un site web.

D'autre par je rappelle que c'est ok d'avoir des différences entre navigateur et qu'il ne faut réinitialiser tout les styles des navigateurs (comme les focus par exemple). Très mauvaise pratique pour l'accessibilité entre autre.

Pour finir le reset avec le sélecteur universel est vraiment le plus basique et ancien qui soit, je ne vois pas trop en quoi il est adapté aux réalités du moment. Plutôt la réalité d'il y a 10 ans où on avait des navigateurs archaïques et des solutions en adéquations.

Désolé, allan00958, mais je ne comprends pas pourquoi tu proposes des solutions vite fait alors que tu sais qu'elle sont mauvaises/ne les utilises pas toi même. Le minimum c'est au moins d'expliquer ce que ça fait quand on poste un code pareil, ce que je ne me priverai jamais de faire excusez sa seigneurie. D'autre part je rappelle qu'il n'y a pas suffisamment de code, comme précisé dès la première réponse et le but n'est pas de répondre à tout prix à toute les questions de n'importe quelle manière mais de bien y répondre, ce que vous ne faîtes pas désolé de le souligner encore.

Désolé, d'avoir été condescendant encore, vous n'en mourrez pas.

@bzh

Oui j'ai posté une réponse vite fait sans trop expliquer, parfois je prends le temps d'expliquer et parfois non. Certains utilisateurs veulent une solution vite fait alors je propose une solution vite fait, peut-être devrais-je faire attention....

"Solutions mauvaises" ? La question n'est pas là. Je propose une solution, c'est tout. Un petit reset ne va tuer personne, surtout si c'est un petit projet, ce qui me semblait le cas ici.

Je ne réponds pas à toutes les questions du forum. Sur certains sujets, j'ai été plus explicatif. Tu généralise par rapport à un sujet. Tout cela ne change pas le fait, que tu es incapable t'aider CrealisGC et que tout ce qui t’intéresse est de rabaisser les autres, désolé de le souligner encore.

Ben voilà, j'ai complété avec arguments, 3 fois. Pas besoin de venir pleurnicher pour ça. Sérieux vos problèmes d'égos et de condescendance sont totalement hors sujet, il faut accepter la contradiction.

Et avec toutes tes connaissances, tu n'as même pas pu offrir une solution à l'auteur du topic. Tu n'as fait que parler de toi, 3 fois. Il faut accepter la triste mentalité de certains développeurs.

Bonjour,
Enlève les top:38px et left:80px pour <nav> et tout rentrera dans l'ordre