Solved

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

Posted on 2010-08-15
9
559 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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
VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

 
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

Don't Cry: How Liquid Web is Ensuring Security

WannaCry is just the start. Read how Liquid Web is protecting itself and its customers against new threats.

Question has a verified solution.

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

This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

617 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