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

  • Votes
  • Date
  • Date décroissante
  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 ;) )
    1. modifie :

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

      Sa devrai marché ;)
      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;
        }
        1. Vérifie que dans ton .css il y a pas text-align:left; ( ou right ) au niveau de TopCon et TopSmallBoxCon
          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>
            
            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>