Re, bonsoir!

Je voudrais avoir vos conseils!

Dans mon site de "smileys" j'ai fait un CSS avec "table" pour les cases de chacuns des smileys.

Mais je sais que c'est pas trop bien, alors si je fais autrement?

***dois je faire avec <li>image</li>

*** ou vu dans google

<div class="float">
 <img src="image1.gif" width="100" height="100"
 alt="image 1" /><br />
 <p>légende 1</p>
</div>

***Ou

<p class="flottante">image1</p>texte </p>

car je voudrais pouvoir écrire un texte dessous l'image pour un autre de mes sites!

je ne sais pas si je suis bien clair! merci

C'est la mise en page par tableaux qui est déconseillée, donc présenter le site au complet dans un tableau... qui contient souvent d'autres tableaux.

Dans ton cas, la présentation des smileys peut très bien (je dirais même : doit) se faire dans un tableau.

Ton menu, par contre, devrait être sous forme de liste horizontale.

Pour mettre du texte sous les images, il suffit de donner à ces dernières un display: block

.tableausmileys td img {
display: block;
}

Juste pour dire que j'aime beaucoup les couleurs choisies pour ton site (ça me rappelle un des miens, en fait, qui n'existe plus pour l'instant ).

Tes pages sont claires, aérées, bref, agréables à l’œil et faciles à consulter.

Pour ton menu, tu faires ceci

html

<div class="navigation">
<ul>
<li><a class="actif" href="#">Accueil</a></li>
<li><a href="#">Mes créations</a></li>
<li><a href="#">Mes liens</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>

Pour le css

.navigation {
clear: both;
width: 100%; /*Dans la mesure où tu as mis une largeur fixe pour le contenu ou la page*/
border-bottom: 4px solid #E46FA6;
}

.navigation ul {
margin: 0;
padding: 0;
list-style-type: none;
}

.navigation ul li {
display: inline-block;
width: 180px; /*Si ta page fait dans les 760px de large*/
height: 50px;
margin: 0;
padding: 0;
text-align: center;
line-height: 30px;
}

.navigation ul li a {
text-decoration: none;
font-size: 16px; /*en fonction de ta police d'écriture*/
font-weight: bold;
color: #A6D4A5
}

.navigation ul li a:hover,
.navigation ul li a.actif {
color: #D2D2D2;
}

Ce n'est qu'un exemple ...

Pour le menu, je pensais "div, div flotant à gauche et re div.... lol donc j'ai bien fait de vous demandez avant.

elle , Dreamer, merci je vais consulter toutes vos infos.

elle, merci pour le compliment, ça fait toujours plaisir.

je vous tiens au courant!

En fait, c'est assez simple pour savoir quoi utiliser :

Le code HTML doit transmettre la structure sémantique du document, avec les balises prévues à cet effet, qui déterminent la nature du contenu qu'elles encadrent. Donc, <h1> à <h6> pour les titres, <p> pour un paragraphe et non pour insérer des espaces , <ul> pour les listes, <table> pour un tableau, etc. Div signifie une division.

Donc, <h1> à <h6> pour les titres, <p> pour un paragraphe et non pour insérer des espaces ,

oui, lol je vais essayer de revoir ça.

ça me décale tout alors j'ai fait au plus simple.

le menu est refait ! merci à vous deux.

Donc, <h1> à <h6> pour les titres, <p> pour un paragraphe et non pour insérer des espaces ,

Bonjour,

Je vais refaire mon formulaire de contact.

Mais avant comment supprimer les espaces ? il y a une astuce? ou un code?

je dois mettre "line-height" ou"<br>?

merci

Ou utilise un margin-top ou margin-bottom ??

-les espaces c'est OK!

-Pour mon formulaire de contact j'ai pris ce lien.

http://blueseodesign.com/web-design/formulaire-contact-html5-responsive/

ça fonctionne mais c'est bizarre! il me met leela.smiley@free.fr, à ecrit en haut du mail

car je n'utilise jamais cette adresse c'est juste l'adresse du site qui est sur Free.fr

J'ai bien reçu le mail à l'adresse que j'ai noté.

mais j'obtiens une page blanche avec le message "j'ai bien reçu votre message, merci"

comment faire pour retourner sur la page contact ?

merci

http://leela.smileys.free.fr/

re

Si tu mets du php dans ta page, il te faut renommer ta page en contact.php et non contact html !!

Pour le retour, crée une page merci avec un meta refresh dessus de 5 à 10 secondes.

Donc, tu vas remplacer la ligne

echo"J'ai bien reçu votre message, merci";

par

print"<script>document.location.href='http://leela.smileys.free.fr/merci.html';</script>";

