18041 sujets

Questions générales et questions de débutants

Mon site qui ne se positionne pas comme je le veux!

Salut la foule!

Je me suis lancé dans le CSS, mais avec quelques fracas...

Voyez mon site: http://www.diegor.com/index.php

Tout se positionne mal...je devrais avoir ceci:

Une bannière en haut, dessous un menu, et dessous trois colonnes, une news, une contenu (ou vient se greffer les include), une colonne dates tout à gauche, et enfin dessous un pied de page...

Mais seulement voilà tout se positionne assez mal...

Je ne sais pas quand je suis juste...dois-je mettre la balise 
float left
pour positionner mes balises?

De plus un truc bizarre se passe...voyez la balise news comment elle réagit! Un double cadre apparait...alors que regardez les code de cette balise: 


#news {
	background-color: #000000;
	border: 2px solid #666666;
	width: 180px;
	height: 595px;
	left: 0px;
	top: 180px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin: 5px;
}


Et regardez le code de l'include:

<link href="rapacchiettistyle.css" rel="stylesheet" type="text/css">
<body>
<div id="news">
Nouvel album etc...
Nouvel album etc...
Nouvel album etc...
Nouvel album etc...
Nouvel album etc...
</div>
</body>
</html>


Rien ne dit qu'une "doublure" devrais apparaître!

Comprends rien...désespéré...lol! Il y a deux heures que je suis sur ces positionnements....qui peut m'aider!!

Eddy


Smiley biggol
Modifié par eddyje (30 Sep 2008 - 20:50)
eddyje a écrit :
Rien ne dit qu'une "doublure" devrais apparaître!

Rien à part le fait que le code que tu génères est le suivant:
<div id="news">
<body>
<div id="news">
  <h1>NEWS</h1>
  <p>Nouvel album en vente!!</p>
  <p>Nouvel album en vente!!</p>
  <p>Nouvel album en vente!!</p>
</div>
</body>
</html></div>


Attention à bien utiliser la fonction include en PHP, et à bien vérifier le code HTML généré!
Ben j'ai ôté les balises avec les includes, voir ceci:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Bienvenue sur Diegor.com</title>
<link href="rapacchiettistyle.css" rel="stylesheet" type="text/css" />
</head>
<body>
<?php include('banniere.inc.php'); ?>
<?php include('menu.inc.php'); ?>
<?php include('news.inc.php'); ?>
<div id="contenu">
<h1>BIENVENUE SUR LE SITE DE DIEGO RAPACCHIETTI!</h1>
<?php include('dates_cadres.inc.php'); ?>
<?php include('pied_de_page.inc.php'); ?>
</body>
</html>


Et je vous propose de jeter un œil, oui ça a mit de l'ordre...mais par contre le positionnement..beurkkk et je n'y comprends toujours rien...à part le fait que je viens de perdre encore une heure dans le vide....

Je sais je devrais lire les Tutos....mais svpl...comment redresser ce site? Avec la commande float left, d'accord mais quelle balise à mettre en float left???


A +++
Hello,

J'y suis enfin arrivé..manquait juste le faite que mes balises dans le positionnement soit en absolu....OUF de bonheur!!!!

Par ailleurs savez-vous si on rencontre des problèmes au niveau des videos de Youtube que l'on insère en reprenant leur embed? parce que chez moi, mon menu est masqué en dessous parce que dans la balise principale il y ades videos....voir ma page video...en cliquant sur Videos du menu Medias...

http://www.diegor.com Aller sur Medias et ensuite Videos...

Ca se cache pourquoi? Mon menu est en référence Z 1à 100???
eddyje a écrit :
J'y suis enfin arrivé..manquait juste le faite que mes balises dans le positionnement soit en absolu...

Bien tenté, mais raté. Tout positionner en absolu est une erreur de débutant, qui doit venir juste après le fait de ne pas lire les cours et tutoriels de base avec attention. Smiley cligne

Ici, avec le positionnement absolu tes blocs sont bien placés. Par contre leur hauteur est nécessairement figée et l'ensemble ne pourra pas s'agrandir pour prendre en compte des contenus plus ou moins longs.

eddyje a écrit :
parce que chez moi, mon menu est masqué en dessous parce que dans la balise principale il y ades videos...

Problème classique avec les animations Flash. Je te laisse faire une recherche sur le forum et plus largement sur le Web.
Il me semble qu'il faut que tu mettes le fond de ton objet flash transparent 
<param name="wmode" value="transparent" />


Attention, j'ai bien dis il me semble, ... mais il y a de grandes chances Smiley cligne
eddyje a écrit :
Ca veut dire que je dois rajouter ce code?

Ça, plus gérer des z-index (voir la FAQ) si besoin, plus le fait que de toute façon ça ne marchera pas avec le player Flash sous Linux...

Première chose à faire: éviter autant que possible ce type de superposition.
Deuxième chose à faire: se documenter, effectivement, et faire de multiples tests.
Ok, je pensais acheter un bouquin de toutes façons.

Mais cela dit, j'ai encore amélioré le site, je vous propose d'aller voir et de me dire si je me suis bien débrouiller, mon first site....avec 1% d'aide...

http://www.diegor.com

Il est vrai que je préférerais mettre un truc pour qu'il se rétrécisse quand on modifie la fenêtre...mais je me considère content comme ça...c'est mon premier...donc...
Sujet clos
Aller à