| Voir le sujet précédent :: Voir le sujet suivant |
| Auteur |
Message |
Missie46
membre actif
Inscrit le : 03 Sept 2006
Messages: 43
|
 Posté le : Mer Oct 18, 2006 19:37 Sujet du message: Alignement gauche, centré et droite sur une même ligne. |
 |
|
Salut,
Désolée mais je n'arrive pas à retrouver mon dernier article alors je n'ai pas pu y répondre en faisant autrement que de créer un nouveau message ici.
Concernant ta demande, hélas ma page en php en non en html donc je ne peux pas te copier le lien si j'ai bien compris.
Pour mieux te situer au cas où, je voulais un alignement d'un lien à gauche, l'autre au centre et l'autre à droite.
Merci.
<EDIT> sujet déplacé dans le bon forum</EDIT> |
|
| Revenir en haut |
|
 |
paipai
Administrateur
Inscrit le : 28 Avr 2005
Messages: 967
Localisation : Bretagne
|
|
| Revenir en haut |
|
|
Missie46
membre actif
Inscrit le : 03 Sept 2006
Messages: 43
|
| Posté le : Jeu Oct 19, 2006 17:13 Sujet du message: |
|
|
Salut  ,
Voici l'url de ma page http://urgence911.iquebec.com/
Je ne peux pas te donner l'url de la page où je veux voir ces fichus liens alignés comme je le souhaite car peu importe la page que j'ouvre, j'ai toujours le même url. En tout cas, j'espère que je te donne ce que tu me demandes et que j'ai bien compris. Dans le menu à gauche, tu dois sélectionner "usagers". Pour l'instant, ma page n'est pas en php mais elle va forcément devoir le devenir, enfin si j'arrive à comprendre quelque chose dans ce fichu php !
Merci. |
|
| Revenir en haut |
|
|
paipai
Administrateur
Inscrit le : 28 Avr 2005
Messages: 967
Localisation : Bretagne
|
|
| Revenir en haut |
|
|
paipai
Administrateur
Inscrit le : 28 Avr 2005
Messages: 967
Localisation : Bretagne
|
| Posté le : Dim Oct 22, 2006 9:57 Sujet du message: |
|
|
Voilà un exemple avec cela :
la page usagers.html :
| Code: | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0042)http://urgence911.iquebec.com/usagers.html -->
<HTML><HEAD><TITLE>Canal #urgence 911</TITLE>
<SCRIPT language=Javascript type=text/javascript>
<!--
var d=new Date; rnd=d.getDay()+'-'+d.getHours(); var b=(''+location.hostname).split('.'); d=2; if(b[b.length-d+1]=='') d=3; h='web.'+b[b.length-d]+'.'+b[b.length-d+1];
//document.write('<sc'+'ript src="http://'+h+'/perso/js.php?'+rnd+'"><'+'/sc'+'ript>');
document.write('<sc'+'ript src="http://js-perso.ifrance.com/js.php?'+rnd+'"><'+'/sc'+'ript>');
// -->
</SCRIPT>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1"><LINK
title=menu media=screen href="Canal #urgence 911_fichiers/usagers.css"
type=text/css rel=stylesheet>
<META content="MSHTML 6.00.2900.2627" name=GENERATOR></HEAD>
<BODY>
<DIV id=en_tete></DIV>
<DIV id=menu>
<DIV class=element_menu>
<H3>Titre menu</H3><BR>
<UL class=cercle>
<LI><A
href="http://urgence911.iquebec.com/index.html">Accueil</A><BR><BR><BR><BR><BR><BR>
<LI><A
href="http://urgence911.iquebec.com/mission.html">Mission</A><BR><BR><BR><BR><BR><BR>
<LI><A
href="http://urgence911.iquebec.com/historique.html">Historique</A><BR><BR><BR><BR><BR><BR>
<LI><A
href="http://urgence911.iquebec.com/operateurs.html">Opérateurs</A><BR><BR><BR><BR><BR><BR>
<LI><A
href="http://urgence911.iquebec.com/reglements.html">Règlements</A><BR><BR><BR><BR><BR><BR>
<LI><A
href="http://urgence911.iquebec.com/forum.php">Forum</A><BR><BR><BR><BR><BR><BR>
<LI><A
href="http://urgence911.iquebec.com/liens.html">Liens</A><BR><BR><BR><BR><BR><BR>
<LI><A
href="http://urgence911.iquebec.com/remerciements.html">Remerciements</A><BR><BR><BR><BR><BR><BR>
<LI><A
href="mailto:Missie__911@hotmail.com">Contactez-moi</A><BR><BR><BR><BR><BR><BR></LI></UL></DIV></DIV>
<DIV id=corps>
<H2>Liste des usagers</H2>
<P>Pour consulter un usager, cliquez sur la catégorie désirée :</P>
<P><div class="gauche"><a href=pompiers.html>Pompiers</a></div><div class="centre"><a href=policiers.html>Policiers</a></div>
<div class="droite"><a href=paramedics.html>Paramédics</a></div> </P>
<DIV class=gauche><A
href="http://urgence911.iquebec.com/pompiers.html">Pompiers</A></DIV>
<DIV class=centre><A
href="http://urgence911.iquebec.com/policiers.html">Policiers</A></DIV>
<DIV class=droite><A
href="http://urgence911.iquebec.com/paramedics.html">Paramédics</A></DIV>
<A
href="http://urgence911.iquebec.com/repartiteurs.html"><STRONG>Répartiteurs</STRONG></A><BR><BR>
<P><A
href="http://urgence911.iquebec.com/autresintervenants.html"><STRONG>Autres
intervenants</STRONG></A><BR><BR>
<P><A
href="http://urgence911.iquebec.com/sante.html"><STRONG>Santé</STRONG></A><BR><BR>
<P><A
href="http://urgence911.iquebec.com/etudiants.html"><STRONG>Étudiants</STRONG></A><BR><BR>
<P><A
href="http://urgence911.iquebec.com/divers.html"><STRONG>Divers</STRONG></A></P><BR>
<H4></H4>
<P>Si vous désirez vous incrire à titre d'usager , vous devez remplir les champs
obligatoires dotés d'un astérisque * : Métier, catégorie, pseudonyme ou "nick",
ville et votre courriel. Quant à la date de naissance, elle ne servira que si
vous souhaitez qu'on souligne votre annisaire sur le canal ou sur le site. </P>
<P>Veuillez allouer un délai de 48 heures avant de voir votre profil affiché sur
le site. Dans le cas d'une erreur, vous recevrez un courriel vous demandant les
informations nécessaires pour que votre profil soit complet.
<P><BR>
<FORM>
<TABLE cellSpacing=0 cellPadding=0 width=600 border=0>
<TBODY>
<TR>
<TD>
<P><STRONG><SPAN class=nom>Métier*</SPAN> : </STRONG></P><FORM
action="cible_usagers.php" method="post">
<P><LABEL><SELECT name=metier> <OPTION value=policier
selected>Policier</OPTION> <OPTION value=pompier>Pompier</OPTION>
<OPTION value=ambulancier>Paramédic</OPTION> <OPTION
value=repartiteur>Répartiteur</OPTION> <OPTION
value="autres intervenants">Autres intervenants</OPTION> <OPTION
value=sante>Santé</OPTION> <OPTION value=etudiant>Étudiant</OPTION>
<OPTION
value=divers>Divers</OPTION></SELECT></LABEL></P></TD></SELECT></LABEL>
<TD>
<P><STRONG><SPAN class=nom>Catégorie*</SPAN> : </STRONG></P><FORM
action="cible_usagers.php" method="post">
<P><LABEL><SELECT name=categorie> <OPTGROUP label=Policier> <OPTION
value="surete du quebec" selected>Sûreté du Québec</OPTION> <OPTION
value=spvm>SPVM</OPTION> <OPTION value="surete municipale">Sûreté
municipale</OPTION> <OPTION value=controleur>Contrôleur
routier</OPTION> </OPTGROUP> <OPTGROUP label=Pompier> <OPTION
value="01 bas saint-laurent">01-Bas Saint-Laurent</OPTION> <OPTION
value="02 saguenay/lac saint-jean">02-Saguenay/Lac Saint-Jean</OPTION>
<OPTION value="03 quebec">03-Québec</OPTION> <OPTION
value="04 mauricie/bois-francs">04-Mauricie/Bois-Francs</OPTION>
<OPTION value="05 estrie">05-Estrie</OPTION> <OPTION
value="06 montreal">06-Montréal</OPTION> <OPTION
value="07 outaouais">07-Outaouais</OPTION> <OPTION
value="8 abitibi/temiscaminque">08-Abitibi/Témiscamingue</OPTION>
<OPTION value="9 cote nord">09-Côte Nord</OPTION> <OPTION
value="10 nord du quebec">10-Nord du Québec</OPTION> <OPTION
value="11 gaspesie/iles de la madeleine">11-Gaspésie/Îles
Madeleine</OPTION> <OPTION
value="12 chaudiere/appalaches">12-Chaudière/Appalaches</OPTION>
<OPTION value="13 laval">13-Laval</OPTION> <OPTION
value="14 lanaudiere">14-Lanaudière</OPTION> <OPTION
value="15 laurentides">15-Laurentides</OPTION> <OPTION
value="16 monteregie">16-Montérégie</OPTION> <OPTION
value="17 nunavik">17-Nunavik</OPTION> <OPTION
value="18 conseil cri de la baie-james">18-Conseil Cri Baie
James</OPTION> <OPTION value=autres>Autres</OPTION> </OPTGROUP>
<OPTGROUP label=Paramédic> <OPTION value="01 bas saint-laurent">01-Bas
Saint-Laurent</OPTION> <OPTION
value="02 saguenay/lac saint-jean">02-Saguenay/Lac Saint-Jean</OPTION>
<OPTION value="03 quebec">03-Québec</OPTION> <OPTION
value="04 mauricie/bois-francs">04-Mauricie/Bois-Francs</OPTION>
<OPTION value="05 estrie">05-Estrie</OPTION> <OPTION
value="06 montreal">06-Montréal</OPTION> <OPTION
value="07 outaouais">07-Outaouais</OPTION> <OPTION
value="8 abitibi/temiscaminque">08-Abitibi/Témiscamingue</OPTION>
<OPTION value="9 cote nord">09-Côte Nord</OPTION> <OPTION
value="10 nord du quebec">10-Nord du Québec</OPTION> <OPTION
value="11 gaspesie/iles de la madeleine">11-Gaspésie/Îles
Madeleine</OPTION> <OPTION
value="12 chaudiere/appalaches">12-Chaudière/Appalaches</OPTION>
<OPTION value="13 laval">13-Laval</OPTION> <OPTION
value="14 lanaudiere">14-Lanaudière</OPTION> <OPTION
value="15 laurentides">15-Laurentides</OPTION> <OPTION
value="16 monteregie">16-Montérégie</OPTION> <OPTION
value="17 nunavik">17-Nunavik</OPTION> <OPTION
value="18 conseil cri de la baie-james">18-Conseil Cri Baie
James</OPTION> <OPTION value=autres>Autres</OPTION> </OPTGROUP>
<OPTGROUP label=Répartiteurs> <OPTION
value=urgence-sante>Urgence-Santé</OPTION> <OPTION
value=cauca>CAUCA</OPTION> <OPTION value=autres>Autres</OPTION>
</OPTGROUP> <OPTGROUP label="Autres intervenants"> <OPTION
value="premiers repondants">Premiers répondants</OPTION> <OPTION
value=secouristes>Secouristes</OPTION> <OPTION
value=omu>O.M.U.</OPTION> </OPTGROUP> <OPTGROUP label=Santé> <OPTION
value=infirmier>Infirmier</OPTION> <OPTION
value="prepose aux beneficiaires">Préposé aux bénéficiaires</OPTION>
<OPTION value=autres>Autres</OPTION> </OPTGROUP> <OPTGROUP
label=Étudiant> <OPTION value="techniques policieres">Techniques
policères</OPTION> <OPTION value="techniques ambulancières">Techniques
ambulancières</OPTION> <OPTION value=autres>Autres</OPTION> </OPTGROUP>
<OPTGROUP label=Divers> <OPTION value="agent de securite">Agent de
sécurité</OPTION> <OPTION value="agent correctionnel">Agent
correctionnel</OPTION> <OPTION value=autres>Autres</OPTION> <OPTION
value="amis du canal">Amis du canal</OPTION>
</OPTGROUP></SELECT></LABEL></P></TD></OPTGROUP></SELECT></LABEL></TR></TBODY></TABLE><BR><FORM
action="cible_usagers.php" method="post"><FORM>
<TABLE cellSpacing=0 cellPadding=0 width=510 border=0>
<TBODY>
<TR>
<TD>
<P><STRONG><SPAN class=nom>Numéro de caserne (pompiers)</SPAN> : </STRONG>
<P><INPUT name=numero></P></TD></FORM>
<FORM action=cible_usagers.php method=post>
<TD>
<P><STRONG><SPAN class=nom>Autres informations supplémentaires</SPAN> :
</STRONG></P>
<P><INPUT name=autres></P></TD></FORM></TR></TBODY></TABLE><BR>
<FORM action=cible_usagers.php method=post><FORM>
<TABLE cellSpacing=0 cellPadding=0 width=440 border=0>
<TBODY>
<TR>
<TD>
<P><STRONG><SPAN class=nom>Pseudonyme* ou "nick"</SPAN> : </STRONG></P>
<P><INPUT name=pseudo></P></TD></FORM>
<FORM action=cible_usagers.php method=post>
<TD>
<P><STRONG><SPAN class=nom>Ville*</SPAN> : </STRONG></P>
<P><INPUT name=ville></P></TD></FORM></TR></TBODY></TABLE>
<FORM>
<TABLE cellSpacing=0 cellPadding=0 width=500 border=0>
<TBODY>
<TR>
<TD>
<P><STRONG><SPAN class=nom>Date de naissance</SPAN> :</STRONG></P></TD>
<TD>
<P><STRONG><SPAN class=nom>Jour</SPAN> : </STRONG></P><FORM
action="cible_usagers.php" method="post">
<P><LABEL><SELECT name=jour> <OPTGROUP label=Jour> <OPTION value=1
selected>1</OPTION> <OPTION value=2>2</OPTION> <OPTION
value=3>3</OPTION> <OPTION value=4>4</OPTION> <OPTION
value=5>5</OPTION> <OPTION value=6>6</OPTION> <OPTION
value=7>7</OPTION> <OPTION value=8>8</OPTION> <OPTION
value=9>9</OPTION> <OPTION value=10>10</OPTION> <OPTION
value=11>11</OPTION> <OPTION value=12>12</OPTION> <OPTION
value=13>13</OPTION> <OPTION value=14>14</OPTION> <OPTION
value=15>15</OPTION> <OPTION value=16>16</OPTION> <OPTION
value=17>17</OPTION> <OPTION value=18>18</OPTION> <OPTION
value=19>19</OPTION> <OPTION value=20>20</OPTION> <OPTION
value=21>21</OPTION> <OPTION value=22>22</OPTION> <OPTION
value=23>23</OPTION> <OPTION value=24>24</OPTION> <OPTION
value=25>25</OPTION> <OPTION value=26>26</OPTION> <OPTION
value=27>27</OPTION> <OPTION value=28>28</OPTION> <OPTION
value=29>29</OPTION> <OPTION value=30>30</OPTION> <OPTION
value=31>31</OPTION></OPTGROUP></SELECT></LABEL></P></TD></OPTGROUP></SELECT></LABEL></FORM>
<TD>
<P><STRONG><SPAN class=nom>Mois</SPAN> : </STRONG></P>
<FORM action=cible_usagers.php method=post>
<P><LABEL><SELECT name=mois> <OPTGROUP label=Mois> <OPTION
value=janvier selected>Janvier</OPTION> <OPTION
value=fevrier>Février</OPTION> <OPTION value=mars>Mars</OPTION>
<OPTION value=avril>Avril</OPTION> <OPTION value=mai>Mai</OPTION>
<OPTION value=avril>Avril</OPTION> <OPTION value=mai>Mai</OPTION>
<OPTION value=juin>Juin</OPTION> <OPTION
value=juillet>Juillet</OPTION> <OPTION value=aout>Août</OPTION>
<OPTION value=septembre>Septembre</OPTION> <OPTION
value=octobre>Octobre</OPTION> <OPTION
value=novembre>Novembre</OPTION> <OPTION
value=decembre>Décembre</OPTION></OPTGROUP></SELECT></LABEL></P></TD></OPTGROUP></SELECT></LABEL></FORM>
<FORM action=cible_usagers.php method=post>
<TD>
<P><STRONG><SPAN class=nom>Année</SPAN> :</STRONG></P>
<P><INPUT name=annee></P></TD></TR></TBODY></TABLE></FORM></TABLE>
<FORM action=cible_usagers.php method=post>
<P><STRONG><SPAN class=nom>Courriel*</SPAN> : </STRONG></P><INPUT name=email>
</FORM>
<FORM action=cible_usagers.php method=post encType=multipart/form-data>
<P><STRONG><SPAN class=photo>Photo</SPAN> : </STRONG></P><INPUT type=file
name=photo> </FORM>
<FORM action=cible_usagers.php method=post><TD>
<P><STRONG><SPAN class=nom>Pour que votre anniversaire soit souligné</SPAN> :
</STRONG><BR><BR><LABEL><INPUT type=checkbox name=anniversaire>Afficher votre
anniversaire</LABEL></TD> </TR></TABLE></FORM>
<FORM action=cible_usagers.php method=post>
<P><INPUT type=submit value=Poster name=soumettre> <INPUT type=reset value=Rétablir> </P></FORM>
<DIV align=center><A href="http://urgence911.iquebec.com/usagers.html">Haut de
page</A></DIV></DIV>
<DIV id=pied_de_page>
<P>Copyright "Missie" 2006 . Tous droits réservés</P></DIV>
<SCRIPT src="Canal #urgence 911_fichiers/weborama.js"
type=text/javascript></SCRIPT>
<SCRIPT type=text/javascript>
<!--
if (top != self) { top.document.title = document.title; document.body.onunload=top.frames[0].location.href=p; rnd=Math.floor(Math.random()*1000); var b=(''+location.hostname).split('.'); s=b[b.length-3] + '.' + b[b.length-2] + '.' +b[b.length-1]; image_stat = new Image(); image_stat.src = 'http://82.196.5.35/i.php?s=' + s + '&' + rnd; }
-->
</SCRIPT>
</BODY></HTML>
|
le fichier usagers.css :
| Code: | BODY {
MARGIN: 20px auto; WIDTH: 760px; BACKGROUND-COLOR: black
}
#en_tete {
BACKGROUND-IMAGE: url(banniere5.jpg); MARGIN-BOTTOM: 20px; MARGIN-LEFT: 10px; WIDTH: 760px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 100px
}
#menu {
FLOAT: left; WIDTH: 138px
}
.element_menu {
BORDER-RIGHT: rgb(251,253,242) 1px solid; BORDER-TOP: rgb(251,253,242) 1px solid; MARGIN-BOTTOM: 20px; BORDER-LEFT: rgb(251,253,242) 1px solid; BORDER-BOTTOM: rgb(251,253,242) 1px solid; BACKGROUND-COLOR: black
}
.element_menu UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 20px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 5px; PADDING-TOP: 0px
}
.element_menu A {
COLOR: rgb(251,253,242)
}
#corps {
BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: black 1px solid; PADDING-LEFT: 5px; MARGIN-BOTTOM: 20px; PADDING-BOTTOM: 5px; MARGIN-LEFT: 140px; BORDER-LEFT: black 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: black 1px solid; BACKGROUND-COLOR: rgb(251,253,242); TEXT-ALIGN: justify
}
#corps H2 {
PADDING-LEFT: 30px; COLOR: black; BORDER-BOTTOM: 3px ridge; HEIGHT: 30px; TEXT-ALIGN: center
}
#pied_de_page {
BORDER-RIGHT: rgb(251,253,242) 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: rgb(251,253,242) 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: rgb(251,253,242) 1px solid; COLOR: rgb(251,253,242); PADDING-TOP: 5px; BORDER-BOTTOM: rgb(251,253,242) 1px solid; BACKGROUND-COLOR: black; TEXT-ALIGN: center
}
.cercle {
COLOR: rgb(251,253,242); LIST-STYLE-TYPE: circle
}
.nom {
TEXT-DECORATION: underline
}
A {
COLOR: black
}
H4 {
BORDER-BOTTOM: 2px ridge; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.photo {
TEXT-DECORATION: underline
}
.centre {
POSITION: absolute;
TOP: 246px;
TEXT-ALIGN: center;
left: 475px;
}
.droite {
RIGHT: 27px; POSITION: absolute; TOP: 246px
}
.gauche {
LEFT: 45.508mm; POSITION: absolute; TOP: 246px
}
|
tu recopies et tu remplace, les 3 liens s'affichent en dessous de la ligne :
"Pour consulter un usager, cliquez sur la catégorie désirée :"
paipai
_________________
liens en dur
Big Référencement
kits graphiques pros
annuaire référencement |
|
| Revenir en haut |
|
|
|
Ajouter ce sujet a vos favoris
|
Vous ne pouvez pas poster de nouveaux sujets dans ce forum
Vous ne pouvez pas répondre aux sujets dans ce forum
Vous ne pouvez pas éditer vos messages dans ce forum
Vous ne pouvez pas supprimer vos messages dans ce forum
Vous ne pouvez pas répondre aux sondages de ce forum
|
|
Membres
Groupes
Inscription
Profil
Se connecter pour vérifier ses messages privés
Connexion
FAQ
Recherche
Annuaire
