SEO 1 Links

  SEO Blog
  SEO Forum

  Active Topics

SEO Forums

  SEO Forum
  SEM Forum

  Link Networks
  Mod Rewrite
  Revenue Networks

  Social Bookmarking



  Link Exchange


Time Now:
Sat Jan 20, 2018 3:29 am

All times are GMT

Log in





Who is Online

Most users ever online in a day was 2917 on Thu Oct 25, 2007 4:43 pm

Member Websites 8
Commodity Tips 2

Free Sitewide Links
For Top Members

SEO 1 Forums > Webmastering >

How to isolate CSS styles to one area?

Author Thread
Preferred Member

Joined: 24 Jan 2011
Good Posts: 110

How to isolate CSS styles to one area?  Reply with quote  

I have ran into the issue of conflicting CSS styling a few times now and would like to know if there is any way other than an iframe to isolate the css styling to one area of the web page without that css affecting other areas of the page.

For example you have a html & css code provided by a third party for a search or sale box to be embedded into your webpage but their css conflicts with your pages css. You could use an iframe but the search box has drop down menus that would be cut off after the iframe area, etc. etc.

Is there any way to build a designated area of the page which keeps the CSS in that area separate from all other areas of the page, i.e. your main pages stylesheet?

"rosetta stone russian
Rosetta Stone Spanish"
Post Mon Mar 21, 2011 8:40 am
 View user's profile Send private message Visit poster's website
New Member

Joined: 12 Jul 2011
Good Posts: 3

 Reply with quote  

i think placing others stylesheet on top of ur stylesheet might help unless 'important' is not used in any of the previous stylesheets
Post Mon Jul 18, 2011 9:32 am
 View user's profile Send private message
Full Member

Joined: 08 Mar 2013
Good Posts: 65

 Reply with quote  

I don't understand your specific problem. Have you tried creating it in a div? other than iframes you can use frames as well
Post Mon May 20, 2013 12:42 pm
 View user's profile Send private message
Senior Member

Joined: 12 May 2011
Good Posts: 261

 Reply with quote  

CSS styling is applied to the div that is named appropriately. There are a couple of ways this can be done within the html, you will need to use code similar to this:

<div id="YOURDIVTAG">Your text goes in here</div>

Then in the css you will provide the styling in this type of way:

font-family: YOUR CHOSEN FONT

Hope this helps

Consumer Marketing
Post Tue Jun 11, 2013 1:32 pm
 View user's profile Send private message Visit poster's website

Reply to topic
Jump to:  
Display posts from previous:      

SEO 1 © 2005-2015 - SEO 1 the SEO Forum