[vassilis]

So it's actually(officially) my first work on a website. I am making a basketball game(free-for-all) and i am going to create a website for it. Here is my first webpage which gives info about the Leagues and the Teams it contains! Any Feedback would be appreciated

League & Teams Info WebPage


Tab Icon


User hovers over a team information.


If you scroll down you see more teams.


UPDATE:

P.S(2):It's my first work so be kind to me i am trying to be better. Any feedback would be appreciated.

[Karan007]

Great for your first one.

[HydraHumza]

Not Bad..

[SpikY_]

Looks well designed. Good work!

[K0P]

Good Job
You can use <hr> function in html for those lines (sorry if im wrong :P)

[Kapersky™]

Looks appealing. This will get more better I know! Keep going.

[MicroKyrr]

Q:How to resize image?
A:Use photoshop and resize it or use http://www.simpleimageresizer.com/ without losing quality. After that , upload it again on imgur

[GWMPT]

Quote:

Originally Posted by vassilis P.S:How to resize images? P.S(2):It's my first work so be kind to me i am trying to be better. Any feedback would be appreciated.

You can perform resizes in Photoshop, or using CSS / parameters of the img element.
For example, if you add an image with width="100%", it will set the full width(if exists) of the container.
height="100%" will set the full height(if exists) of the container.
It would look something like:

Код HTML:

<img src="..." alt="image" width="100%" />
<!-- or -->
<img src="..." alt="image" height="100%" />

If you're adding the image as a background-image of the elements, you can use something like:

Код HTML:

background-image: url(...);
background-size: contain; /* If you want to maintain aspect ratio */
background-size: cover; /* If you want to fill the whole container, and don't care about the aspect ratio */

While using CSS with these settings, it would be a good idea to set the image position to the middle of the container.

Код HTML:

background-position: middle center;

[vassilis]

Quote:

Originally Posted by Karan007 Great for your first one.

Thank you Karan!

Quote:

Originally Posted by MicroKyrr Q:How to resize image? A:Use photoshop and resize it or use http://www.simpleimageresizer.com/ without losing quality. After that , upload it again on imgur

Umm ook thank you.

Quote:

Originally Posted by Kapersky™ Looks appealing. This will get more better I know! Keep going.

Glad you like it Kapersky!

Quote:

Originally Posted by K0P Good Job You can use <hr> function in html for those lines (sorry if im wrong :P)

hr for what lines?

Quote:

Originally Posted by SpikY_ Looks well designed. Good work!

Thanks Spiky!!

Quote:

Originally Posted by Humza Not Bad..

Thank you.

Quote:

Originally Posted by GWMPT You can perform resizes in Photoshop, or using CSS / parameters of the img element. For example, if you add an image with width="100%", it will set the full width(if exists) of the container. height="100%" will set the full height(if exists) of the container. It would look something like: Код HTML: <img src="..." alt="image" width="100%" /> <!-- or --> <img src="..." alt="image" height="100%" /> If you're adding the image as a background-image of the elements, you can use something like: Код HTML: background-image: url(...); background-size: contain; /* If you want to maintain aspect ratio */ background-size: cover; /* If you want to fill the whole container, and don't care about the aspect ratio */ While using CSS with these settings, it would be a good idea to set the image position to the middle of the container. Код HTML: background-position: middle center;

Thanks for your help but i am talking about resizing images to upload it here so they are not pretty big .

[Erwin.]

You should change the background picture to something darker, because when text is in the white colour, it is quite hard to read it at some bright places.