How do you use images as backgrounds in a layer?
- jlknauff
- Expert
- Joined: May 18, 2004
- Posts: 502
- Loc: Florida
- Status: Offline
June 17th, 2004, 12:19 pm
- Anonymous
- Bot
- Joined: 25 Feb 2008
- Posts: ?
- Loc: Ozzuland
- Status: Online
June 17th, 2004, 12:19 pm
- rtm223
- Mastermind
- Joined: Mar 24, 2004
- Posts: 1855
- Loc: Uk
- Status: Offline
June 17th, 2004, 12:44 pm
jlknauff wrote:
I'm trying to rebuild my pages with css and I have one thing left to make it 100% valid-using a bg image in a layer is htrowing an error:
Property layer-background-image doesn't exist : url(img/cata-bg-g.jpg)
Property layer-background-image doesn't exist : url(img/cata-bg-g.jpg)
Do you mean in a div? I can't see that bit of code anywhere.
Code: [ Select ]
background-image:url(img/cata-bg-g.jpg);
should be fine
Quote:
Does anyone know of a way to do this that is valid css? I know I can just put the img in a layer (vs using it as a bg) and throw another layer ober top of it, but I don't think it is very efficient.
yeah, what I said above
and you are right it's not efficient.
Quote:
Another thing I want to try to do is let users change text size like in http://www.inc.com (buttons to do that are near the top right corner). Anyone know how this works?
This would be done using javascript But, the best way to let someone change your font - sizes is to change:
Code: [ Select ]
p.one {font: 9pt Arial, Helvetica, sans-serif;
}
}
- p.one {font: 9pt Arial, Helvetica, sans-serif;
- }
to
Code: [ Select ]
p.one {font: 80% Arial, Helvetica, sans-serif;
}
}
- p.one {font: 80% Arial, Helvetica, sans-serif;
- }
I like 80% but change it to whatever. that way, someone with bad eyesight can just change it themselves (which they will prabably have changed in their default preferences. Also, handy shortcut is ctrl-mousewheel to test variable text sizes.
Never use px to specify font sizes. Use pt only for print styles, pt's don't go to well on the screen.
The javascript version would probably use a percentage size on the body, then other percentages on the inner elements. Then alter the body only in javascript. The other elements will then inherit accordingly.
Bear in mind that if you have nested elements, the percentages will be cumulative. eg:
Code: [ Select ]
div{font-size:80%}
....................
<div>
Hello
<div>
this is
<div>
a demonstration
</div>
</div>
</div>
....................
<div>
Hello
<div>
this is
<div>
a demonstration
</div>
</div>
</div>
- div{font-size:80%}
- ....................
- <div>
- Hello
- <div>
- this is
- <div>
- a demonstration
- </div>
- </div>
- </div>
the word "hello" would be at 80%, "this is" at 64% and "a demonstration" would be at *thinks* 51.2%
BTW, the PM you sent me - I wil get round to it properly after my exam. TBH you will learn more by soldiering on
but yeah I will get round to giving you some pointers next week.
CSS website design tutorials
- jlknauff
- Expert
- Joined: May 18, 2004
- Posts: 502
- Loc: Florida
- Status: Offline
June 17th, 2004, 12:56 pm
- rtm223
- Mastermind
- Joined: Mar 24, 2004
- Posts: 1855
- Loc: Uk
- Status: Offline
June 17th, 2004, 1:03 pm
CSS website design tutorials
- jlknauff
- Expert
- Joined: May 18, 2004
- Posts: 502
- Loc: Florida
- Status: Offline
June 17th, 2004, 1:11 pm
Page 1 of 1
To Reply to this topic you need to LOGIN or REGISTER. It is free.
Post Information
- Total Posts in this topic: 5 posts
- Users browsing this forum: No registered users and 106 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
