texte dans un DIV [ css ] - HTML/CSS - Programmation
Marsh Posté le 06-07-2005 à 19:12:57
Code :
|
Ca existe pas ca déjà. Enlèves
Ensuite
Citation : /* La police de menu du bandeau du haut */ |
Un h1 dans un menu ?
http://fr.wikipedia.org/wiki/Web_s%C3%A9mantique
Marsh Posté le 06-07-2005 à 19:21:56
J'ai mis ca a la place de <H1>... c'est bien ca ?
/* La police de menu du bandeau du haut */
p {
color: #FFFFFF;
font-size: 11px;
font-family: Arial;
word-spacing: 4px;
}
Mais le pb reste le meme ! Lorsque je diminue le fenetre, le menu se decalle.
Marsh Posté le 06-07-2005 à 19:24:19
Mr_Benoit a écrit : Donc j'ai voulu correctement placer ce div ( ce menu ) a l'interieur du premier div ( image ). |
Je m'arrête là parce que tu sembles te compliquer inutilement la vie :-/
Evite d'utiliser les div à toutes les sauces et essaye d'utiliser les balises adaptées :
- une image, c'est <img> tout simplement (inutile de l'entourer de div)
- un menu, une liste de lien donc, c'est <ul> (inutile également de l'entourer de div)
A partir de là, ta page aura une structure cohérente et une sémantique propre et pas 15000 div qui sont bien pire que 15000 cellules de tableaux
Marsh Posté le 06-07-2005 à 19:26:46
On positionne les éléments de page en css, pas des calques (meme si certains éléments positionnés peuvent être assimilés à des calques dans le principe)
Marsh Posté le 06-07-2005 à 20:25:39
Ya un truc que je pige pas :
SIBELIUS, la fonction <img> , c'est du html simple non ? Comment puis je ecrire un menu sur un image grossiere, alors que le div le permet.
J'ai cherché sur le net, et je n'ai trouvé la fonction <img> que en html.
voila une screen de ce que j'ai fais en css, ( l'image a été piqué sur le web ) . ( a voir : le menu sur l'image div ).
www.lecourtier.net/01.jpg
Marsh Posté le 06-07-2005 à 20:35:55
Je vais reprendre plus simplement mon soucis :
1) Je veux faire une page web avec une image en haut, une image en bas. Sur l'image du haut, se trouve un menu.
donc comment creer ce menu par dessus l'image ?
( a l'origine j'avais creer un div pour l'image, puis un autre div pour le menu, par dessus l'image, mais apparement je me complique trop la vie !? )
Marsh Posté le 06-07-2005 à 20:40:00
Mr_Benoit a écrit : Ya un truc que je pige pas : |
Je ne comprends pas du tout ce que tu veux dire.
Oui <img> est une balise HTML, comme l'est la balise <div>.
Que veux-tu dire par "c'est du html simple" ?? "J'ai cherché sur le net, et je n'ai trouvé la fonction <img> que en html." --> en quoi d'autre voudrais-tu la trouver ?
Marsh Posté le 06-07-2005 à 20:50:24
Si elle a un sens dans la page (donc pas de la déco), balise <img>, sinon, cela se met en background par CSS.
Edit : et tu sais y a pas que les div que tu peux positionner, mais tous les éléments de types bloc ce qui inclut les titres, les paragraphes et ... les listes
Marsh Posté le 06-07-2005 à 20:53:27
ba vi ! moi j'ai mis background-image ! C'est pas bon ?
en css je ne vois pas ce que ca peut etre....
c'est pourtant dans le tutorial : http://mammouthland.free.fr/cours/css/cours9.php
Marsh Posté le 06-07-2005 à 21:15:41
en tout cas je vois pas comment je peux poser et positionner mon bloc div sur ma balise <img> ...
Marsh Posté le 06-07-2005 à 22:24:06
Vas voir les liens dans ma signature, et LIS TOUT. Il te manque de nombreuses notions de positionnement CSS.
Marsh Posté le 06-07-2005 à 18:56:13
salut à tous !
Je viens de me mettre au CSS, donc veuillez pardonner ce probleme, tout simple je pense.
Vous trouverez le code css plus bas.
Mon probleme : J'ai créé un div dans lequel j'ai mis une image. Et dans ce div, j'ai créé un autre div pour mettre un menu dedans. ( News1, news2, news3 ).
Donc j'ai voulu correctement placer ce div ( ce menu ) a l'interieur du premier div ( image ).
Je n'ai trouvé aucune solution a part creer des marges autour du menu afin de pouvoir le placer correctement. ( est-ce la bonne solution ? )
Et donc, le menu est treeeesss bien placé, mais soucis : dès que je diminue la fenetres d'internet, le menu est decallé : les dimensions changent.
Voici le code :
[]body
{
/* Couleur de l'arriere plan */
background-color:#31343B;
/* La scrollbar */
scrollbar-3dlight-color: #70757C;
scrollbar-arrow-color: #F3F3F3;
scrollbar-base-color: #70757C;
scrollbar-face-color: #31353C;
scrollbar-highlight-color: #70757C;
scrollbar-shadow-color: #000000;
}
/* les differentes parties du tableau */
/* Le bandeau du haut */
#head {
background-image: url(header.jpg);
background-repeat: no-repeat;
background-position: center
width: 780px;
height: 288px;
padding: 0;
}
/* Le menu qui se trouve sur le bandeau du haut */
#menutitre {
clear:both;
margin: 200px 0px 0px 130px;
width: 536px;
float: left;
}
/* Les polices */
/* La police de menu du bandeau du haut */
H1 {
color: #FFFFFF;
font-size: 11px;
font-family: Arial;
word-spacing: 4px;
}[/]
Help me !!