et ta page merci dans ce style

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>leela smileys, Page remerciements</title>
<meta name="Description" content="site de smileys, feminin,créations de smileys féminins, que des filles ">
<meta name="KeyWords" content="smileys,leela,bonjour,merci,emoticon,emoticons,gifs, smileys,smilette, smiley, fille, girl,girly">
<link rel="Shortcut Icon" href="http://leela.smileys.free.fr/imag/favicon.ico">http://leela.smileys.free.fr/imag/favicon.ico"/>
<link href="http://leela.smileys.free.fr/css/styles.css">css/styles.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div class = "petitebarrehaut"></div>
  <div class= "central">
  <div class="header"><img src="http://leela.smileys.free.fr/imag/logorose.jpg">imag/logorose.jpg"  class="logo" alt="logo" />
    <h1 class="h1"> Leela Smileys</h1>
    </div>
    <div class="menunavigation">
      <ul>
      <li><a href="http://leela.smileys.free.fr/#">#">Accueil</a></li>
      <li><a href="http://leela.smileys.free.fr/lescreations.html">lescreations.html">Mes créations</a></li>
      <li><a href="http://leela.smileys.free.fr/contact.html">contact.html">Mes liens</a></li>
      <li><a href="http://leela.smileys.free.fr/contact.html">contact.html">Contact</a></li>
   </ul>
    </div>
etc .............

Salut,

Perso, je trouve ton site très bien fait comme il est à l'heure actuelle.

Comme le dit Elle, c'est aéré, c'est clair, très agréable à l'oeil, bref, c'est très bien !

Les tableaux pour présenter tes smileys sont une bonne solution. Si tu changes ça, tu vas te retrouver avec des pages qui changeront selon la largeur des smileys et, surtout, selon la taille écran de l'internaute.

Tu devrais rester sur des tableaux, ton site est très bien comme il est.

Zoulouman, Oui, pour les tableaux c'est réglé, elle et Dreamer m'ont conseillés de les garder

maintenant, je suis sur le formulaire de contact, j'ai repris mon post à la suite.

Merci ça fait plaisir les compliments, c'est encourageant.

Dreamer,

Je suis trop contente , merci beaucoup!

MERCI à toutes et tous.

C'est sincère. Ton site est très bien comme il est.

Bon, tu peux optimiser ce site au niveau SEO, mais la charte graphique est très bien comme elle est.

Zoulouman' lol c est quoi SEO?

SEO = Search Engine Optimization

En français : optimisation pour les moteurs de recherche

ah, bah c'est un site pour m'amuser et me faire la main!

Je vais quand même regardé pour l'améliorer, j'ai trouvé ce lien est il de bon conseil?

http://www.karinemiron.com/5-conseils-seo-pour-optimiser-votre-positionnement

merci.

http://www.maboite.qc.ca/site_web-referencement.php et celui-ci!

hello,

il se peut que tu aies reçu des mails vides, c"'est moi

ta page n'est peut-être pas totalement complète... dis-moi si c'est le cas !

bonjour Malcolm, Oui des mails vides, hier soir 23h...4mails

montre-nous (ou envoie moi en MP) le code de ton fichier "envoyer.php".

D'autre part, tu mélanges HTML5 et XHTML sur ta page de contact.

fichier envoyer.php envoyer en MP.

tu mélanges HTML5 et XHTML sur ta page de contact.

merci de me dire comment réparer mon erreur.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

c'est surement ce truc , bas un mauvais copier/coller d’où ça sort alors là ,je ne sais pas!!!

<!DOCTYPE HTML>
<html >

c'est bon comme ça?

Bonne soirée.

j'ai répondu à ton message privé pour le code source.

Oui, avec ce doctype c'est mieux

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
</head>

<body>
</body>
</html>

bah, je comprends plus, je viens de voir que c'est "Dreamweaver " qui me met ce code quand je fais nouveau.html

dans chaque page j'ai ce code, alors pourquoi tu me dis que c'est pas bon? pour ma page contact! c'est peut être une question "idiote" mais je la pose!

leela a écrit :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
</head>

<body>
</body>
</html>

bah, je comprends plus, je viens de voir que c'est "Dreamweaver " qui me met ce code quand je fais nouveau.html

dans chaque page j'ai ce code, alors pourquoi tu me dis que c'est pas bon? pour ma page contact! c'est peut être une question "idiote" mais je la pose!

Malheureusement, Dreamweaver n'est qu'un logiciel, et, comme disait mon vénéré "Koala01" (dieu qu'il me manque...) << un logiciel ne pourra jamais faire mieux que ce qu'ont pu/su/voulu lui faire faire ses développeurs>>. En conséquence, si ton dreamweaver ne connait pas l'HTML 5, peut-être est-il temps de le mettre à jour (quelle version as-tu ? un MX2004 c'est sûr ... un dreamweaver CS6 qui ne connait pas HTML5, c'est grave ... ).

Ce que tu fais est donc la bonne manip, pas d'inquiétude, mais comme tu as pris un exemple venant d'un autre site, lui en HTML5, forcément il faut adapter ...

Sur ton site, c'est pas grave d'avoir une page en HTML5 et toutes les autres en XHTML 1.0 transitional : ça ne causera aucun bug technique (si tant est que le dctype est bien respecté) pas plus que ça n'aura d'impact, positif ou négatif, sur ton référencement. C'est juste que c'est plus logique de tout harmoniser, mais tu n'as nul besoin urgentissime dans l'état actuel des choses de tout refaire :-)