css help

Reply

Join Date: Nov 2007
Posts: 15
Reputation: az_master is an unknown quantity at this point 
Solved Threads: 0
az_master az_master is offline Offline
Newbie Poster

css help

 
0
  #1
Apr 6th, 2008
guys i need some help on inserting images in css,particularly background images.
Reply With Quote Quick reply to this message  
Join Date: Mar 2008
Posts: 19
Reputation: PCResolver is an unknown quantity at this point 
Solved Threads: 2
PCResolver PCResolver is offline Offline
Newbie Poster

Re: css help

 
0
  #2
Apr 6th, 2008
Hi,
what help do you need? What are you are trying to achieve?

How do you want your background image to appear?

For instance, is the image a graphic that will repeat horizontally or vertically or is it a photo or something similar that will act as a watermark?
Reply With Quote Quick reply to this message  
Join Date: Feb 2005
Posts: 427
Reputation: autocrat is on a distinguished road 
Solved Threads: 12
autocrat autocrat is offline Offline
Posting Pro in Training

Re: css help

 
0
  #3
Apr 6th, 2008
Please, more information!

Still, for guessing...

Initial Call...
  1. {
  2. background-image: url(images/mypicture.jpg);
  3. }

Is the initial CSS to use.
Please note that the URL can be handled in 2 different ways.
1)Explicit - you use the FULL path to the file... such as from the root directory... images/products/bigimages/happyimage.jpg
2)Relative - the image is in a folder/directory or sub-folder/directory of the CSS file if it is external.

Thus, if you have inline or embedded CSS, then the URL should be Explicit.
If external CSS files are being used, then you can use either Explicit or Relative.


For positioning of the image...
  1. {
  2. background-image: url(path_to_image/file_name.ext);
  3. background-position: H V;
  4. }

The position values can be;
1) Exact - measurements in PX etc.
2) Relative - em/% etc.
3) Text - left/right/center/top/bottom etc.


tiling of the image...

  1. {
  2. background-repeat: repeat_value;
  3. }

The Repeat Value can be;
1) repeat-x - for Horizontal (L to R) tiling/repeating.
2) repeat-y - for Vertical (T to B) tiling/repeating.
3) no-repeat - for no tiling/repeating.

You can also try "fixing" the position... though that can get a little confusing.


Does any of that help?
Last edited by peter_budo; Apr 6th, 2008 at 3:34 pm. Reason: Keep It Organized - please use [code] tags
Sometimes life holds wonderful suprises - shame I sleep through them all.
http://www.choose-easyweb.com - Not my design, nor my idea :)
Reply With Quote Quick reply to this message  
Reply

This thread is more than three months old.
Perhaps start a new thread instead?
Message:



Similar Threads
Other Threads in the HTML and CSS Forum
Thread Tools Search this Thread



About Us | Contact Us | Advertise | DaniWeb | Acceptable Use Policy | RSS Feed

©2003 - 2009 DaniWeb® LLC