Jump to content

Float doesn't work in FF


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 post
Share on other sites

Try adding "clear:none;" to the paragraph styles

Link to post
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 post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...