Solved

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

Posted on 2010-08-15
9
555 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
PRTG Network Monitor: Intuitive Network Monitoring

Network Monitoring is essential to ensure that computer systems and network devices are running. Use PRTG to monitor LANs, servers, websites, applications and devices, bandwidth, virtual environments, remote systems, IoT, and many more. PRTG is easy to set up & use.

 
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

Microsoft Certification Exam 74-409

Veeam® is happy to provide the Microsoft community with a study guide prepared by MVP and MCT, Orin Thomas. This guide will take you through each of the exam objectives, helping you to prepare for and pass the examination.

Question has a verified solution.

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

CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
Find out what you should include to make the best professional email signature for your organization.
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 …
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…

810 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