Solved

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

Posted on 2010-08-15
9
553 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
Top 6 Sources for Identifying Threat Actor TTPs

Understanding your enemy is essential. These six sources will help you identify the most popular threat actor tactics, techniques, and procedures (TTPs).

 

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

How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

Join & Write a Comment

Suggested Solutions

This article discusses four methods for overlaying images in a container on a web page
This article discusses how to create an extensible mechanism for linked drop downs.
In this Micro Tutorial viewers will learn how to create a CSS image sprite (In a later tutorial, viewers will learn how to use CSS and HTML to create a navigation menu using this sprite) Open a new Photoshop document with a width of (Icon width)x(N…
In this tutorial viewers will learn how to customize the background color and font color of highlighted text using the ::selection element in CSS Begin by defining the selected text as an element in CSS by typing "::selection": Style the ::selection…

707 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

14 Experts available now in Live!

Get 1:1 Help Now