Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1261 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [ css ] texte dans un DIV

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[ css ] texte dans un DIV

n°1142512
Mr_Benoit
Posté le 06-07-2005 à 18:56:13  profilanswer
 

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 !!  :(

mood
Publicité
Posté le 06-07-2005 à 18:56:13  profilanswer
 

n°1142525
plainsofpa​in
Pingouino's lover
Posté le 06-07-2005 à 19:12:57  profilanswer
 

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
n°1142534
Mr_Benoit
Posté le 06-07-2005 à 19:21:56  profilanswer
 

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.

n°1142537
sibelius
Vous êtes sûr ?
Posté le 06-07-2005 à 19:24:19  profilanswer
 

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
n°1142548
plainsofpa​in
Pingouino's lover
Posté le 06-07-2005 à 19:26:46  profilanswer
 

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
n°1142579
Mr_Benoit
Posté le 06-07-2005 à 20:25:39  profilanswer
 

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

n°1142600
Mr_Benoit
Posté le 06-07-2005 à 20:35:55  profilanswer
 

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

n°1142606
sibelius
Vous êtes sûr ?
Posté le 06-07-2005 à 20:40:00  profilanswer
 

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
n°1142625
plainsofpa​in
Pingouino's lover
Posté le 06-07-2005 à 20:50:24  profilanswer
 

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
n°1142629
Mr_Benoit
Posté le 06-07-2005 à 20:53:27  profilanswer
 

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

mood
Publicité
Posté le 06-07-2005 à 20:53:27  profilanswer
 

n°1142665
Mr_Benoit
Posté le 06-07-2005 à 21:15:41  profilanswer
 

en tout cas je vois pas comment je peux poser et positionner mon bloc div sur ma balise <img> ...

n°1142714
plainsofpa​in
Pingouino's lover
Posté le 06-07-2005 à 22:24:06  profilanswer
 

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

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [ css ] texte dans un DIV

 

Sujets relatifs
Nom d'une zone de texteAfficher un texte arabe
[JAVA] Lecture/Ecriture dans un fichier texte.Créer une interface utilisateur en mode texte...
comment mettre du texte en couleur ds un post ???Taille de texte et div à hauteur dynamique
[CSS] Texte, DIV, mauvaise taille dans IE....pb d'alignement vertical de texte dans un DIV
[Javascript] récupérer la longueur du texte d'un DIV[CSS] Div -> le texte ne s'affiche pas car pas de scrollbar
Plus de sujets relatifs à : [ css ] texte dans un DIV


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR