Jump to content
kaijim

CSS Tutorial and Reference

Recommended Posts

You did a really good job of your CSS tutorials. Everytime I need something, I just search throught the examples and refs until I find what I need.It taught me everything I was looking for on the display property.

  • Like 1

Share this post


Link to post
Share on other sites

I agree, the CSS tutorial is very clear, and has helpful examples.When I need something, I go straight to the examples page in the tutorial, and hit 'ctrl+f'.

  • Like 1

Share this post


Link to post
Share on other sites

<<Please don't post CSS questions in this topic... the whole forum is for this...A conversation previously in this topic is now at http://w3schools.invisionzone.com/index.php?showtopic=35465>>

Share this post


Link to post
Share on other sites

i need Learn CSS with W3Schools .book for download . i could to find Learn HTML and CSS with W3Schools and Learn JavaScript and Ajax with W3Schools ebooks . but i need CSS with W3Schools Ebook . do somebody have this ebook ? i can buy it ! thanks you

Share this post


Link to post
Share on other sites

Actually when i was beginner designer then i always follow w3schools and it was very helpful site for me also i did get many CSS coding help by this site w3schools.com/css/

Share this post


Link to post
Share on other sites

I agree, the CSS tutorial is very clear, and has helpful examples.When I need something, I go straight to the examples page in the tutorial, and hit 'ctrl+f'.

Share this post


Link to post
Share on other sites

I believe there is an error on https://www.w3schools.com/css/css_float.asp page.

The Example - No float shows the effect of no float.  The image is on the left side of the page and the first line of the text is on the right and centered halfway on the image. where the beginning text is positioned just to the right of the image. That first line is in the wrong position.

The "Try it Yourself" link example correctly shows where the first part of the text will be: just above the image and left aligned.

See the two attachments below.

CSS Float - No Float error.png

CSS Float - No Float correct in Try it Yourself.png

Share this post


Link to post
Share on other sites
On 8/11/2019 at 4:50 AM, mickylee said:

I believe there is an error on https://www.w3schools.com/css/css_float.asp page.

The Example - No float shows the effect of no float.  The image is on the left side of the page and the first line of the text is on the right and centered halfway on the image. where the beginning text is positioned just to the right of the image. That first line is in the wrong position.

The "Try it Yourself" link example correctly shows where the first part of the text will be: just above the image and left aligned.

See the two attachments below.

(Images Removed for Brevity)

Hi there, thanks for pointing that out.

There is additional styling on the main page, than as compared to the try-it.

In particular

img {
    vertical-align: middle;
}

If you were to add the vertical align property to the try-it, it would produce the same result as the CSS page.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...