943,561 Members | Top Members by Rank

Ad:
Apr 6th, 2008
0

css help

Expand Post »
guys i need some help on inserting images in css,particularly background images.
Similar Threads
Reputation Points: 10
Solved Threads: 0
Newbie Poster
az_master is offline Offline
15 posts
since Nov 2007
Apr 6th, 2008
0

Re: css help

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?
Reputation Points: 10
Solved Threads: 3
Newbie Poster
PCResolver is offline Offline
24 posts
since Mar 2008
Apr 6th, 2008
0

Re: css help

Please, more information!

Still, for guessing...

Initial Call...
css Syntax (Toggle Plain Text)
  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...
css Syntax (Toggle Plain Text)
  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...

css Syntax (Toggle Plain Text)
  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
Reputation Points: 63
Solved Threads: 12
Posting Pro in Training
autocrat is offline Offline
427 posts
since Feb 2005

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.
Message:
Previous Thread in HTML and CSS Forum Timeline: HTML Link Problem.
Next Thread in HTML and CSS Forum Timeline: CSS drop menu work in FFox not IE





About Us | Contact Us | Advertise | Acceptable Use Policy
Forum Index | Build Custom RSS Feed


Follow us on Twitter


© 2011 DaniWeb® LLC