Member Avatar for greyhound

Hi,

I have recently added in some code to a blog I am working on. The code displays some images.

After each image there is a little box with an arrow pointing outwards at 45 degrees clockwise.

The code is not showing in the html and I cannot for the life of me work out what it represents so am unable to check what is happening in the code.

Does anyone have any ideas?

Thanks

  • 2 Contributors
  • 4 Replies
  • 185 Views
  • 1 Day Discussion Span
  • Latest Post Latest Post by almostbob

Dani AI

Generated

As later noted, the tiny box with a 45-degree arrow was a CSS artifact. Decorations added by stylesheets (background images or generated content via ::before/::after) do not appear in a static "view source" dump; they are injected at render time and may also be added or toggled by JavaScript.

Quick diagnostic checklist:

  1. Use the browser inspector to select the image and its parent link. Look for ::before / ::after pseudo-elements and check the Computed/Styles panes.
  2. Temporarily disable the site stylesheet(s) or add a temporary rule to hide generated content to see whether the symbol disappears.
  3. Search CSS for keywords like content:, ::before, ::after, background:, url(, or class names such as external, new-window, or ext.
  4. Check the Network panel for missing icon-fonts or image assets (missing font files often show empty boxes or fallback glyphs).

Quick fixes to try (apply in a temporary/debug stylesheet):

/* hide generated markers while locating the rule */
a::before, a::after { content: none !important; background: none !important; }

/* safer long-term: prevent marker on links that wrap images by giving those links a class */
a.no-marker::after { content: none !important; background: none !important; }

Notes and cautions: using !important is fine for debugging but not ideal long-term. The correct fix is to find and narrow the original selector that adds the icon (so it targets only text links or specific classes). As suggested, posting the exact CSS or a minimal example accelerates diagnosis; developer tools will reveal the precise rule to change.

Recommended Answers

All 4 Replies

Member Avatar for almostbob

site?
code?
else any answer will be a guess

Member Avatar for greyhound

Hi almostbob - you're quite right.

Here is a link where you can see the problem manifesting itself.

site?
code?
else any answer will be a guess

Member Avatar for greyhound

It was a crazy css problem.

Member Avatar for almostbob

(Gremlins)

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.