Previous Message
Next Message

converting from in-line to external

Sent by Roger Roelofs on 26 April 2005 01:01


Arnie,

On Apr 25, 2005, at 6:23 PM, Arnie Shafer wrote:

> The problem - I was having problems getting my header, consisting of 
> three img file, to be in the position that I wanted them.  Which was 
> the house on the extreme left, mill on the extreme right and the 
> monogram in the center. Gary sent me some inline code, which worked 
> great.
>
> I felt that I should convert that code to my external css file.  I am 
> having serious problems doing that. the last time I checked everything 
> was bunched in the center.
>
> URL: http://www.abshafer.com/stylemaster/index.html
> CSS is there too: style.css

-----------  html  -------------
<div id="header">
   <p>
    <img id="house" src="images/cshome.jpg" alt="Casper's Home" />
    <img id="mill" src="images/csmill.jpg" alt="Stillwater Mill" />
    <img src="images/csmonogram.jpg" alt="Casper Shaver's Monogram" />
   </p>	
</div>
------------   css  -------------
/* remove everything from your current stylesheet that starts with 
#header (both places) and replace with the following  */
#header {
	padding: 10px;
	background-color: #003333;
}
#header p {
	text-align: center;
}
#header p img {
	height: 125px;
	border: 0;
}
#header #house {
	float: left;
	width: 195px;
	padding-left: 75px;
}
#header #mill {
	float: right;
	width: 20%;
}

hth
Roger,

Roger Roelofs
Know what you value.

______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread: