[ css ] texte dans un DIV

texte dans un DIV [ css ] - HTML/CSS - Programmation

Marsh Posté le 06-07-2005 à 18:56:13    

salut à tous !  :jap:  
 
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 !!  :(

Reply

Marsh Posté le 06-07-2005 à 18:56:13   

Reply

Marsh Posté le 06-07-2005 à 19:12:57    

Code :
  1. /* La scrollbar */
  2. scrollbar-3dlight-color: #70757C;
  3. scrollbar-arrow-color: #F3F3F3;
  4. scrollbar-base-color: #70757C;
  5. scrollbar-face-color: #31353C;
  6. scrollbar-highlight-color: #70757C;
  7. scrollbar-shadow-color: #000000;
  8. }


 
Ca existe pas ca déjà. Enlèves :o
 
Ensuite  
 

Citation :

/* La police de menu du bandeau du haut */
H1


 
Un h1 dans un menu ?  
 
http://fr.wikipedia.org/wiki/Web_s%C3%A9mantique


Message édité par plainsofpain le 06-07-2005 à 19:14:28

---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

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.

Reply

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


Message édité par sibelius le 06-07-2005 à 19:24:54

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

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)


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

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

Reply

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 !? )

Reply

Marsh Posté le 06-07-2005 à 20:40:00    

Mr_Benoit a écrit :

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.


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 ?  :??:


Message édité par sibelius le 06-07-2005 à 20:41:04

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

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 :D


Message édité par plainsofpain le 06-07-2005 à 20:51:19

---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

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

Reply

Marsh Posté le 06-07-2005 à 20:53:27   

Reply

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> ...

Reply

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.


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Sujets relatifs:

Leave a Replay

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