Voilà, je dois créer un site internet pour mon entreprise (sans vente en ligne) et on m'a conseillé Kompozer.
J'ai a peu près géré jusque là (premier fois q je touche à ce genre d'exercice), mais je me retrouve maintenant dans une impasse pour certains problèmes:
Voici ma page d'index que je copie colle comme modèle:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>Home</title>
<style type="text/css">
#entete {
border-style: none;
border-bottom: 1px none black;
border-left-color: black;
color: black;
background-color: transparent;
}
#menu {
border-style: none;
border-color: #ffff99 yellow;
border-width: 20px 0px 10px;
background-position: left top;
background-color: transparent;
}
#pied {
background-color: transparent;
font-family: Arial;
font-size: 10px;
}
body {
background-image: url(images/background3.JPG);
background-position: center top;
}
li {
text-align: center;
text-decoration: none;
float: left;
list-style-type: none;
width: 130px;
background-color: transparent;
}
#menu a {
border-style: none;
font-weight: bold;
text-align: center;
text-decoration: none;
list-style-type: none;
color: black;
background-color: transparent;
}
img {
}
#menu a:hover {
color: red;
}
#menu a:visited {
text-decoration: none;
color: black;
background-color: transparent;
}
#texte {
margin-left: 130px;
font-family: Arial;
font-size: 12px;
}
#texte a:hover {
color: red;
font-weight: bold;
}
#texte a {
color: black;
text-decoration: none;
font-weight: bold;
}
</style>
</head>
<body>
<div id="entete"><img src="images/Logo.jpg"
alt="Logo" style="width: 195px; height: 98px; float: left;"
hspace="130" vspace="20"><br>
<br>
<img src="images/Batisec2.bmp" alt="Batisec"
style="width: 446px; height: 108px; float: right;" hspace="20"
vspace="20"><br>
<br>
<br>
<br>
<br>
<br>
<br>
</div>
<div id="menu">
<ul>
<li><a href="Index.html">Home</a> </li>
<li><a href="Actualites.html">Actualités</a>
</li>
<li><a href="societe.html">Société</a> </li>
<li><a href="Produits.html">Produits</a> </li>
<li><a href="Services.html">Services</a> </li>
<li><a href="Telechargements.html">Téléchargements</a>
</li>
<li><a href="Contact.html">Contact</a></li>
</ul>
<ul>
</ul>
<br>
</div>
<div id="texte"><br>
<br>
<br>
<span style="font-size: 9pt; font-family: Arial;">BATISEC
S.A.S., spécialiste des protections extérieures de chantier, vous
propose à la
fois des produits traditionnels et des produits innovants conçus pour
répondre
avec efficacité et de façon économe aux problèmes de protection
associés aux
procédés d'aujourd'hui dans le secteur du Bâtiment et des Travaux
Publics.<br>
<br>
BATISEC S.A.S. propose une gamme
complète de <a href="Grillages.html">clôtures grillagées</a>,
<a href="Bardees.html">clôtures bardées</a>,
<a href="Contreventement.html">accessoires de
contreventement</a> et produits des <a
href="Travaux%20Publics.html">Travaux Publics</a>. De
plus, l’entreprise
vous propose<span style=""> </span>son
expérience pour <a href="Installation.html">l’installation
de vos chantiers</a>, ou pour vous conseiller lors de la <a
href="Location.html">location de marchandises</a>.<o:p></o:p></span>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<div style="text-align: center;"><img
style="width: 771px; height: 194px;" alt="Bandeau"
src="images/Bandeau2.JPG"><br>
</div>
<br>
<br>
<br>
<br>
<br>
<br>
</div>
<div id="pied">Batisec 2008 - Tous droits réservés</div>
</body>
</html>
Voici mes problèmes rencontrés :
1 - j'essaie donc de mettre une image à gauhe à 150px du bord, mais quand je fais ça avec css, ça me descends ma deuxième image que j'aimerai mettre dans le coin en haut à droite, et ça me fusille le menu qui se retrouve sur 2 lignes et non une. Suis obligé de diminuer la taille de ma 2ème image ou y a-t-il un moyen de mettre les 2 images sur la même ligne mais à une bonne distance de chaque bord?
2 - quand la fenêtre internet est réduite les images changent de place, est-ce évitable?
3 - une de mes images .jpg n'apparaît pas sur le naviguateur (juste un fond blanc avec une croix rouge) pourtant elle n'est pas plus grosse qu'une autre, et le lien est conforme. pourquoi?
4 - J'ai suivi l'aide sur info.sio2.be pour créer mes pages mais je ne comprends pas comment faire pour les pages questionnaires en .php .
Dois-je mettre un lien vers la page questionnaire, ou serait-il possible de mettre le questionnaire sur une des pages .html de mon site?
Je pense que ça doit être logique pour vous, mais je pars de très loin!!
Merci à tous!!
Ps : si vous voyez des choses incompréhensibles, voire facilement améliorable dans mon code source, n'hésitez pas à m'expliquer, je suis preneur de tous conseils!
Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322; .NET CLR 2.0.50727)
6x130=780 pixels, ça fait déjà trop large pour un écran 800x600 si on ajoute tout le reste autour, donc préférer une largeur de <li> en %, sans renoncer à l'élasticité de la page (oui, je sais j'en rajoute) je dirais 100/6=16,66, donc... entre 10 et 15% chacun, faut tâtonner... en 1024x768, ça passe déjà en une seule ligne avec les 130px!