Positionnement div - HTML/CSS - Programmation
Marsh Posté le 02-04-2007 à 15:29:21
tu donnes ton code html? Ce sera plus facile à comprendre pasque là, je capte rien à l'ordre de tes div. et mets le dans la balise C/C++.
Marsh Posté le 02-04-2007 à 15:39:06
page accueil
Code :
|
Marsh Posté le 02-04-2007 à 21:42:06
Bonsoir à toi,
Bon alors, commencons par les bases du xhtml: balises <font> dans le code xhtml à bannir (utiliser les class).
<p id="h1"> n'existe pas, c'est <h1> tout court (à définir dans ton css).
pour ta liste avec les étoiles, utilise les listes <li>.
Enfin, je vois pas ou est #image2, ni contenu.
Pour terminer, je vois que tu as besoin d'un bon cours de xhtml et de css, tu as trop de lacunes en prog. Tu vas te retrouver avec des problemes d'affichage dus à tes erreurs et au non respect des normes.
vas faire un tour ici:
www.siteduzero.com
www.alsacreations.com
Marsh Posté le 02-04-2007 à 21:47:50
dartyduck a écrit : Bonsoir à toi, |
en faite h1 c'est un style css que j'ai nommé h1
j'ai pas mit tout le code il en manque pas mal la
le site c'est www.sarlsobat.fr (pas fini)
sous ie ca marche impec mais firefox non
Marsh Posté le 02-04-2007 à 21:58:18
h1, c'est comme a, p, table... ce sont des balises déjà existantes dans la bibliotheque css/xhtml. Si tu ne les définis pas dans ton css, h1, h2, h3... ont des propriéts par défaut, sachant que h1 est un gros titre, h2 un titre un peu moins gros... donc pas besoin d'associer avec <p> car tu fais une sorte d'euphémisme, comprends-tu ?
Marsh Posté le 02-04-2007 à 22:10:30
mais il sont defeni dans une feuille css, je l'ai pas mit entierre ma feuille,
Marsh Posté le 02-04-2007 à 22:12:46
je n'en doute pas, juste je dis que tu ne les accompagnes pas d'un <p>. Ce que tu mets <p id="h1"></p> doit etre écrit <h1></h1> car dans ton css, faut pas écrire #h1{} mais h1{} tout court.
Pour ton h1, supprime <font color="xxxxxx"></font> et mets dans ton h1 (css) color:#xxxxxx;
Et pour tes *, supprime <font color="xxxxxx"></font> et fais une class (.etoile par ex) que tu appeleras à chaque fois que tu en auras besoin.
Marsh Posté le 02-04-2007 à 22:17:56
donc pour le css, je met par exemple
test
{
}
et non #test?
mais je met tjs div id="" pour l'appeler?
en faite mon probleme c'est surtout les bloc qui se sauve regarde sous ie et sous firefox tu verra ce que je veux dire
Marsh Posté le 02-04-2007 à 22:35:26
nan, test c'est toi qui l'as créé ce div, alors c'est #test et <div id="test">. Cherche sur le net les balises css/xhtml qui existent, et celles qui n'existent pas et que tu créé c'est avec # qu'il faut les écrire dans le css.
Marsh Posté le 02-04-2007 à 22:38:21
lancevo7 a écrit : en faite mon probleme c'est surtout les bloc qui se sauve regarde sous ie et sous firefox tu verra ce que je veux dire |
je suis avec mon pc pro, alors j'ai pas FF (pas de droits en écriture sur le disque, donc pas d'installation...). mais je regarde demain si tu veux.
Marsh Posté le 03-04-2007 à 11:47:59
petite précision: <h1 id="header"> tu peux pas. C'est <div id="header"> ou <h1> (voire <h1 class="header"> )
ensuite, dans ton css, tu peux enever cette ligne
<style type="text/css"></style> qui est du code html, et donc n'a rien à faire ici. ton navigateur sait que la feuille css c'est du style, pas la peine de lui rappeler.
Autre chose:
Code :
|
Comprends bien: les div (id #) c'est pour les blocs de ton site (en général on les appelle qu'une seule fois). Les class (.class) c'est pour du style ponctuel, et que tu vas appeler plusieurs fois. C'est plus du style appliqué à du texte qu'un bloc complet. Donc ton "imgbor" c'est du style aplliqué à tes images, et tu l'appelles plusieurs fois. Donc c'est une class, pas un div, ok ? c'est pas un bloc, c'est juste une bordure que tu applique à ton image.
tu as commencé avec les blocs, donc continue avec les blocs et supprime moi cette table ! tu pourras ajouter à ta class imgbor des margin pour positionner tes images et faire en sorte qu'elles s'ajustent à ta page.
Code :
|
et pour tes étoiles, mets plustot ça :
Code :
|
Marsh Posté le 03-04-2007 à 11:51:18
mais en lisant tes codes complets html et css sur ton site, je me rends compte que tu connais à peine les bases de la prog. Je te propose df'apprendre ces bases avant d'essayer de faire un site.
Tu ne comprends pas les conseils que j'essaie de te donner, comme l'histoire des h1, tu confond div et class, tu mets des <font></font> alors que ca n'existe plus depuis une décénie au moins, ...
vas là:
www.siteduzero.com
www.alsacreations.com
et apprends les bases du xhtml et du css. Tu verras, tout vas s'éclairer enuite...
bon courage
Marsh Posté le 03-04-2007 à 14:44:54
Bon j'ai modifier les id, en effet je croyais c'etais comme class, deja c'est resolu
j'ai resolu aussi mon probleme
du coup mes 3 image sont dans un div float unique et sous firefox niquel! (avant chacune etait float)
peut tu rejeter un coup d'oeil et me dire ce qui va pas merci
www.sarlsobat.fr
Marsh Posté le 04-04-2007 à 00:08:03
sous ie6 (celui qui me fait le plus chier mes mises en pages) c'est nikel, franchement rien à dire. propre, joli rendu visuel, bien fait. bravo. J'ai pas regardé le code mais j'espere que tu vas te mettre à apprendre les bases xhtml/css, ok ?
Marsh Posté le 02-04-2007 à 15:27:26
Bonjour
j'ai un conteneur dans lequel il y a un contenu
dans le contenu je voudrais afficher une page accueil
dans cette page accueil ce trouve de div
la est le probleme
text = div 1 de accueil
accueil = page accueil
image2 = div 2 de accueil
donc la normal, si j'ouvre ca donne bien text et image2 l'un en dessous de l'autre encadre dans "contenu"
maintenant lorsque je veux les mettre l'un a cote de l'autre
je met test en float left c'est bien ca?
en faite le souci c'est que je positionne il sorte du cadre contenu, comment les faire reste dedan?
merci
Message édité par lancevo7 le 02-04-2007 à 15:27:48