Jump to content

Float doesn't work in FF


sircharlo
 Share

Recommended Posts

Hi, everyone !I have a problem with the CSS float property. I have this HTML:

			 <p class="top"><a href="#Top">Retour à			   l'index</a></p>	 			   <p class="ask"><a class="ask" title="Question?" href=			   "question.html">Vous avez des questions à ce			   sujet?	 			   Cliquez ici</a></p>

and this CSS:

p.top   {   float: left;   text-align: left;   font-size: .9em;   }		 p.ask   {   float: right;   text-align: right;   font-size: .9em;   color: #f751b9;   }				 a.ask   {   color: #f751b9;   float: right;   text-align: right;   }

This gives me this output in IE (which is the one I want):ScreenShot004.pngBut in FF I get this:ScreenShot005.pngHow do I fix this ?Thanks.P.S. If you could also tell me why my link color is the default color even though I specified another, I would apreciate :).

Link to comment
Share on other sites

Thanks for all your help everyone, I found a solution to my problem. Here's my HTML and CSS:

<span class="ask">	 <a class="pink" title="Question?" href="question.html">	 Vous avez des questions à ce sujet?	    Cliquez ici</a></span>      <span class="top"><a href="#Top">Retour à   l'index</a></span>

.top	   {	   float:left;	   vertical-align: top;	   text-align: left;	   font-size: .9em;	   }				 .ask	   {	   text-align: right;	   font-size: .9em;	   color: #f751b9;	   }							 a.pink	   {	   color: #f751b9;	   float: right;	   text-align: right;	   }

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...