Skip to main content
R
racephotoman
Participating Frequently
October 14, 2023
Answered

WANT NO LINE BREAK

  • October 14, 2023
  • 2 replies
  • 323 views

How can I prevent a line break before a hyper link / image?  The page with the problem is: 

 https://www.september8th.com/travel-hudson-kingston1.html

Right before the "tourist stop" image w/link to website and after the page navigation buttons (only 1 of 1 here), there is two line breaks (spaces).  Go to another page (example:  https://www.september8th.com/travel-antonio1.html  )   and there is only one line break (space), of which I want to match all pages to). Any solution???    

Walter

    This topic has been closed for replies.
    Correct answer osgood_

    The additional space is as a result of the padding applied to the 'a' (anchor tag) which wraps the image/s.

     

    Add the below css selector to your css style sheet:

     

    .photoalign a {
    padding: 0;
    }

    2 replies

    Nancy OShea
    Community Expert
    Nancy OSheaCommunity Expert
    Community Expert
    October 15, 2023

    FYI:  Your pages are a veritable black hole for:

    • Search engine crawlers,
    • Visually impaired users,
    • Language translators. 

    You really need meaningful ALT text attributes as well as image captions/descriptions.

     

    Nancy O'Shea— Product User & Community Expert
    O
    osgood_Correct answer
    Legend
    October 15, 2023

    The additional space is as a result of the padding applied to the 'a' (anchor tag) which wraps the image/s.

     

    Add the below css selector to your css style sheet:

     

    .photoalign a {
    padding: 0;
    }
      R
      racephotomanAuthor
      Participating Frequently
      October 16, 2023

      Thank you - still learning the coding

      Terms & ConditionsAccessibility statement
      Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices