Sunday, October 25, 2009

CAS208 midterm...walt



(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/

2 comments:

  1. Hey Walt,

    I 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);

    ReplyDelete
  2. Aahhhh....I probably spent hours straining my remaining synapses trying to figure that out...

    thanks!
    walt

    ReplyDelete

Note: Only a member of this blog may post a comment.