| Message |
Auteur |
 Posté le: 05 09 2006 09:32 Sujet du message: |
|
|
Bonjour tout le monde, petit à petit j'arrive un peu à comprendre et mon site prend forme (vous pouvez jeter un oeil: je vous accorde que c'est pas joli joli mais je suis fier de moi)
Je ne trouve pas comment séparer mes paragraphes par une petite ligne: voyez-vous un peu comme dans les blogs tout fait...
Si vous avez une idée je suis preneur!!
Merci |
|
LittleMo
Posteur confirmé
Inscrit le: 14 Aoû 2004
Messages: 953
Localisation: Danzigerstrasse
|
|
Revenir en haut |
|
|
|
|
| Posté le: 05 09 2006 10:46 Sujet du message: |
|
|
Salut Littlemo,
C'est bien de te lancer! Au début, c'est un peu dur, mais au début seulement. 
C'est dommage pour la pub en haut mais c'est souvent ça sur les hébergements gratuits. ça casse un peu tout. Si tu veux vraiment développer un bon petit site, tu pourras peut-être investir dans un hébergement payant qui sera plus performant. ça ne côute vraiment pas cher...Tu en as à moins de 10 euros par an. Sinon, je crois qu'il doit y avoir aussi des gratuits sans pub. Je vais jetter un oeil et je te dirai ça.
Pour le trait de séparation, tu peux utiliser plusieurs solutions.
La première, c'est la balise <hr /> qui te permets d'insérer un trait horizontal. Tu mets cette balise dans ton code Xhtml bien sûr. Après un paragraphe par exemple. (Je te file au passage un bon lien avec toutes les balises Xhtml classées par ordre alphabétique ainsi que leurs fonctions et leurs attributs possibles.)
La seconde, c'est d'ajouter une bordure à chacun de tes paragraphes grâce à ta feuille de style (ton fichier CSS). Je préfère cette solution car elle laisse beaucoup plus de libertés.
ça pourrait par exemple donner ça:
| Code: | p
{
border-bottom: solid 2px red;
} |
Ce qui veux dire que pour chaque bas de paragraphe, tu définis une bordure rouge solide de 2pixels d'épaisseur. Mais tu peux modifier à ta convenance of course! Tu peux modifier l'épaisseur, la couleur et la forme du trait (continu, en pointillés, avec des tirets etc...)
Par ici, tu as un bon lien avec les propriétés CSS. Il y a aussi pas mal de bons tutos. Avec les CSS, tu peux tout faire. Il faut que tu prennes tout de suite le réflexe de séparer code XHTML et mise en forme. Tu verras à la longue que les possibilités sont infinies.
Amuse toi bien, tu seras bientôt le roi des codeurs. Si tu piges pas certains truc dis le...AU fait, ça manque aussi un p'tit forum "langages du web"...
 @++ |
