Forums creer-un-site-internet.com aide webmasters Forum Créer un site internet Annuaire webmasters Annuaire généraliste


 MembresMembres   GroupesGroupes   InscriptionInscription    ProfilProfil   Se connecter pour vérifier ses messages privésSe connecter pour vérifier ses messages privés   ConnexionConnexion 
 FAQFAQ   RechercheRecherche  AnnuaireAnnuaire

Alignement gauche, centré et droite sur une même ligne.

 
Poster un nouveau sujet   Répondre au sujet    Forums creer-un-site-internet.com -> Mise en page HTML/CSS
Voir le sujet précédent :: Voir le sujet suivant  
Auteur Message
Missie46
membre actif
membre actif



Inscrit le : 03 Sept 2006
Messages: 43

Message Posté le : Mer Oct 18, 2006 19:37    Sujet du message: Alignement gauche, centré et droite sur une même ligne. Répondre en citant

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
Voir le profil de l'utilisateur Envoyer un message privé
paipai
Administrateur
Administrateur



Inscrit le : 28 Avr 2005
Messages: 942
Localisation : Bretagne

Message Posté le : Jeu Oct 19, 2006 6:27    Sujet du message: Répondre en citant

Salut,

c'est pas grave ... quelle est l'url de la page ?


Wink
paipai
_________________
liens en dur
Big Référencement
kits graphiques pros
annuaire référencement
Revenir en haut
Voir le profil de l'utilisateur Envoyer un message privé Envoyer l'e-mail Visiter le site web de l'utilisateur
Missie46
membre actif
membre actif



Inscrit le : 03 Sept 2006
Messages: 43

Message Posté le : Jeu Oct 19, 2006 17:13    Sujet du message: Répondre en citant

Salut Smile,
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
Voir le profil de l'utilisateur Envoyer un message privé
paipai
Administrateur
Administrateur



Inscrit le : 28 Avr 2005
Messages: 942
Localisation : Bretagne

Message Posté le : Ven Oct 20, 2006 17:30    Sujet du message: Répondre en citant

demain je vais regarder ca de plus près Wink


paipai
_________________
liens en dur
Big Référencement
kits graphiques pros
annuaire référencement
Revenir en haut
Voir le profil de l'utilisateur Envoyer un message privé Envoyer l'e-mail Visiter le site web de l'utilisateur
paipai
Administrateur
Administrateur



Inscrit le : 28 Avr 2005
Messages: 942
Localisation : Bretagne

Message Posté le : Dim Oct 22, 2006 9:57    Sujet du message: Répondre en citant

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>&nbsp;</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 :"

Wink
paipai
_________________
liens en dur
Big Référencement
kits graphiques pros
annuaire référencement
Revenir en haut
Voir le profil de l'utilisateur Envoyer un message privé Envoyer l'e-mail Visiter le site web de l'utilisateur
Montrer les messages depuis :   
Poster un nouveau sujet   Répondre au sujet    Forums creer-un-site-internet.com -> Mise en page HTML/CSS Les heures sont au format GMT + 1 heure
Page 1 sur 1

Ajouter ce sujet a vos favoris
 
Aller vers:  
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



Analyse referencement site Globalwarming awareness2007  Référencement Manuel Référencement gratuit Kits graphiques pro Liens en Dur Bloc Annuaire
Référencement Dur Backlink Dur Référencement Gratuit Positionnement Web Jeux vidéos gratuit Voyage Inde du sud Combat Oupouaout III Référencement annuaires 118 référencement professionnel


plan du forum
Subsilver ++ ModsphpBB & hacksphpBB Powered by phpBB © 2001, 2007 phpBB Group