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

 


 Mot :   Pseudo :  
 
 Page :   1  2  3
Auteur Sujet :

menus + News

n°1121096
masklinn
í dag viðrar vel til loftárása
Posté le 15-06-2005 à 17:07:09  profilanswer
 

Reprise du message précédent :

FlorentG a écrit :

Tu sais, le media screen aspire à des présentation qui se font linéairement. Le mutlicolonne est légèrement relou à implémenter (enfin lorsqu'il faut être IE-compliant)... Attend les CSS3 :D


faudrait ptet pas abuser quand mêmen là il suffit d'un div par news et d'un float pour l'image [:petrus75]


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
mood
Publicité
Posté le 15-06-2005 à 17:07:09  profilanswer
 

n°1121128
kirua_sama
Learn sciences with senses
Posté le 15-06-2005 à 17:30:32  profilanswer
 

oki merci et pour que la date s'affiche automatiquement avec l'heure lorsque j'ecrie la news ??
et pour pouvoir mettre une image a cote d'une liste css ?

n°1121259
FlorentG
Unité de Masse
Posté le 15-06-2005 à 19:26:00  profilanswer
 

masklinn a écrit :

faudrait ptet pas abuser quand mêmen là il suffit d'un div par news et d'un float pour l'image [:petrus75]


 
Ah ouais oups :D En fait j'avais mal pigé le truc

n°1121381
kirua_sama
Learn sciences with senses
Posté le 15-06-2005 à 23:07:20  profilanswer
 

ca m'a trop ssaouler j'ai supprime mon site......:'( :'( :'(  tant de semaine d'effort pour en arriver la :'( :'( :'( :( :(.
J'ai garde les image maintenant jvais tout refaire en css avec 8 tableau ! mais je pense pas que ce soit possible d'arrive au meme resultat  :(:(:(

n°1121385
gatsusat
Posté le 15-06-2005 à 23:10:36  profilanswer
 

bah en CSS c'est 10x plus simple que les tabeaux, depuis que je maitrise les CSS, je fais des trucs 100 mieux que les tableaux tout caca

n°1121395
kirua_sama
Learn sciences with senses
Posté le 15-06-2005 à 23:29:46  profilanswer
 

j'espere alors Je suis desoler mais je crois que c'est bien parti pour que je pose plein de question et que petiez un cable sur moi :d

n°1121397
kirua_sama
Learn sciences with senses
Posté le 15-06-2005 à 23:30:45  profilanswer
 

deja en css je n'arrive pas a mettre deux block ( <DIV> ) pour q'ils soient cote a cote et non l'un en dessous de l'autre .

n°1121404
masklinn
í dag viðrar vel til loftárása
Posté le 15-06-2005 à 23:57:57  profilanswer
 

kirua_sama a écrit :

deja en css je n'arrive pas a mettre deux block ( <DIV> ) pour q'ils soient cote a cote et non l'un en dessous de l'autre .


http://openweb.eu.org
http://css.alsacreations.com
Lis ces sites en entier pour commencer, ça devrait répondre à pas mal de questions que tu te poses ou te poseras.
 
Ensuite, tu peux visiter le reste des liens de ma sig.


Message édité par masklinn le 15-06-2005 à 23:58:06

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
n°1121410
kirua_sama
Learn sciences with senses
Posté le 16-06-2005 à 00:09:10  profilanswer
 

oui j'ai lu alsa creation en entier ( enfin rubrique comment faire un site sans tableau + menu + rollover ) mais dans son exemple il met deux div a la suite et ca se met cote a cote alors que moi non . Quand a open web j'ai lu pas mal aussi mais jva continuer a chercher ! :d

n°1121427
kirua_sama
Learn sciences with senses
Posté le 16-06-2005 à 01:31:17  profilanswer
 

j'ai toujours pas trouve XD je dois etre debile ooou mentalement instable ne ce moement

mood
Publicité
Posté le 16-06-2005 à 01:31:17  profilanswer
 

n°1121433
gatsusat
Posté le 16-06-2005 à 01:53:14  profilanswer
 

ben tu as 2 possibilités :
 
Soit tu transforme le type des div qui sont Block par défaut en inline, mais tu perd la possibilité de gérer la largeur sur ces éléments.
 
Soit tu met un float:left, et automatiquement ils iront les un à la suite des autres.

n°1121700
plainsofpa​in
Pingouino's lover
Posté le 16-06-2005 à 11:15:12  profilanswer
 

kirua_sama a écrit :

dans son exemple il met deux div a la suite et ca se met cote a cote alors que moi non


 
Tu sais pas lire ... voir la : http://www.openweb.eu.org/articles/initiation_flux/
 
Vraiment ces jeunes :o
 
Edit : nan mais vraiment, c'est écrit en francais quoi ^^'


Message édité par plainsofpain le 16-06-2005 à 11:15:51

---------------
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°1121737
kirua_sama
Learn sciences with senses
Posté le 16-06-2005 à 11:36:37  profilanswer
 

a oki merci pour le liens exact faut que j'aille voir ce qu'est la balise span je la voit partout. A voila c'est fait :d j'ai enfin compris ^^. Voila avec un tout petit detail de merde j'ai compris plein de chozes que je ne pigais aps jusque ici ^^.

n°1121738
kirua_sama
Learn sciences with senses
Posté le 16-06-2005 à 11:37:25  profilanswer
 

et de mettre des <div> dans un <div> c'est grave ?

n°1121773
plainsofpa​in
Pingouino's lover
Posté le 16-06-2005 à 11:53:22  profilanswer
 

faut éviter, sachant que tu peux positionner toutes les balises comme <ul> <p> etc ...
 
Enfin faut pas abuser quoi ^^'


Message édité par plainsofpain le 16-06-2005 à 11:54:17

---------------
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°1121774
masklinn
í dag viðrar vel til loftárása
Posté le 16-06-2005 à 11:54:59  profilanswer
 

plainsofpain a écrit :

faut éviter, sachant que tu peux positionner toutes les balises comme <ul> <p> etc ...


Ca dépend, la question étant de savoir si c'est grave la réponse est "non c'est pas grave, simplement le div est un élément générique à n'utiliser que si aucun élément moins générique ne correspond" [:spamafote]


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
n°1121793
plainsofpa​in
Pingouino's lover
Posté le 16-06-2005 à 12:04:27  profilanswer
 

Tout comme le masklinn il dit en parlant bien :)


---------------
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°1121836
kirua_sama
Learn sciences with senses
Posté le 16-06-2005 à 12:54:12  profilanswer
 

et je fais comment pour savoir si y'a moi generique ??
je voulai faire un div qui regroupe 4 div pour mes new. Un div pour mon menus. ET mon menus + les news imbriquer dans un div qui representera la contenu. ce qui fait 6 div dans un div ... :sarcastic:  :jap:

n°1121837
masklinn
í dag viðrar vel til loftárása
Posté le 16-06-2005 à 12:55:41  profilanswer
 

kirua_sama a écrit :

et je fais comment pour savoir si y'a moi generique ??


[:pingouino]
 
Exemple simple:
Un menu, fondamentalement, c'est une liste de liens.
Donc si tu utilises une liste pour faire ton menu, c'est moins générique que d'utiliser des divs [:pingouino]
Donc plus précis et sémantiquement plus correct, donc mieux parce que la représentation non stylée sera meilleure (le sens intrinsèque de l'élément est plus proche du sens logique de ce qu'il implémente) [:pingouino]
 
De même, je ne vois pas comment tu pourrais avoir 4 divs pour tes news.
Une div globale par nouvelle (le conteneur de la news) ou bien alors (à la limite, et la chose est discutable) une liste de nouvelles (donc une nouvelle par élément de liste), et ensuite des éléments plus précis à l'intérieur (paragraphe pour le contenu, header/spans pour le titre de la nouvelle, ...)


Message édité par masklinn le 16-06-2005 à 12:58:47

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
n°1121852
kirua_sama
Learn sciences with senses
Posté le 16-06-2005 à 13:22:18  profilanswer
 

4 div car:
- pour l'image
- pour un lien en dessous de l'image
- pour le titre avec la date et l'heure( affiche auto en php )
- pour le contenu de la news

n°1121870
masklinn
í dag viðrar vel til loftárása
Posté le 16-06-2005 à 13:37:39  profilanswer
 

kirua_sama a écrit :

4 div car:
- pour l'image
- pour un lien en dessous de l'image
- pour le titre avec la date et l'heure( affiche auto en php )
- pour le contenu de la news


wtf [:pingouino]
 
smells like bullshit [:pingouino]
 
ya pas que les divs dans la vie [:pingouino]
 
sans argumentation claire et précise, je vois strictement rien qui puisse justifier l'utilisation de divs pour ces 4 éléments [:pingouino]


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
n°1121874
kirua_sama
Learn sciences with senses
Posté le 16-06-2005 à 13:40:18  profilanswer
 

c'est pour pouvoir les positionner tel quel :
Puis j'aurais voulu faire a cote de ce menus une partie news compose de 3 cadres dispose comme cela:  
  11111111111  
  22222223333  
  22222223333  
  22222223333  
  22222224444  
 
1= date...  
2=  texte de la news  
3= image  
4= commentaire avec un lien sur une autre page.

n°1121879
masklinn
í dag viðrar vel til loftárása
Posté le 16-06-2005 à 13:42:48  profilanswer
 

kirua_sama a écrit :

c'est pour pouvoir les positionner tel quel :
Puis j'aurais voulu faire a cote de ce menus une partie news compose de 3 cadres dispose comme cela:  
  11111111111  
  22222223333  
  22222223333  
  22222223333  
  22222224444  
 
1= date...  
2=  texte de la news  
3= image  
4= commentaire avec un lien sur une autre page.


Et alors?


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
n°1121890
kirua_sama
Learn sciences with senses
Posté le 16-06-2005 à 13:54:06  profilanswer
 

bah a par faire ca en tableau ( ce que vous m'aviez interdedi:p ) ou avec des bloc je ne voi vraiment pas quel autre solution il y a.

n°1121913
gatsusat
Posté le 16-06-2005 à 14:12:40  profilanswer
 

ben imagine les éléments image, lien et titre comme étant aussi souple qu'un DIV.
 
Je m'explique : normalement le code de ta news ca devrait être ça :  

Code :
  1. <div id="news">
  2.   <h1>Titre de la news</h1>
  3.   <a href="LienImage.htm">
  4.     <img src="monimage.jpg">
  5.     Le texte du lien de cette image
  6.   </a>
  7.   <p>
  8.    mon texte de la nouvelle
  9.   </p>
  10. </div>


 
ensuite li te reste plus qu'à attaquer le div conteneur news et tous les éléments dedans avec les CSS
 
#news H1 { /*propriétés du titre de la news*/
 
}
#news A { /* Le lien */
 
}
etc...


Message édité par gatsusat le 16-06-2005 à 14:16:16
n°1121922
masklinn
í dag viðrar vel til loftárása
Posté le 16-06-2005 à 14:15:52  profilanswer
 

kirua_sama a écrit :

bah a par faire ca en tableau ( ce que vous m'aviez interdedi:p ) ou avec des bloc je ne voi vraiment pas quel autre solution il y a.


 [:johneh]  
 
 
 
Va lire la spec HTML (en entier) pour apprendre quelles sont les balises disponibles (je ne rigole pas, c'est l'une des premières choses que j'ai faites quand je me suis mis sérieusement au web)
Ensuite, tu vas lire la spec CSS2.1 (tu peux aussi lire la spec CSS 1 si tu veux, mais ça va être redondant).
 
Puis tu lis div-mania, en n'oubliant surtout pas les commentaires de l'article, en entier.
Je t'aurais bien envoyé également vers Trop de DIV tuent les DIV, mais l'article a été retiré... tu peux acheter le bouquin de Raphaël si tu veux...
 
 
 
NB:
Dans les bouquins "à lire" sur les standards, Eric Meyer on CSS et More Eric Meyer on CSS sont des références (le premier existe en français, pour More je ne suis pas sûr) de même que Zen of CSS Design par Dave Shea et Molly Holzschlag ainsi que Designing with Web Standards par Jeffrey Zeldman. Il y en a pas mal d'autres, Tantek avait fait une petite liste à l'occasion de SXSW


Message édité par masklinn le 16-06-2005 à 14:18:14

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
n°1121926
kirua_sama
Learn sciences with senses
Posté le 16-06-2005 à 14:18:10  profilanswer
 

.. hum j'ai pas tout compris dans le cas que tu me donne je vais donc devoir mettre
<div id="conteneurnews">  
  <h1>Titre de la news</h1>
<span><p> le texte de ma nouvelle </p>
<a href="LienImage.htm">  
    <img src="monimage.jpg">  
    Le texte du lien de cette image  
  </a>  
</span>
</div>  
et ca me donnera ce que je veu puis apre le css est juste pour la taille de l'ecriture de l'image les couleur..  
c'est comme sui ?

n°1121930
kirua_sama
Learn sciences with senses
Posté le 16-06-2005 à 14:19:32  profilanswer
 

Masklinn ou i j'ai lu trop de div tu les div c'est pour cela que je me pose la question s'il y'en avait pas en trop dans mon exemple.

n°1121941
kirua_sama
Learn sciences with senses
Posté le 16-06-2005 à 14:23:32  profilanswer
 

kan au site que tu m'a passe je sait que la premiere langue a apprendre c'est l'anglais mais pour moi trop d'anglais.... :'(

n°1121942
masklinn
í dag viðrar vel til loftárása
Posté le 16-06-2005 à 14:23:33  profilanswer
 

kirua_sama a écrit :

Masklinn ou i j'ai lu trop de div tu les div c'est pour cela que je me pose la question s'il y'en avait pas en trop dans mon exemple.


J'arrête pas de te dire que si [:pingouino]
 
Et sois gentil, essaie de séparer, dans ta tête, la signification sémantique d'un élément et la manière dont il s'affiche.
 
On s'en branle de l'affichage par défaut d'un élément, ça se change, l'important c'est ce qu'il représente et la structuration logique de la page.
 
Le style vient après


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
n°1121961
kirua_sama
Learn sciences with senses
Posté le 16-06-2005 à 14:37:16  profilanswer
 

oki j'ai bien compris que y'en avais trop c'etai juste pour revenir a l'article trop de div tu les div.
Oki donc sans fiche css. ce code :
<div id="conteneurnews">  
  <h1>Titre de la news</h1>  
<span><p> le texte de ma nouvelle </p>  
<a href="LienImage.htm">  
    <img src="monimage.jpg">  
    Le texte du lien de cette image  
  </a>  
</span>  
</div>  
 va me donner ce que je veu ?

n°1121963
masklinn
í dag viðrar vel til loftárása
Posté le 16-06-2005 à 14:38:41  profilanswer
 

Ca dépend de ce que tu veux...
 
Si ce que tu veux c'est ta boiboite, non [:spamafote]
 
Mais bon faudrait ptet que tu lises ce que j'écris [:spamafote]


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
n°1121970
kirua_sama
Learn sciences with senses
Posté le 16-06-2005 à 14:42:14  profilanswer
 

j'ai lu ce que tu a ecri  ( je n'en ai peut-etre pas compri le sens . Je ne voit pas ou j'ai pas respecte ce que tu a dit... :((a)

n°1121986
kirua_sama
Learn sciences with senses
Posté le 16-06-2005 à 14:51:00  profilanswer
 

kom tu ma dit il faut que mes news ne fasse qu'un seul bloque. A je croi avoir compris ou tu veu en venir !! oui j'ai compris  (je pense )  
en fait je reprend exactement le code que Gatsusat ma passe puis avec le css je donne la propriete de chaque element quand a son positionnement et tout ^^ c'est ca?
J'avais oublier que le positionement se fesait relativement au block div et non pas a la page dans son ensemble.  
roo j'espere que cette fois-ci je suis enfin dans le vrai .


Message édité par kirua_sama le 16-06-2005 à 14:51:52
n°1122000
masklinn
í dag viðrar vel til loftárása
Posté le 16-06-2005 à 14:57:08  profilanswer
 

kirua_sama a écrit :

en fait je reprend exactement le code que Gatsusat ma passe


T'es pas obligé non plus, tu peux aussi réfléchir à la structure logique de tes pages [:pingouino]

Citation :

puis avec le css je donne la propriete de chaque element quand a son positionnement et tout ^^ c'est ca?


Heuu... en gros oui

Citation :

J'avais oublier que le positionement se fesait relativement au block div et non pas a la page dans son ensemble.


Les deux sont possibles [:spamafote]  
 
 
PS: ça te dérangerait beaucoup d'écrire en français? parce que ça fait mal au crâne de décoder [:pingouino]


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
n°1122008
kirua_sama
Learn sciences with senses
Posté le 16-06-2005 à 15:00:23  profilanswer
 

excuse moi, je m'applique pourtant..  

Citation :

T'es pas obligé non plus, tu peux aussi réfléchir à la structure logique de tes pages  


oui exactement, mais c'etait un exemple pour montrer que j'avais compris la logique que tu essay de me montrer depuis le debut.
Merci beaucoup beaucoup Masklinn
 
Edit: y'avais une phrase pas très francaise dans le tas  :ange:


Message édité par kirua_sama le 16-06-2005 à 15:01:35
n°1122017
FlorentG
Unité de Masse
Posté le 16-06-2005 à 15:03:40  profilanswer
 

kirua_sama a écrit :

oki j'ai bien compris que y'en avais trop c'etai juste pour revenir a l'article trop de div tu les div.
Oki donc sans fiche css. ce code :
<div id="conteneurnews">  
  <h1>Titre de la news</h1>  
<span><p> le texte de ma nouvelle </p>  
<a href="LienImage.htm">  
    <img src="monimage.jpg">  
    Le texte du lien de cette image  
  </a>  
</span>  
</div>  
 va me donner ce que je veu ?


T'as pas le droit de mettre un <p> dans un <span>...

n°1122037
kirua_sama
Learn sciences with senses
Posté le 16-06-2005 à 15:08:47  profilanswer
 

je fait comment alors pour mettre le texte a cote de l'image ??
si le span fait parti du css ca marche pas non plus ?

n°1122043
FlorentG
Unité de Masse
Posté le 16-06-2005 à 15:11:29  profilanswer
 

Ben tu le remplace par un <div>, là c'est authorisé...

n°1122044
FlorentG
Unité de Masse
Posté le 16-06-2005 à 15:11:40  profilanswer
 

Et "si le span fait parti du css ca marche pas non plus ?", ça ne veut rien dire :D

n°1122054
kirua_sama
Learn sciences with senses
Posté le 16-06-2005 à 15:14:57  profilanswer
 

enfin je voulais dire un div dans lequel il y aure un span
dans le quel cas <p> se revera dans un span.

mood
Publicité
Posté le   profilanswer
 

 Page :   1  2  3

Aller à :
Ajouter une réponse
 

Sujets relatifs
Pb de positionnement de menus à partir d'une CSS[c++ .net] menus et winforms
News avec la fonction includeCSS : deux menus horizontaux sur la même ligne
Quel logiciel pour la création de menus pour page webNews defilant qui marche bizarement
module de news confortableChargement de news
creation site de news "dynamique"raccourcis et menus
Plus de sujets relatifs à : menus + News


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