|
Josh
Posteur expert
Inscrit le: 18 Oct 2004
Messages: 7162
|
|
Revenir en haut |
|
| Posté le: 05 09 2006 11:24 Sujet du message: |
|
|
Re,
J'ai regardé ton code et il y a quelques erreurs qui rendent ta page "invalide". Va falloir revoir le cours. 
Enfin, au début c'est tout à fait normal.
| Code: | | <p><li><a href="page1.htm" title="photos de mon nnouvel environnement">Mon logement</a></li> |
Tu ne peux pas mettre une balise <li> après une balise de paragraphe. Les balises <li></li> ne servent qu'à insérer un nouvel élément dans une liste numérotée ou dans une liste à puce, c'est à dire entre les balises <ul></ul> ou <ol></ol>.
Par exemple:
| Code: | <ol>
<li>tomate</li>
<li>cerise</li>
<li>pomme</li>
</ol> |
Aussi, la balise <br> n'existe pas en Xhtml. Pour un saut de ligne, c'est la balise <br /> ou mieux encore, c'est de définir les sauts de lignes et les espacements dans ta feuille de style à l'aide des propriétés CSS (avec les propriétés margin et padding par exemple).
| Code: | | <p><br><div><img src="antenne.jpg" alt="antenne TV de Berlin" width="" height=""</div></p> <br><h5>Antenne de Berlin</h5> </center> |
Là c'est très confus. Tu n'as pas besoin d'insérer ici un <div> à l'intérieur d'un paragraphe. Tu pourrais faire l'inverse à la limite. la première balise <br> ne peut pas être là non plus d'autant qu'elle n'est pas valide comme je te l'ai dit plus haut.
Oublie aussi les width et les height dans ton fichier html. idem pour la balise < /center> qui n'existe pas en xhtml. Et même si elle existait, il manquerait la balise d'ouverture.
Tous les positionnements et mises en forme doivent être définies dans ton fichier CSS.
bon courage, @+ [/quote] |
|
Josh
Posteur expert
Inscrit le: 18 Oct 2004
Messages: 7162
|
|
Revenir en haut |
|
| Posté le: 05 09 2006 14:13 Sujet du message: |
|
|
Merci Beaucoup pour toutes ces infos Josh!
Piouf!!!....ça me prend un temps fou pour ne pas faire grand chose...Mais tu remarqueras qu'il y a quand même un peu de changements depuis ce matin: j'ai essayé de nettoyer un peu mon code et de consigner un max de choses dans mon design.css!
J'ai réussi à me mettre une petite bordure sous mes paragraphes mais il me faut encore définir une exception: lorsque je cite une source après le paragraphe, la bordure se trouve entre la source et ledit paragraphe; il faut que je définisse quelque chose pour que la bordure se place sous la citation de source...
J'ai renoncé à aller à la ligne entre mes photos et mes commentaires, je trouve plus stylé de mettre mes commentaires faces à mes photos! Mais là encore il faut que je cherche!! J'ai seulement réussi à les aligner à droite, pas en face 
En plus de tes super sites j'en ai touvé deux autres qui complètent aussi un peu:
un tuto
Code couleur
Bon moi maintenat j'ai les yeux à qui on a appliqué la propriété "blink" donc je vais aller faire un tour boire une bière sur la Alexanderplatz!!
Encore merci de ton aide!!
Romain |
|
LittleMo
Posteur confirmé
Inscrit le: 14 Aoû 2004
Messages: 953
Localisation: Danzigerstrasse
|
|
Revenir en haut |
|
| Posté le: 05 09 2006 17:58 Sujet du message: |
|
|
Waou, j'ai passé la journée devant l'écran mais j'ai réussi à faire à peu près ce que je voulais!! Merci les tutos filés par Josh....
Qu'est-ce que vous en penser? |
|
LittleMo
Posteur confirmé
Inscrit le: 14 Aoû 2004
Messages: 953
Localisation: Danzigerstrasse
|
|
Revenir en haut |
|
| Posté le: 19 09 2006 19:51 Sujet du message: |
|
|
Salut Littlemo,
Je viens de rejetter un oeil à ta page et je me disais que si le but est uniquement de publier des photos pour ta famille et/ou tes amis, tu ferais alors mieux d'installer un bon script de galerie photo (en attendant de pouvoir en créer une toi-même en PHP ) . Tu as le choix et certains sont excellents. ça s'installe et s'administre très facilement et tu auras pas mal de fonctionnalités très plaisantes. En plus, avec des bonnes notioons de CSS tu pourras les personnaliser...
Je te conseille par exemple phpWebgallery que j'utilise moi-même sur un site. J'aime beaucoup aussi Plogger mais il n'est dispo qu'en anglais pour l'instant (enfin pour une galerie de photo, ce n'est pas trop gênant)...
Enfin voilà, c'est une idée quoi...
@++ |
|
Josh
Posteur expert
Inscrit le: 18 Oct 2004
Messages: 7162
|
|
Revenir en haut |
|
| Posté le: 21 09 2006 20:09 Sujet du message: |
|
|
Bonsoir Josh!
C'est cool; parce qu'il est certain qu'au bout de quelques mois il va falloir scroller dur pour voir les photos récentes!!
Je n'ai pas trop le temps de regarder ça en cemoment j'ai beaucoup de travail; mais dès que j'ai un peu de temps je vais m'en occuper!!
J'ai aussi trouvé ça qu'est ce que t'en penses?
Merci de ton aide!!
LM |
|
LittleMo
Posteur confirmé
Inscrit le: 14 Aoû 2004
Messages: 953
Localisation: Danzigerstrasse
|
|
Revenir en haut |
|
| Posté le: 27 03 2007 12:12 Sujet du message: |
|
|
différence entre le html et le xhtml?
Le html a été réécris au format xml. Ce language a toutes les caratéristiques du html, de cette façon il peut être compris par tous les navigateur.
De plus la totalité de son lexique provenant du html n'a plus qu'à apprendre quelques règles de syntaxe élémentaire pour être dans la course.
Ce nouveau language utilise la syntaxe du xml, bénéficie de toute la puissance et de la souplesse du xml tout en posant de parfaite fondation avec le css.
Le nom de ce language? le xhtml
Pour ton fond d'écran, il ne s'agit pas d'une longue page de style css que tu vas taper.
tu dois donc taper çà dans la partie head:
<style type="text/css">
{
#body
backgroun-color:FFFF99;
}
</style> |
|
Pingu
Posteur confirmé
Inscrit le: 03 Juin 2003
Messages: 1852
Localisation: pouik pouik
|
|
Revenir en haut |
|
| Posté le: 27 03 2007 12:19 Sujet du message: |
|
|
ah, je suis un peu en retard pour mon message...
tanpis |
|
Pingu
Posteur confirmé
Inscrit le: 03 Juin 2003
Messages: 1852
Localisation: pouik pouik
|
|
Revenir en haut |
|
| Posté le: 27 03 2007 13:41 Sujet du message: |
|
|
| Citation: | Pour ton fond d'écran, il ne s'agit pas d'une longue page de style css que tu vas taper.
tu dois donc taper çà dans la partie head:
<style type="text/css">
{
#body
backgroun-color:FFFF99;
}
</style> |
Mieux vaut prendre les bonnes habitudes tout de suite, à savoir opter pour une feuille de style externe.
@++
Edit: Pour définir la règle de style,
suffit...Pas besoin de #
Et pour la couleur de fond, c'est:
|
|
Josh
Posteur expert
Inscrit le: 18 Oct 2004
Messages: 7162
|
|
Revenir en haut |
|
|
S'enregistrer
Rechercher
FAQ
Connexion
