HTML / CSS Question

  • I have an image that has been wrapped by text. I would like a border around the image and a little spacing between the border and the text. The problem I’m running into is that the space is happening between the image and the border rather than between the border of the image and the text.

    Here’s the HTML I’m using for the image:
    >img src=”https://shaunas.sg-host.com/wp-content/uploads/2019/12/Peg-OMeara-Werner-OMeara.jpg&#8221; alt=”Peg O’Meara – Werner O’Meara” width=”275″ /<
    FYI, I reversed the < so you can see the code rather than the actual image.

    Here’s the CSS:
    .border { border-width: 3px; border-color: #cccccc; border-style: solid;
    float: left;
    padding-right: 10px;
    }

    • This topic was modified 5 years, 3 months ago by jlhoffman77.
    • This topic was modified 5 years, 3 months ago by jlhoffman77.
    • This topic was modified 5 years, 3 months ago by jlhoffman77.
    • This topic was modified 5 years, 3 months ago by jlhoffman77.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator t-p

    (@t-p)

    I recommend asking at https://www.ads-software.com/support/theme/astra so the theme’s developers and support community can help you with this.

    Thread Starter jlhoffman77

    (@jlhoffman77)

    Hmmm, I thought this would just be a basic HTML & CSS question. Not specific to my theme.

    Hi @jlhoffman77 ,

    Correct. Your question is theme agnostic.

    But, it looks like you fixed it? Good job. ??

    Hey, if you don’t mind. Here’s a couple of suggestions for next time.

    1. Maybe add a screen capture or at least be more specific. E.g. I couldn’t find what you were referring to until I clicked on an image. So, you were having an issue with the modal popup. Sharing your steps to reproduce the issue and using the correct terminology goes a long way.

    2. Please use the “CODE” button when adding code snippets to your post. The “CODE” button is on the tool bar menu of your post editor.

    3. I see that your modal popup is suffering from the dreaded auto scroll to top of page issue. I find this annoying. If you want a fix for that, please see my solution on CodePen https://codepen.io/marklchaves/pen/bGGEPZB

    Enjoy!

    • This reply was modified 5 years, 3 months ago by mark l chaves. Reason: Grammar fix
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘HTML / CSS Question’ is closed to new replies.

Tags