Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Sep 2007
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Reposition the image that repeats along the x-axis

    Hi
    I have used CSS to diplsy images around my text
    However the topband (repeat-x) is rather too much on top (of what i have in mind)
    I want this to be positioned just adjacent to the first yellow band ( repeat-y)
    Please see attched txt file and jpg file

    Plase save the txt file as html to view the image positioning

    Left me know if i have not made myself clear

    the text that is being enclosed may be just a few lines or 1-3 paragraphs.. hence i cannot use a "fixed" picture
    So the yellow band seen is infact a repeated image (repeat-y)
    while the top band is also a repeat-x image

    What do think,.. would it be possible to reposition my topband img ( small rect in a grey background) at the position indicated in the jpeg and then repeat it along the x axis ? ? ?

    Any help is great help
    thanks in advance
    Attached Thumbnails Attached Thumbnails Reposition the image that repeats along the x-axis-topband_position.jpg  
    Attached Files Attached Files

  • #2
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,915
    Thanks
    6
    Thanked 1,040 Times in 1,013 Posts
    Your code is far from semantic and also it doesn’t really help us to help you because we don’t see what actually is the image you are talking about (no file name, no comment, nothing indicates it). The best would be if you uploaded your page somewhere for us to look at and there we can also inspect your source code (and FYI: using the small '#' button in the reply window you can post your code here rather than attaching it as file).

    What I do see is that you are only using top, left, right, center, bottom values for the image position. There’s more than that. You can use any numeric value and any unit that is allowed in web development (i.e. em, px, cm, in, %, …) to position your image exactly where you want. For example background-position: 10px 20px; would offset the image by 10px from the left and 20px from the top.

    Also, to get you started on proper coding: your document is lacking a doctype declaration. And only use HTML or XHTML strict.

  • #3
    New to the CF scene
    Join Date
    Sep 2007
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thank you sooo much for the links and
    background-position: 10px 20px
    .. i did not know about this
    i will read though the links and getback to you

    Thank you gain
    Deepa


  •  

    Posting Permissions

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