www.webdeveloper.com
Results 1 to 10 of 10

Thread: Background repeat

  1. #1
    Join Date
    Apr 2003
    Location
    Rosemount, MN
    Posts
    2,287

    Background repeat

    I have an image for my background it is about 1px x 200px. I have the image behind the text, The image also does a horizantal repeat, which I dont want, but I do want it to have the vertical repeat, and that it does have. How do I remove the hroizantal repeat?
    Code:
    #hbgimg {
            background-image: url('images/HEADER.PNG');
            background-position: right;
            font-size:14px;
            font-weight:bold;
    }
    My settings

    Browser :: FireFox 1.5
    Resolution :: 1152x864
    Connection :: Cable Modem 2Mbs

  2. #2
    Join Date
    Aug 2005
    Posts
    124
    Code:
    #hbgimg {
            background-image: url('images/HEADER.PNG');
            background-position: right;
            background-repeat: repeat-y;
            font-size:14px;
            font-weight:bold;
    }
    pointfiftyae

  3. #3
    Join Date
    Jun 2004
    Location
    4846′36″ N 910′48″ E
    Posts
    3,747
    or shorthand
    Code:
    #hbgimg{
           background: url(images/HEADER.PNG) top right repeat-y;
    }

  4. #4
    Join Date
    Aug 2005
    Posts
    124
    Shouldn't there be quotes around the image url ?
    pointfiftyae

  5. #5
    Join Date
    Apr 2003
    Location
    Rosemount, MN
    Posts
    2,287
    thank you
    My settings

    Browser :: FireFox 1.5
    Resolution :: 1152x864
    Connection :: Cable Modem 2Mbs

  6. #6
    Join Date
    Jun 2004
    Location
    4846′36″ N 910′48″ E
    Posts
    3,747
    no quotes
    it not supported by some browsers i heard

  7. #7
    Join Date
    Aug 2005
    Posts
    124
    Aha? which browsers?
    pointfiftyae

  8. #8
    Join Date
    Jun 2004
    Location
    4846′36″ N 910′48″ E
    Posts
    3,747
    i would actually need a confirmation or an amen for that, because i just checked the w3c CSS specs and couldn't find anything like that...so assume was wrong

  9. #9
    Join Date
    Jun 2004
    Location
    4846′36″ N 910′48″ E
    Posts
    3,747
    fang are you around?

  10. #10
    Join Date
    Sep 2005
    Posts
    114
    Quote Originally Posted by pointfiftyae
    Shouldn't there be quotes around the image url ?
    Doesn't matter. It's optional. Don't know of a browser not supporting it though.

    CSS spec <Quote>4.3.4 URL + URN = URI
    URLs (Uniform Resource Locators, see [RFC1738] and [RFC1808]) provide the
    address of a resource on the Web. An expected new way of identifying resources
    is called URN (Uniform Resource Name). Together they are called URIs (Uniform
    Resource Identifiers, see [URI]). This specification uses the term URI.
    URI values in this specification are denoted by <uri>. The functional notation
    used to designate URIs in property values is "url()", as in:
    Example(s):
    BODY { background: url("http://www.bg.com/pinkish.gif") }
    The format of a URI value is ’url(’ followed by optional whitespace [p. 37]
    followed by an optional single quote (') or double quote (") character followed by
    the URI itself, followed by an optional single quote (') or double quote (") character
    followed by optional whitespace followed by ')'. The two quote characters
    must be the same.
    46</Quote>

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles