Bonjour,
Je suis en train de réaliser le site de l'entreprise qui m'accueil en stage et on a décidé d'intégrer un historique plutôt long en texte pour avec un maximum de mots clés dans les référencement et aussi pour montrer que l'entreprise n'en est pas à ses débuts.
Je m'adresse donc au Webmasters qui ont déjà mis en page un long texte pour qui soit quand même pas gerbant à lire. On a aussi des photos à mettre en place dessus. Comment faire pour ne pas faire un truc bateau avec des photos d'un côté et des pavés de textes de l'autre ?
Je précise que je bosse en CSS2.
Merki
Version complète : Organiser un long texte en HTML
une solution assez originale et facilement modulable en CSS consiste selon moi, dans le respect du contexte que tu impliques, une structure simple et efficace :
<h1>titre important<h1>
<div class="gauche" <-- Z-index -->
<img src"#" alt="#" title="#" />
</div>
<p>
blabla
</p>
<hr class="separateurh1" /> <-- Avec une zolie image en background (pour h1):p -->
<h2>sous-titre<h2>
<div class="right"
<img src"#" alt="#" title="#" />
</div>
<p>
blabla
</p>
<hr class="separateurh2" /> <-- (pour h2):p -->
Voila une methode qui permet de changer un titre sur deux avec des séparateur respectif tout en changeant l'image de place
Enfin, ca reste une idée a dévellopée
CODE
<h1>titre important<h1>
<div class="gauche" <-- Z-index -->
<img src"#" alt="#" title="#" />
</div>
<p>
blabla
</p>
<hr class="separateurh1" /> <-- Avec une zolie image en background (pour h1):p -->
<h2>sous-titre<h2>
<div class="right"
<img src"#" alt="#" title="#" />
</div>
<p>
blabla
</p>
<hr class="separateurh2" /> <-- (pour h2):p -->
Voila une methode qui permet de changer un titre sur deux avec des séparateur respectif tout en changeant l'image de place
Enfin, ca reste une idée a dévellopée
hehe c'est un peu là dessus que je suis parti et j'ai regardé sur un blog Dotclear pour m'inspirer de la mise en page. J'ai augmenté l'écartement des mots de l'interlignage (vive les CSS) et apparament ca plait donc on va rester là dessus !
Merci pour ton aide WarrioR
Merci pour ton aide WarrioR
C\'est une version "bas débit" de notre forum. Pour voir la version complète avec plus d\'information, la mise en page et les images, veuillez cliquez ici.