Yahoo Answers is shutting down on May 4th, 2021 (Eastern Time) and beginning April 20th, 2021 (Eastern Time) the Yahoo Answers website will be in read-only mode. There will be no changes to other Yahoo properties or services, or your Yahoo account. You can find more information about the Yahoo Answers shutdown and how to download your data on this help page.

Background help. HTML?

I am a beginner in HTML and I am working on a little project. What I am trying to do is place two stripes down the right side of my page. I have a logo that I have at the top, and a body and unordered list below that. I dont know how to add the two stripes down the side, I have the two stripes that I want to use, its just when I do the img source it pushes all of my other stuff around. Does anyone know how to place those to stripes along the right side without affected any of my other stuff?

Update:

I think you hit it right on the nose. What I was doing was creating an image with just the two stripes and trying to move that using the {margin-right}....etc.. so i tried to throw that on how you said and it made a tile of just the two stripes, but if I do what you said and create a longer one it will work. I appreciate the quick response. Best answer.

Update 2:

stas, ill try that as well. Thanks guys

Update 3:

turned out great guys, thanks a lot.

4 Answers

Relevance
  • Nerd
    Lv 4
    1 decade ago
    Favorite Answer

    sure

    create a long image where you place a small stripe on the side you want them to appear then

    <html>

    <body background="image.jpg">

    </body>

    </html>

    the idea of creating a long image is to avoid the image being repeated horizontary is in the case we want it repeated vertically

  • ?
    Lv 4
    5 years ago

    Well, technically it is CSS and the code is heritage-attachment: constant; Either upload it inline for your tag as kind="heritage-attachment: constant;" or anywhere else your css is.

  • 1 decade ago

    instead of making a really wide image, you can also do this...

    in the <head> tags, put

    <style type="text/css">

    body

    {

    background-image:url('ImageName.jpg');

    background-repeat:repeat-y;

    }

    </style>

  • 1 decade ago

    try this

    <img src="stripe2" style="float:right; height:100%; width:5px;" alt="" />

    <img src="stripe1" style="float:right; height:100%; width:5px;" alt="" />

Still have questions? Get your answers by asking now.