Creating landing page / stucked!

[Skubica Mirko]

Hi there!

I’m creating landing page with three images. Since I couldn’t figure out how to tell DIV’s to look like in this design, and i could not make pictures in divs not to go one over another after resizing the window and changing the resoultion i tried and succed it in UL tag. Now those pictures act like i wanted them to be positioned.

Can someone explain to me how can I make the same design with DIVs?

I would like to make some HOVER design and text over them, but i’m feeling shiftless, i cannot figure out how can i do that.
Im searching all over the internet for some good explanation but i could find any yet. Please, it would be wonderfull to resolve this riddle :D

Here is link to see how it looks like: http://tipico.byethost3.com/

Here is CODEPEN link:

http://codepen.io/skubicamirko/pen/tHjci

[Paulie_D]

It’s really not clear what you are asking.

Try narrowing your question down to just one thing.

[Skubica Mirko]

I would like to create the same design but with DIV tags. When i tried to do it with DIV tags i could not make images stand like now.

Top pictures to be centered
and bottom picture to be centered bellow first two pictures.

And when you resize window in UL tags it resize it self, and in divs is not the case.

I’m newbie so i cannot explain well aswell :D

I would like to know how to make the same design i did with UL and LI tags with DIV tags. and then i think i need to write different code in the css, but i don’t know how.

[Paulie_D]

Try narrowing your question down to just one thing.

Take out the ul/li and use divs instead. Frankly this is basic stuff and something you should be able to learn from a site properly dedicated to tutorials.

Try:

https://developers.google.com/web/fundamentals/

or

http://learnlayout.com/

[Skubica Mirko]

thank you on the links.

I’ve just started and i used only codeacademy.com to learn.

Thank you again, i’ll check those sites all the way through ;)

[Author]

Posts