manual css override, when external css exists

**readycarpenter** · January 16th, 2010

I have an external css file
with...

Code:

#bg {
	margin:0 auto;
	padding:0;
	background:transparent ;
	background-image: url( bg.jpg ) ;
 	background-repeat:no-repeat;	
	background-position: center top ;
}

in my html i use

Code:

<div id="bg">

it works fine, but I want to manually override the background image without changing the external css

**aklo** · January 16th, 2010

<html>
<head>
<link rel="stylesheet" type="text/css" href="default.css">
<style type="text/css">
#bg {
margin:0 auto;
padding:0;
background:transparent ;
background-image: url( bg.jpg ) ;
background-repeat:no-repeat;
background-position: center top ;
}

</style>
</head>

Place it IN your html file.

This is called internal css.

There is another method called inline css.

<div style="background-image:url(bg.jpg);">

External
Internal (This overrides external)
Inline (This overrides the above 2)

</html>

**readycarpenter** · January 16th, 2010

thank you, inline is what i was looking for. this worked for only overriding the background-image

Code:

        <div id="bg" style="background-image:url(bg.jpg);">

Thread: manual css override, when external css exists

Thread Tools

Display

manual css override, when external css exists

Re: manual css override, when external css exists

Re: manual css override, when external css exists

Bookmarks

Bookmarks

Posting Permissions