Pobleme alignement

Bonjour,

J ai un petit problème, j'ai essayé plein de possibilité sans succès , j'aimerais que mes liens soit alignés sur ma page, pouvez vous m aider?

CODE:

<div id="MainCon">

<div id="SeparatorCon"></div>
<div id="BannerCon"></div>

<div id="TopCon">
<div class="TopSmallBoxCon" style="border-right: 1px solid white;">

 
<a href="/accueil">Accueil</a>
 
<a href="/actualite">Les News</a>
 
<a href="/noyau">Le Noyau</a>
 
<a href="/match">Les Matches</a>
 
<a href="http://telesambre.rtc.be/index.php?option=com_search&Itemid=99999999&searchword=olympic&searchphrase=any&ordering=newest" target="_blank">Les Vidéos</a>
 
<a href="/sponsors">Sponsors</a>
 

</div>

</div>
Configuration: Windows XP
Firefox 3.0.14

9 réponses

  1. Salut :)

    <div align="center">
    <a href="/accueil">Accueil</a>
     
    <a href="/actualite">Les News</a>
     
    <a href="/noyau">Le Noyau</a>
     
    <a href="/match">Les Matches</a>
     
    <a href="http://telesambre.rtc.be/" target="_blank">Les Vidéos</a>
     
    <a href="/sponsors">Sponsors</a> 
    </div>
    0
    1. j'avais déja essayé, ca ne marche pas...

      voici le code complet

      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
      <html>
      <head>
      	<link href="/css/css.css" rel="stylesheet" type="text/css">
      	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
      	<meta name="Description" content="{DESCRIPTION}">   
      	<meta name="Keywords" content="{KEYWORD}">
      	<link rel="shortcut icon" href="favicon.ico" />
      	<link rel="icon" type="image/png" href="/favicon.png">
      	<title>{TITLE}</title>
      </head>
      <body>
      	<div id="MainCon">
      
                      <div id="SeparatorCon"></div>
      	        <div id="BannerCon"></div>
      		
      		<div id="TopCon">
      			<div class="TopSmallBoxCon" style="border-right: 1px solid white;">
      				
      				<div align="center">
      				&nbsp;
      				<a href="/accueil">Accueil</a>
      				&nbsp;
                                      <a href="/actualite">Les News</a>
      				&nbsp;
      				<a href="/noyau">Le Noyau</a>
      				&nbsp;
      				<a href="/match">Les Matches</a>
      				&nbsp;
      				<a href="http://telesambre.rtc.be/index.php?option=com_search&Itemid=99999999&searchword=olympic&searchphrase=any&ordering=newest" target="_blank">Les Vidéos</a>
      				&nbsp;
      				<a href="/sponsors">Sponsors</a>
      				&nbsp;
      				</div>
      
      			</div>
      			
      
      
      
      			
      		</div>
      		
      		<div id="ContentCon">
      			<div class="ColCon" style="margin-top:7px;">
                                               
      
      
      				<div class="SmallBox">
      					<div class="TitleSmallBox">
      						Saison 2009-2010
      					</div>
      					<ul class="menuUl">
      						<li class="menuLi"><a href="/noyau">Le Noyau</a></li>
      						<li class="menuLi"><a href="/match">Les Matches</a></li>
                                                      <li class="menuLi"><a href="http://telesambre.rtc.be/index.php?option=com_search&Itemid=99999999&searchword=olympic&searchphrase=any&ordering=newest" target="_blank"><strong>Les Vidéos</strong></a></li>
      						<li class="menuLi"><a href="/actualite">Toutes les nouvelles</a></li>
      					</ul>
      				</div>
      				&nbsp;
      				<div class="SmallBox">
      					<div class="TitleSmallBox">
      						Le Club
      					</div>
      					<ul class="menuUl">
      						<li class="menuLi"><a href="/acces-au-stade">Accès au stade</a></li>
      						<li class="menuLi"><a href="/Toegang-naar-het-stadium">Toegang naar het stadium</a></li>
      						<li class="menuLi"><a href="/histoire">Histoire</a></li>
      						<li class="menuLi"><a href="http://www.roccm.be" target="_blank">L'école des jeunes</a></li>
      						<li class="menuLi"><a href="/organigramme">Organigramme</a></li>
      						<li class="menuLi"><a href="/palmares">Palmarès</a></li>
      						<li class="menuLi"><a href="/les-benevoles">La parole à nos bénévoles</a></li>
      						<li class="menuLi"><a href="/presentation-de-l-olympic">Présentation</a></li>
      					</ul>
      				</div>
      				&nbsp;
      				<div class="SmallBox">
      					<div class="TitleSmallBox">
      						Commercial
      					</div>
      					<ul class="menuUl">
      						<li class="menuLi"><a href="/business-seat">Business Seats</a></li>
      						<li class="menuLi"><a href="/club-246">Club 246</a></li>
      						<li class="menuLi"><a href="/package-commercial">Packages commerciaux</a></li>
      						<li class="menuLi"><a href="/presentation-business-de-l-olympic">Présentation du club</a></li>
      					</ul>
      				</div>
      				&nbsp;
      				<div class="SmallBox">
      					<div class="TitleSmallBox">
      						Divers
      					</div>
      					<ul class="menuUl">
      						<li class="menuLi"><a href="/contact">Contact</a></li> 
      						<li class="menuLi"><a href="/le-foot-est-une-fete">Le football, une fête !!</a></li> 
      						<li class="menuLi"><a href="/reglement-d-ordre-interieur">Règlement d'ordre intérieur</a></li>
      						<li class="menuLi"><a href="/ivoire-academie">Ivoire Académie</a></li>
      					</ul>
                                               
                                               
                                               
      						</div>
                                                      &nbsp;
                                               <div class="SmallBox">
      					<div class="TitleSmallBox">
      					sondage</div>
      				{SURVEY}
      			</div>
      			
      				
      			</div>
      			<div id="CentralColCon">
      				{CONTENT}
      			</div>
      			<div class="ColCon" style="margin-top:7px;">
      				{LAST_MATCH}
      				&nbsp;
      				{NEXT_MATCH}
      				&nbsp;
                                     
                                    
      				
      				&nbsp;
      				{SCORER}
      				&nbsp;
      				{RANKING}
                                      &nbsp;
      				{NEWS_2_HOT}
      <!--
      				&nbsp;
      				{SCORED2}
      -->
      			</div>
      			<div style="clear:both;">&nbsp;</div>
      		</div>
      	</div>
      	<div id="BottomCon">
      		Code &amp; Design: Damien - Tous droits réservés
      	</div>
      	
      	<script type="text/javascript">
      		var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
      		document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
      		</script>
      		<script type="text/javascript">
      		var pageTracker = _gat._getTracker("UA-383433-7");
      		pageTracker._initData();
      		pageTracker._trackPageview();
      	</script>
      </body>
      </html>
      
      0
      1. Vérifie que dans ton .css il y a pas text-align:left; ( ou right ) au niveau de TopCon et TopSmallBoxCon
        0
        1. effectivement, ce n est pas moi qui ai fait le css, si je le modifie ca risque de poser d'autres problèmes?

          .TopSmallBoxCon
          {
          width: 477px;
          height: 20px;
          float: left;
          }
          0
          1. modifie :

            .TopSmallBoxCon
            {
            width: 477px;
            height: 20px;
            float: left;
            text-align:left;
            }

            Sa devrai marché ;)
            0
            1. non, ca ne fonctionne pas :-(
              0
              1. quelqu'un à une solution?
                0
                1. A faire des up toutes les 10minute personne va te répondre ;)

                  La comme sa je peut pas t'aidai désolé ;) ( pas le temps de regarder tous ton .css donc je le demande pas ^^ mais tu peut toujours le posté au cas ou quelqu'un tombe sur le sujet ;) )
                  0