Solved

Two HTML div's wont go side by side using CSS float

Posted on 2010-08-15
9
556 Views
Last Modified: 2012-05-10
Please visit the website below, also note the attached picture. I want the twitter & facebook icons to line up side by side. Please assist with CSS/HTML code.

http://www.fixationracing.com
Untitled-3.jpg
0
Comment
Question by:TonyCabone
  • 3
  • 2
  • 2
  • +2
9 Comments
 
LVL 8

Expert Comment

by:pdd1lan
ID: 33439749
both images look lining up for me in both browsers (FireFox and IE8).
what version of your browsers? just curious
0
 

Author Comment

by:TonyCabone
ID: 33440078
Ah I am sorry, after refreshing my browser I see it works.
0
 

Author Comment

by:TonyCabone
ID: 33440099
If you could instead tell me how to edit the are below that says "Find us on Facebook" I will gladly award points.
0
Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

 
LVL 9

Expert Comment

by:Snarfles
ID: 33440595
What do you want to edit in the 'find us on facebook' bit?
0
 

Author Comment

by:TonyCabone
ID: 33442628
I would like to add a small image with a link (to facebook) but it appears the CSS is created by facebook themselves... any ideas or am I stuck?
0
 
LVL 9

Accepted Solution

by:
Snarfles earned 150 total points
ID: 33442753
Sorry, I'm still not sure what you are wanting.

Just because something is created by another site or a plugin never means you can't edit it. What you do is create another stylesheet with the elements you want different to the default and if it is after the declaration from the other site then it will be applied last.

See this page for more of an explanation.
http://webdesign.about.com/od/advancedcss/a/aa062706.htm

As far as adding a link into the 'find us on facebook' section goes, you cannot add links with css, only style them. You would need to access the code that generates the html in order to add the <a> tag or you need to create your link outside of that area.
0
 
LVL 13

Assisted Solution

by:qwerty021600
qwerty021600 earned 30 total points
ID: 33443221
If u want to edit the text, u can simply do that like this
<div class="lfloat"><div class="fbWidgetTitle fsl fwb fcb">Find us on the Facebook</div></div>
0
 
LVL 13

Expert Comment

by:qwerty021600
ID: 33443225
Call <img> tag with the text Find us in the Facebook.
0
 
LVL 4

Assisted Solution

by:Morrisproject
Morrisproject earned 20 total points
ID: 33445006
You need to find the component or plugin used and the files associated with it via an FTP/SSL program and make the changes to the page as necessary. Changing the images can be done via CSS with overrides.

As another note, I would test your hover over for the menu in FF, this needs sorting too :)
0

Featured Post

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article discusses how to create an extensible mechanism for linked drop downs.
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

808 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question