SEO 1 Links

  SEO Blog
  SEO Forum

  Active Topics
  Register
  Memberlist
  FAQ
  Search




SEO Forums

  SEO Forum
  SEM Forum

  Directories
  Link Networks
  Mod Rewrite
  Content
  Revenue Networks

  Marketing
  Social Bookmarking
  Webmastering

  Google
  Yahoo
  MSN

  Search
  Engines

  Link Exchange



Welcome

Time Now:
Mon Nov 20, 2017 5:16 pm

All times are GMT

Log in

Username:

Password:

 





 





Who is Online



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



Member Websites

Free Sitewide Links
For Top Members





SEO 1 Forums > Webmastering >

How to isolate CSS styles to one area?



Author Thread
skyvia
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
gordon
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
fariadali
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
Steph
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:

#YOURDIVTAG
{
font-family: YOUR CHOSEN FONT
color: YOUR CHOSEN COLOUR
}

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