html - Using background-repeat and background-position together -

-

I am trying to implement a layout on the website. In essence, it involves tiling a background image on the div in which both vertical columns are kept, it seems that both columns move downward.

My columns look like this:

XXXX MMMM XXXX MMMM XXXX XXXX YYYY XXXX YYYY XXXX YYYY XXXX YYYY XXXX YYYY

With a column on the left which goes all the way down the page, but with the menu and at the top of the right column, transparency and stuff ("M"), I just got the wrong column after the actual right column ("Y") I want to start the background, and I want to ignore everything due to the transparency between the menu and the Y-Column.

To do this, I was planning to drop the image below 200 pixels to offset the background image (background-condition: 0 pixel 200 px), it does not work.

I quickly realized that the image is standing repeat in two directions above and above the original offset point, it does not undo the effects of the offset, Recurrence - Y needs to work for the wrong columns.

How can I use background-repeating and background-positioning together to get layout?

Update to update:

< P> Here's my layout:

Ideally, be there and I use the "orange-transparent-pink" image to do the wrong columns for the entire column Can i But if I did this, then there will be a pink background in the green menu, due to which (really stupid, CSS repeat disturbances) and I can make the transparent background of the green menu as transparent PNG, but I Do not want to be repeated in the entire pink column. The background of the site is an image so I can not just create a certain color background in the green menu devils.

It seems that there is a losing position.

As far as I can see, you have two possibilities here:

< Ol>

  • MMMM part two right column has a solid background color then it overlays the duplicate column

  • The background image is not on the container but on YYYY and XXXX columns Set:

    • #XXXXcol {background: url (fake.png) repeats- y left top; } #YYYYcol {background: url (fake.png) duplication-y perfect top; }

    Note the "right" and "left" parts.


    Comments

    Post a Comment

    Popular posts from this blog

    c# - How to capture HTTP packet with SharpPcap -

    -
    I would like to capture all incoming HTTP packets on my machine. To do this, I am using SharpPcap which is a WinPcap The cover is. SharpPcap works very well, but it captures TCP packets and what it wants to do for me is a very low level. Does anyone know how can I easily get full HTTP requests / reactions from all these TCP packets? Thanks SharpPcap is already able to capture the packet in the same way That's what the virus does (just in the code instead of the GUI). And you can either either parse them directly or you can put them in the drive in the common .pcap file format. The steps to parse the capture are: Open a connection at any time Loop a while Or start capturing using an event callback Parsing the raw packet for the type you want If you are reading .PPP dump files In addition to calling you an offline capture reader is almost the same, there is no need to select an interface, and you can set the majority There is no need to do the modes. All st...
    Read more

    php - Multiple Select with Explode: only returns the word "Array" -

    -
    By using Wordpress I have created a multiple selection box so that users can select categories to exclude. When the page is initially loaded, I see my predefined default option. However, when I select a new value and I save ... I only see the word "Array" and have not chosen anything else? & lt; Class = "amultiple" id = "& lt; php echo $ value ['id'] ;? gt;" name = "& gt; php echo $ value ['id'] ;; gt; []" Multiple = "multiple" size = "8" & gt; & Lt ;? Php global option; Foreign currency ($ value as value $) {if (get_settings ($ value ['id']) === FALSE {$$ value ['id'] = $ value ['std']; } And {$$ value ['id'] = get_settings ($ value ['id']); }} $ Ranges = & amp; Amp; Categories ('type = post & orderbiz = name & amp; hide_empty = 1'); If ($ ranges) {$ ex_cat = implode (',', $ tt_cat_exclude); Forex Currency ($ range a...
    Read more

    php - jQuery AJAX Post not working -

    -
    I do not understand why this script does not work. It has something to do within AJAX PostScript / Function. Right now, when I submit my form, it runs php code on the same page. What it should do, send the values ​​of the form for Project_Azax.fp, then there will be a refund of success on the page which is correct or false. $ (document) .ready (function () {$ ('div # didIt'). Hide (); $ ('form [name = adminForm]'). Submit (function () ($ {'.post' ('/ project_ajax.php', {action: $ ('[name = action]') Val (), pId: $ ('[name = pId]'). Val (), name ('[Name = name]'. Val (), url: $ ('[url = url]'). Val (), summary: ('[summary = summary]'). Val ()}, Function (data) {if (data.success) {$ ('div # didIt') .Sliddown ('slow');} and {warning ('unsuccessful SA!');}}, 'Jason'); return false ;});}); What is the code for project_ajax.php below ... if ($ _ POST ['action'] == ...
    Read more