Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Page 2 of 2 FirstFirst 12
Results 16 to 24 of 24
  1. #16
    Senior Coder coothead's Avatar
    Join Date
    Jan 2004
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    3,479
    Thanks
    3
    Thanked 623 Times in 609 Posts
    Hi there The_Bean,

    don't quote me on this, but I would say that these three are essential...

    Code:
    
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1">
    <meta name="description" content="">
    
    ...and some others may be essential, depending on you personal requirements.

    Further reading:-


    coothead
    ~ the original bald headed old fart ~

  2. Users who have thanked coothead for this post:

    The_Bean (Mar 12th, 2019)

  3. #17
    New Coder
    Join Date
    Mar 2019
    Posts
    12
    Thanks
    7
    Thanked 0 Times in 0 Posts
    Keywords is what I actually meant to specify in my question, not just meta tags. But you've managed to answer it anyway, thank you.

  4. #18
    Senior Coder coothead's Avatar
    Join Date
    Jan 2004
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    3,479
    Thanks
    3
    Thanked 623 Times in 609 Posts
    Hi there The_Bean,

    Instead of opening "thumbs" images in a new page,
    have a look at this CSS alternative example here...


    coothead
    ~ the original bald headed old fart ~

  5. Users who have thanked coothead for this post:

    The_Bean (Mar 16th, 2019)

  6. #19
    Senior Coder coothead's Avatar
    Join Date
    Jan 2004
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    3,479
    Thanks
    3
    Thanked 623 Times in 609 Posts
    Hi there The_Bean,


    I am pleased to see that you now have your up and running.

    There is only one page that requires your attention...


    coothead
    ~ the original bald headed old fart ~

  7. #20
    New Coder
    Join Date
    Mar 2019
    Posts
    12
    Thanks
    7
    Thanked 0 Times in 0 Posts
    Oh I was just coming back here to ask about that! I wasn't sure why I wasn't allowed to have more than instance of each thing on a page, but a bit of reading tells me I need to use class rather than id for repeated elements.

    I managed to get text under the gallery thumbs (which I was quite pleased with myself about to be honest, although I didn't manage to get the box under it like on this page so abandoned that!), but I'm not sure about this. Do I just take all the code for the id and change something so it works as a class?

    It's not as simple as changing the hashtags for a dots is it (and then id for class in the html)?! I'd be happy if it were.

    #thumbs2 {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    }

    #thumbs2 li {
    display: inline-block;
    width:23%;
    margin: 0.25em;
    }

    #thumbs2 a {
    display: block;
    padding: 0.4em;
    border: 1px solid #000;
    border-radius: 0.5em;
    background-color: #fff;
    box-shadow: 0.25em 0.25em 0.25em rgba( 0, 0, 0, 0.4 );
    }


    #thumbs2 img {
    display: block;
    width: 100%;
    height: auto;
    border: 1px solid #999;
    border-radius: 0.5em;
    }

    #desc {
    padding: 15px;
    text-align: center;
    }
    I'm going to have a look at the zip file, thanks. I'm not entirely happy with all the images opening in another page, even if it was easy to do.

  8. #21
    Senior Coder coothead's Avatar
    Join Date
    Jan 2004
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    3,479
    Thanks
    3
    Thanked 623 Times in 609 Posts
    Hi there The_Bean,

    yes, just change all instances of id="thumbs2" to class="thumbs2" in the HTML
    and all instance of #thumbs2 to .thumbs2 in the CSS.

    I am pleased to hear that you abandoned w3schools.com, it is and has never
    been a reliable site to learn coding methodology.


    Too many people make the profound mistake of
    believing that W3Schools is actually associated
    with and therefore recommended by the...

    The World Wide Web Consortium (W3C).

    Nothing could be further from the truth!

    Further reading:-

    why w3schools is bad

    For a more professional approach to learning,
    you really should check out these links...

    1. Web technology for developers
    2. Learning HTML: Guides and tutorials
    3. Learn to style HTML using CSS


    coothead
    ~ the original bald headed old fart ~

  9. Users who have thanked coothead for this post:

    The_Bean (Mar 19th, 2019)

  10. #22
    Senior Coder coothead's Avatar
    Join Date
    Jan 2004
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    3,479
    Thanks
    3
    Thanked 623 Times in 609 Posts
    Hi there The_Bean,

    I notice that you now have a similar problem which is
    caused by your repeated use of id="content".

    coothead
    ~ the original bald headed old fart ~

  11. #23
    New Coder
    Join Date
    Mar 2019
    Posts
    12
    Thanks
    7
    Thanked 0 Times in 0 Posts
    Yes, when I was first looking for solutions to the error of the recurring list, I thought perhaps if I had one list per content section, it might go down better... But then the penny dropped that any repetition of one id was a no-no. I've put it all right anyway. I've still got a few pages left to create, but they're variations on the layout of other pages, so hopefully I'm done with the messing up part!

    After that, I'll be glad not to have to think about coding for a while, but I'm grateful that you've helped me create something which not only looks and works better, but is also superior from a coding point of view.

  12. #24
    Senior Coder coothead's Avatar
    Join Date
    Jan 2004
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    3,479
    Thanks
    3
    Thanked 623 Times in 609 Posts

    No problem, you're very welcome.

    coothead
    ~ the original bald headed old fart ~


 
Page 2 of 2 FirstFirst 12

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •