Few questions towards Web development

Hey guys,

I am not really good in coding had basic html knowledge which i forgot long long ago im interested to learn it again however as for now I am just interested in creating a landing page which would be in psd/ html

my questions are

1: My backround image keeps repeating over the screen if i zoom out as the image is the size of my screen i guess other people would have it the repeated image on screen with a biger monitor size, how do i prevent repeatable image or is there a way to make image bigger and make it fill by itself ?

2: Assigning the position of images, I know this question can be found however,As the screen/monitor sizes are different how do i assign a image that sticks to same spot for all monitor sizes ?

3: I want to add Arrow effects- back- front for my images for e.g in the sides of image, how do i make it ?

Thanks in advance for the support...

Hi,

here are some answers to your questions:

1) To avoid repeating you should set background-repeat with css to no-repeat like:
.yourClass {
background-repeat: no-repeat;
}

To fill any image to max width/height of browser content is not possible for now.

2) This question is depending on your style. With the css attribute "position" you can stick it to a relative or absolute relation to your content.

3) ?? didn't understand the question

Quote:

Originally Posted by Mikesch01 1) To avoid repeating you should set background-repeat with css to no-repeat like: .yourClass { background-repeat: no-repeat; } To fill any image to max width/height of browser content is not possible for now.

It is possible using the CSS3 method background-size:cover or background-size:contain.

For the arrows, you can simply add another image and position it with position absolute and possibly increase the zindex of the arrow image using css.