html - fixed navigation with image repeat-x -
I am struggling to fix my navigation bar and at the same time repeat "repeat-x" should be. Below is an image of the result while using CSS.
Here's the CSS code (navigation bar) included in the TopLink.
.toplinks {/ * float: right; * / {Vb: stylevar right}: {vb: math {vb: stylevar padding} * 2}; Color: {vb: StyleWire toplinks_link_color}; Font: {vb: stylevar header_font}; Align text: {vb: stylevar right}; Background: {vb: StyleWire toplinks_background}; Padding-top: 10px; Height: 35px; Background-attachment: scroll; Background-image: url ({vb: stylewire_exe_miss} /top-links-bg.jpg); Double-repeat: repeat-x; Background-position: left top; Background color: # 633f24; Z-index: 20; Status: fixed; } The navigation bar was not created by me, but I added "status" and "z-index". I want to go to the page with the repetitive x
Is it possible, if you can help me?
Try setting the element containing the position: relative; Then set the left: 0;
It is not necessary that the repetition-X looks like a problem, and also that your element is being pushed.
Edit:
.toplinks {color: # eee2d6; Font: normal general normal 11px aerial, Tahoma, calibri, vardana, geneva, non serif; Text align: right; Background: None; Padding-top: 10px; Height: 35px; Background-attachment: scroll; Background image: URL (http://a-trix.net/forum/images/primus/sandy/misc/top-links-bg.jpg); Background-position: left top; Double-repeat: repeat-x; Background color: # 633f24; Status: fixed; Width: 100%; Z-index: 1000; }
Comments
Post a Comment