Solved

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

Posted on 2010-08-15
9
554 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
 
LVL 9

Expert Comment

by:Snarfles
ID: 33440595
What do you want to edit in the 'find us on facebook' bit?
0
Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

 

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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

Suggested Solutions

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.
This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
The viewer will learn the basics of jQuery including how to code hide show and toggles. 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…

914 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

Need Help in Real-Time?

Connect with top rated Experts

19 Experts available now in Live!

Get 1:1 Help Now