
(Noe: Two "web" sites are uploaded to server: one with CSS and one without. See request for help below).
Image modifications:
For the original Banner image...I used levels.
Deschutes image...levels.
Jefferson...curves.
Lake_basin...curves.
Matterhorn (the one in Eagle Cap Wilderness)...auto_constrast.
Sisters...Levels & curves.
Text...stroke.
To pull in each image piece, I used the elliptical marquee tool with a feather of 15px. I used trial & (lotsa) error for the sizing of the ellipse.
Did it meet my goals? Nope. Wanted to do something else...but didn't have the images for it. (But maybe I could make use of my resultant image in my less than stellar personal web site)
HELP...!!!...:
Lotsa problems with the css: could not get the banner to show unless I put it in the index.html as an image tag. Putting that same image in the style.css as a background did not work for me (it's still there but not working). Any thoughts/suggestions/help out there? Code as follows:
***index.html***with brackets changed so this blog will $#@! display****
(!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd")
(html xmlns="http://www.w3.org/1999/xhtml")
(head)
(meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /)
(title)Oregon At High Altitude(/ title)
(link rel="stylesheet" type="text/css" href="css/style.css" /)
(/head)
(body id="wrapper")
(div id="masthead")
(img src="images/oregon_high.jpg" height=100 width=780 /)
(/div)
(div id="textbox")
(br /)(br /)
Lorem ipsum...etc
(/div)
(/body)
(/html)
******************css/style.css*****************
#wrapper{
width: 780px;
margin: 0 auto;
text-align: left;
}
#masthead {
background-color:#808080;
background-image: url(image/oregon_high.jpg);
background-position:center top;
background-repeat:no-repeat;
}
#textbox {
height: 300;
}
***************************************
Oh yeah...the "Lorem ipsum" thing is pretty cool. Go to
http://www.lipsum.com/
Hey Walt,
ReplyDeleteI tried out your code, and I think you may have a typo in your CSS. In the line below, the folder 'image' should be 'images'.
background-image: url(image/oregon_high.jpg);
Aahhhh....I probably spent hours straining my remaining synapses trying to figure that out...
ReplyDeletethanks!
walt