Jump to content

Code block issues 7.1

Recommended Posts

Hi there

I'm trying to add a hyperlinked image to a code block on a blog page (7.1).

Immediately after the code block is another code block which appears in the CMS but not on the live site.

Also, there is a second code block a text block of 3 paragraphs after the second code block. Every single word in the text block is appearing as a link - it's linking to the URL used in the code block.

The code I'm using is below. Anyone know what I'm doing wrong?

TIA
Jonathan

https://www.jeju.plus/businessdirectory/cafesbakeries/ninebroscoffee

p/w jejuplus

<div class="grey">
<html>
<body>

<h4>Navigation</h4>
<p>We recommend using Kakao Maps to navigate to Nine Bros Coffee. Click the icon below to access </p>
<a href="http://kko.to/E1BW07V0T"target="_blank">
<img src="https://lh3.googleusercontent.com/DYeQ02AyIghsirp4ea3oEnyxT3X0GgTZrXYR8G7AN6tRr-9mFcQIJdCUub5VHiWKHA=s180-rw" alt="https://lh3.googleusercontent.com/DYeQ02AyIghsirp4ea3oEnyxT3X0GgTZrXYR8G7AN6tRr-9mFcQIJdCUub5VHiWKHA=s180-rw" width="104" height="104">

</div>
<style>
.grey { 
background: #f0f0f0; 
padding: 30px; 
text-align: center; 
}

</body>
</html>

Link to comment
  • Replies 3
  • Views 816
  • Created
  • Last Reply
<div class="grey" style="background:#f0f0f0;padding:30px;text-align:center;">
  <h4>Navigation</h4>
  <p>We recommend using Kakao Maps to navigate to Nine Bros Coffee. Click the icon below to access </p>
  <a href="http://kko.to/E1BW07V0T"target="_blank">
    <img src="https://lh3.googleusercontent.com/DYeQ02AyIghsirp4ea3oEnyxT3X0GgTZrXYR8G7AN6tRr-9mFcQIJdCUub5VHiWKHA=s180-rw" alt="https://lh3.googleusercontent.com/DYeQ02AyIghsirp4ea3oEnyxT3X0GgTZrXYR8G7AN6tRr-9mFcQIJdCUub5VHiWKHA=s180-rw" width="104" height="104"/>
    </a>
</div>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Hi @tuanphan

The code works great on the Squarespace platform and on Chrome on my MacBook. However, the image does not display on Safari on MacBook or on Chrome and Safari on mobile. Any ideas as to why this might be happening?

TIA
Jonathan

 

<div class="grey" style="background:#d8d8d8;padding:30px;text-align:center;">
  <h4>Navigation</h4>
  <p>We recommend using Kakao Maps to navigate to Nine Bros Coffee. Click the icon below to access </p>
  <a href="http://kko.to/E1BW07V0T"target="_blank">
    <img src="http://lh3.googleusercontent.com/DYeQ02AyIghsirp4ea3oEnyxT3X0GgTZrXYR8G7AN6tRr-9mFcQIJdCUub5VHiWKHA=s180-rw" alt="http://lh3.googleusercontent.com/DYeQ02AyIghsirp4ea3oEnyxT3X0GgTZrXYR8G7AN6tRr-9mFcQIJdCUub5VHiWKHA=s180-rw" width="104" height="104"/>
    </a>
</div>

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.