intfiction.org

The Interactive Fiction Community Forum
It is currently Sun May 19, 2013 11:44 am

View unanswered posts | View active topics


Board index » Authoring » Other Development Systems

All times are UTC - 6 hours [ DST ]



Post new topic Reply to topic  Page 1 of 1
  [ 3 posts ] 
  Print view Previous topic | Next topic 
Author Message
conradcook
PostPosted: Sun Mar 25, 2012 11:15 am 
Offline
User avatar

Joined: Fri Jan 27, 2012 2:34 pm
Posts: 271
Location: Boston
I'm trying to create a background image that will serve as a watermark, and I'm finding html has changed greatly since I last knew.

Any thoughts?

Rant: show
Code:
 <head>
  <meta http-equiv="Content-type" content="text/html; charset=utf-8">
  <title>Birdseed, by Conrad Cook</title>
  <style type="text/css"> 
html {

   Background-color: #442200;
   Background-image: url(birdcage_1.jpg) repeat center center fixed; <!-- ~ error-->
 }
body {
    Opacity: 0.95;
   Font-size: 1.1em;
   Width: 80ex;
   Margin: 5ex auto;
   Padding: 5ex;
   Background-color: #885522;
   Color: white;
   Border: 1px solid black;
   Border-right-width: 2px;
   Border-bottom-width: 2px;
   -webkit-box-shadow: 3px 3px 3px #999999;
   -moz-box-shadow: 3px 3px 3px #999999;
   Box-shadow: 3px 3px 3px #999999;
   Font-family: serif;
   Position: relative;
}
a { Color: #000000; }
a.external { Font-variant: small-caps; }
a.external:visited { Color: #990066; }
h1, h2, h3, h4, h5, h6 { Font-weight: bold; Font-family: sans-serif; }
h1 { Font-size: 1.6em; Border-bottom: 1px solid black; Text-align: center; }
h2 { Font-size: 1.5em; }
h3 { Font-size: 1.4em; }
h4 { Font-size: 1.3em; }
h5 { Font-size: 1.2em; }
h6 { Font-size: 1.1em; }
#transcript table { Margin: 1em auto; }
#transcript th, #transcript td {
   Margin: 0; Padding: 0.5em;
   Border: 1px solid #808080; Border-collapse: collapse;
}
#transcript th { Color: #ffffff; Background-color: #808080; Font-family: serif; }
#transcript hr { Color: #808080; }
address { Font-size: 0.9em; Text-align: center; }
dt { Font-weight: bold; }
  </style>
 </head>

_________________
http://tiltedcandle.wordpress.com
Top
 Profile Send private message  
 
Juhana
PostPosted: Sun Mar 25, 2012 11:28 am 
Offline

Joined: Tue Dec 25, 2007 10:06 am
Posts: 887
background-image takes only one parameter, the URL of the image. You're probably thinking of the background shorthand property. Also, the background-attachment property (fixed) should be listed before the background-position property, although the order is probably practically irrelevant.

Code:
html {
    background: url(birdcage_1.jpg) #442200 repeat fixed center center;
}

_________________
Vorple UI library — Beta testing site — Blog
Top
 Profile Send private message  
 
conradcook
PostPosted: Sun Mar 25, 2012 7:02 pm 
Offline
User avatar

Joined: Fri Jan 27, 2012 2:34 pm
Posts: 271
Location: Boston
That did indeed work. Many thanks, Juhana!


Conrad.

_________________
http://tiltedcandle.wordpress.com
Top
 Profile Send private message  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  Page 1 of 1
  [ 3 posts ] 

Board index » Authoring » Other Development Systems

All times are UTC - 6 hours [ DST ]

Who is online

Users browsing this forum: No registered users and 0 guests

You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
Powered by phpBB® Forum Software © phpBB Group