# i. The Coder's Society

**URL:** <https://forum.wackywriters.com/t/i-the-coders-society/1246>\
**Category:** Coding Wizards\
**Created:** [August 4, 2020, 5:43pm UTC](https://forum.wackywriters.com/t/i-the-coders-society/1246 "2020-08-04T17:43:22Z")\
**Posts on this page:** 20\
**Page:** 3

<div class="post-metadata">

**Author:** ![astrophile](https://forum.wackywriters.com/user_avatar/forum.wackywriters.com/astrophile/32/62363_2.png) [@astrophile](https://forum.wackywriters.com/u/astrophile)\
**Post date:** [August 5, 2020, 11:52pm UTC](https://forum.wackywriters.com/t/i-the-coders-society/1246/41 "2020-08-05T23:52:58Z")

</div>

Did you specify a width for the image?

---

<div class="post-metadata">

**Author:** ![Spider-Hawk](https://forum.wackywriters.com/user_avatar/forum.wackywriters.com/spider-hawk/32/5318_2.png) [@Spider-Hawk](https://forum.wackywriters.com/u/Spider-Hawk)\
**Post date:** [August 6, 2020, 12:06am UTC](https://forum.wackywriters.com/t/i-the-coders-society/1246/42 "2020-08-06T00:06:04Z")

</div>

I did. [The type 4 span](https://forum.wackywriters.com/t/coding-playground-v-1/645/5)

---

<div class="post-metadata">

**Author:** ![astrophile](https://forum.wackywriters.com/user_avatar/forum.wackywriters.com/astrophile/32/62363_2.png) [@astrophile](https://forum.wackywriters.com/u/astrophile)\
**Post date:** [August 6, 2020, 12:07am UTC](https://forum.wackywriters.com/t/i-the-coders-society/1246/43 "2020-08-06T00:07:15Z")

</div>

Ohhhh, I think I remember this. There was a small hack I did to get images to go in spans.

Edit: The hack was to wrap the img tag inside the a tag.

`<a><img src="https://media2.giphy.com/media/uOhd72q8BxqMM/giphy.gif"></a>`

^^^ like that

---

<div class="post-metadata">

**Author:** ![astrophile](https://forum.wackywriters.com/user_avatar/forum.wackywriters.com/astrophile/32/62363_2.png) [@astrophile](https://forum.wackywriters.com/u/astrophile)\
**Post date:** [August 6, 2020, 3:46am UTC](https://forum.wackywriters.com/t/i-the-coders-society/1246/44 "2020-08-06T03:46:03Z")

</div>

Neon Text:

How’s this for some color?

`<span style="font-size: 25px; color: #39ff14; text-shadow: 0 0 3px #74ff14, 0 0 5px #74ff14;">How's this for some color?</span>`

* * *

How’s this for some color?

`<span style="font-size: 25px; color: #ff500a; text-shadow: 0 0 3px #ff500a, 0 0 5px #ff500a;">How's this for some color?</span>`

---

<div class="post-metadata">

**Author:** ![deathinreverie](https://forum.wackywriters.com/user_avatar/forum.wackywriters.com/deathinreverie/32/39010_2.png) [@deathinreverie](https://forum.wackywriters.com/u/deathinreverie)\
**Post date:** [August 8, 2020, 4:26am UTC](https://forum.wackywriters.com/t/i-the-coders-society/1246/45 "2020-08-08T04:26:13Z")

</div>

Really? I thought it wasn’t working here since it worked in the HTML editor … Can you tell me which was wrong? And thanks for letting me know! 😃

---

<div class="post-metadata">

**Author:** ![lightsUp](https://forum.wackywriters.com/user_avatar/forum.wackywriters.com/lightsup/32/7922_2.png) [@lightsUp](https://forum.wackywriters.com/u/lightsUp)\
**Post date:** [August 8, 2020, 5:01am UTC](https://forum.wackywriters.com/t/i-the-coders-society/1246/46 "2020-08-08T05:01:46Z")

</div>

> [@deathinreverie](#):
>
> Really? I thought it wasn’t working here since it worked in the HTML editor

Regular coding doesn’t work the same way as forums coding

> [@deathinreverie](#):
>
> Can you tell me which was wrong? And thanks for letting me know! 😃

I went ahead and coded it for you:

`<span style="font-size: 15px; display: block; border: 5px solid #3dd4d2; width: 95%; padding: 5px; font-family: times; text-align: center;"> <font color="#3dd4d2" size=6> [u] COVER FORM [/u] </font> <br><br> Title: <br> Author: <br> Subtitle: <br> Link <br> Genre <br> Theme <br> Mood <br> Extra/Idea/Inspiration:<br>&nbsp;</span>`

---

<div class="post-metadata">

**Author:** ![lightsUp](https://forum.wackywriters.com/user_avatar/forum.wackywriters.com/lightsup/32/7922_2.png) [@lightsUp](https://forum.wackywriters.com/u/lightsUp)\
**Post date:** [August 8, 2020, 7:51pm UTC](https://forum.wackywriters.com/t/i-the-coders-society/1246/47 "2020-08-08T19:51:49Z")

</div>

`<span style="font-size:; display: block; margin: auto; border: 5px solid blue; width: 300px; height: 100px; background-color: #fff; background-image: url("https://images.unsplash.com/photo-1596888723330-c33ffdf2a379?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1350&q=80");"> &nbsp; </span>`

Can someone point out the error here? (Background image isn’t working for some reason)

---

<div class="post-metadata">

**Author:** ![astrophile](https://forum.wackywriters.com/user_avatar/forum.wackywriters.com/astrophile/32/62363_2.png) [@astrophile](https://forum.wackywriters.com/u/astrophile)\
**Post date:** [August 8, 2020, 7:54pm UTC](https://forum.wackywriters.com/t/i-the-coders-society/1246/48 "2020-08-08T19:54:38Z")

</div>

You could try downloading the image and uploading it to imgur. The link doesn’t end with .png, etc. so that may be the reason why it’s not showing up.

---

<div class="post-metadata">

**Author:** ![lightsUp](https://forum.wackywriters.com/user_avatar/forum.wackywriters.com/lightsup/32/7922_2.png) [@lightsUp](https://forum.wackywriters.com/u/lightsUp)\
**Post date:** [August 8, 2020, 7:56pm UTC](https://forum.wackywriters.com/t/i-the-coders-society/1246/49 "2020-08-08T19:56:57Z")

</div>

The thing is, I tried that already. Still nothing

`<span style="font-size:; display: block; margin: auto; border: 5px solid blue; width: 300px; height: 100px; background-color: #fff; background-image: url("https://imgur.com/NOw9ryZ");"> &nbsp; </span>`

---

<div class="post-metadata">

**Author:** ![astrophile](https://forum.wackywriters.com/user_avatar/forum.wackywriters.com/astrophile/32/62363_2.png) [@astrophile](https://forum.wackywriters.com/u/astrophile)\
**Post date:** [August 8, 2020, 8:00pm UTC](https://forum.wackywriters.com/t/i-the-coders-society/1246/50 "2020-08-08T20:00:01Z")

</div>

So, I went to your imgur link and then I found the image. Then I right clicked on it and selected “open image in a new tab” and it took me to another page where the url was:

[https://i.imgur.com/NOw9ryZ.jpg](https://i.imgur.com/NOw9ryZ.jpg) &nbsp;

For coding, image links need to end in .png, .jpg, or .gif (most popular three) to properly work.

---

<div class="post-metadata">

**Author:** ![lightsUp](https://forum.wackywriters.com/user_avatar/forum.wackywriters.com/lightsup/32/7922_2.png) [@lightsUp](https://forum.wackywriters.com/u/lightsUp)\
**Post date:** [August 8, 2020, 8:04pm UTC](https://forum.wackywriters.com/t/i-the-coders-society/1246/51 "2020-08-08T20:04:45Z")

</div>

~~I tried that too.~~ I don’t think the link is the issue:

–screenshot removed–

---

<div class="post-metadata">

**Author:** ![astrophile](https://forum.wackywriters.com/user_avatar/forum.wackywriters.com/astrophile/32/62363_2.png) [@astrophile](https://forum.wackywriters.com/u/astrophile)\
**Post date:** [August 8, 2020, 8:05pm UTC](https://forum.wackywriters.com/t/i-the-coders-society/1246/52 "2020-08-08T20:05:19Z")

</div>

Did you try posting it yet?

---

<div class="post-metadata">

**Author:** ![astrophile](https://forum.wackywriters.com/user_avatar/forum.wackywriters.com/astrophile/32/62363_2.png) [@astrophile](https://forum.wackywriters.com/u/astrophile)\
**Post date:** [August 8, 2020, 8:06pm UTC](https://forum.wackywriters.com/t/i-the-coders-society/1246/53 "2020-08-08T20:06:05Z")

</div>

&nbsp;

`<span style="font-size:; display: block; width: 300px; height: 190px; background-image: url('https://i.imgur.com/NOw9ryZ.jpg'); background-position: center; background-size: 300px;">&nbsp;</span>`

---

<div class="post-metadata">

**Author:** ![lightsUp](https://forum.wackywriters.com/user_avatar/forum.wackywriters.com/lightsup/32/7922_2.png) [@lightsUp](https://forum.wackywriters.com/u/lightsUp)\
**Post date:** [August 8, 2020, 8:07pm UTC](https://forum.wackywriters.com/t/i-the-coders-society/1246/54 "2020-08-08T20:07:05Z")

</div>

I tested it in [W3Schools Online Web Tutorials](https://www.w3schools.com/default.asp). ~~Forgot the preview doesn’t show the outcome~~

---

<div class="post-metadata">

**Author:** ![lightsUp](https://forum.wackywriters.com/user_avatar/forum.wackywriters.com/lightsup/32/7922_2.png) [@lightsUp](https://forum.wackywriters.com/u/lightsUp)\
**Post date:** [August 8, 2020, 8:07pm UTC](https://forum.wackywriters.com/t/i-the-coders-society/1246/55 "2020-08-08T20:07:18Z")

</div>

Thank you!

---

<div class="post-metadata">

**Author:** ![astrophile](https://forum.wackywriters.com/user_avatar/forum.wackywriters.com/astrophile/32/62363_2.png) [@astrophile](https://forum.wackywriters.com/u/astrophile)\
**Post date:** [August 8, 2020, 8:07pm UTC](https://forum.wackywriters.com/t/i-the-coders-society/1246/56 "2020-08-08T20:07:48Z")

</div>

No problem! ✨

---

<div class="post-metadata">

**Author:** ![Crimson\_Scythe](https://forum.wackywriters.com/user_avatar/forum.wackywriters.com/crimson_scythe/32/28532_2.png) [@Crimson\_Scythe](https://forum.wackywriters.com/u/Crimson_Scythe)\
**Post date:** [August 8, 2020, 11:21pm UTC](https://forum.wackywriters.com/t/i-the-coders-society/1246/57 "2020-08-08T23:21:48Z")

</div>

For some reason, this worked last week but no longer working…

Or at least it’s not working on the preview. Let me post it to see the real result.

 

&nbsp; &nbsp; &nbsp; &nbsp; _ **B R E A T H I N G** _

---

<div class="post-metadata">

**Author:** ![deathinreverie](https://forum.wackywriters.com/user_avatar/forum.wackywriters.com/deathinreverie/32/39010_2.png) [@deathinreverie](https://forum.wackywriters.com/u/deathinreverie)\
**Post date:** [August 8, 2020, 11:22pm UTC](https://forum.wackywriters.com/t/i-the-coders-society/1246/58 "2020-08-08T23:22:09Z")

</div>

Thanks so much!

---

<div class="post-metadata">

**Author:** ![astrophile](https://forum.wackywriters.com/user_avatar/forum.wackywriters.com/astrophile/32/62363_2.png) [@astrophile](https://forum.wackywriters.com/u/astrophile)\
**Post date:** [August 8, 2020, 11:22pm UTC](https://forum.wackywriters.com/t/i-the-coders-society/1246/59 "2020-08-08T23:22:32Z")

</div>

Preview isn’t showing the expected coded result for some reason. We’re looking into it.

---

<div class="post-metadata">

**Author:** ![Crimson\_Scythe](https://forum.wackywriters.com/user_avatar/forum.wackywriters.com/crimson_scythe/32/28532_2.png) [@Crimson\_Scythe](https://forum.wackywriters.com/u/Crimson_Scythe)\
**Post date:** [August 8, 2020, 11:23pm UTC](https://forum.wackywriters.com/t/i-the-coders-society/1246/60 "2020-08-08T23:23:41Z")

</div>

Alright thanks and good luck!

[Previous page](https://forum.wackywriters.com/t/i-the-coders-society/1246.md?page=2)

[Next page](https://forum.wackywriters.com/t/i-the-coders-society/1246.md?page=4)