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.
Results 1 to 4 of 4
  1. #1
    New Coder
    Join Date
    May 2017
    Posts
    62
    Thanks
    26
    Thanked 1 Time in 1 Post

    Help Needed With Picture Size

    Below are 2 links. The first one shows the pictures the correct size of 200 by 132 pixels in most cases. The second one is supposed to show pictures at 160 by 160 pixels for all pictures. The picture files are all created at 160 by 160 pixels but appear much larger and making each image look grainy and less clear. I will be having over 40 pictures on this page so I need them to show at the correct coded size. Please help me.


    https://webdesignbymaria.com/catbreeders.html


    https://cowtownwesternswing.com/artiststest.html

  2. #2
    Regular Coder
    Join Date
    Oct 2015
    Posts
    428
    Thanks
    1
    Thanked 54 Times in 51 Posts
    You can only use an id once in your page.

    Put the source through a html validator as you have a few more problems in addition which will give you more grief.

  3. #3
    New Coder
    Join Date
    May 2017
    Posts
    62
    Thanks
    26
    Thanked 1 Time in 1 Post
    Quote Originally Posted by wha View Post
    You can only use an id once in your page.

    Put the source through a html validator as you have a few more problems in addition which will give you more grief.
    Which id are you talking about? The validator wouldn't check my page.

  4. #4
    Senior Coder deathshadow's Avatar
    Join Date
    Feb 2016
    Location
    Keene, NH
    Posts
    3,329
    Thanks
    4
    Thanked 479 Times in 467 Posts
    Quote Originally Posted by mariafgp View Post
    Which id are you talking about? The validator wouldn't check my page.
    IT does check it, and bombs when it encounters and error. Fix the first error then lather, rinse, repeat until there are no errors.

    ... and errors you have. Mind you, a lot of the code is clean and shows good practices -- and a lot of the code is invalid, outdated, and just plain trash.

    For example, there's no such thing as a FONT tag, hasn't been since 1998. No website written any time over the past twenty years should use that tag. EVER.

    Likewise what makes a vertical break character a proper name or legal entity? That's the semantic meaning of B. What makes an image a grammatical paragraph? Aka the meaning if P. Why are you putting TITLE on tags identical to the content of the tags?

    Also it's called keywords. Not keyphrases, not keysentences, keyWORDS. It should be seven or eight single words (or proper names) you want a slight ranking uptick on coming in under 96 characters in length. You don't just blindly stuff it to the gills if you want it to do anything. (in fact blindly stuffing it is why so many people now claim it doesn't do anything -- they never used it right in the first place guaranteeing it will be ignored!). Likewise avoid repeating the text that's in your TITLE tag in your description META, it can get you slapped down for abuse / keyword stuffing... and defeats the point of the description META as text to be shown beneath the TITLE on your SERP listing. I'd also suggest trying the pare the description META down below 256 characters since that's the typical cutoff for search engines.

    You should also image replacement (CSS apply) that site title so you have actual text in the H1. That image does NOT belong in the markup as it's not actually content.

    The H5 makes no sense, since that means the start of a subsection of the H4 before it... since there are no H4 on the page how can you have an H5... much less numbered headings describe the content that comes after them, of which there is none.

    I would also suggest you ditch the "DIV for nothing" on the 'rows' since a dynamic layout shouldn't need them, and be able to auto-adjust the number showing per row. If anything that's an unsorted list of artists with their pictures.

    I'm pulling a fast fade right now, but when I wake up I'll try to remember to revisit this and do a quick rewrite of that page to show you what I mean bringing it into modern practices. To be honest, a lot of what's there looks like what I preach... but then a lot of it is massively and horrifyingly the opposte of that.
    Last edited by deathshadow; Feb 4th, 2019 at 12:48 AM.
    “There are two ways of constructing a software design: One way is to make it so simple that there are obviously no deficiencies and the other way is to make it so complicated that there are no obvious deficiencies.” – C.A.R. Hoare, The 1980 ACM Turing Award Lecture
    http://www.cutcodedown.com


 

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
  •