ii. The Coder's Society

coding
tcs

#361

You mean a background image?


#362

yes!


#363

Can you give me the image url you’re trying to use? I’m on mobile right now.


#364

The generic form is:

<span style=“font-size:; display: block; background-image: url(‘IMAGE_LINK_HERE’);”>text here</span>


#365

Damnit. Those quote marks are wrong.

It won’t let me edit it either.

The double curly ones should be "

The single curly should be ’


#366

If anyone can give me advice o this, I would be buy-you-a-cookie so grateful.

I can’t seem to find a way to control the spacing in THIS -

A person must be careful when chumming with
SHARKS

Eileen is an artist struggling with new-found fame.
Fame given to her by High Society’s Lauren Glas.
Naive and gullible, can Eileen withstand the forces
Of those that want her art?
Of those that want her friendship?
Of those that want her passion?
If she weakens and breaks, who will suffer first?
– – – – – – – – – –
Lauren spoke in horror. “Look out!”
“Baby… ” Eileen begged. “Just leave me be.”
Lauren grew furious. “What’s the matter with you?
"Are you trying to get yourself killed?”
Lauren’s mouth fell open as, with tears in her eyes, Eileen nodded.
– – – – – – – – – –
SHARK On Wattpad

Here is what the code looks like (it’s just simple HTML) -

<font face=“Tahoma” font size=“5” font color=“104E8B”><B>A person must be careful when chumming with<BR><font face=“Verdana” font size=“8”>SHARKS<BR><a href=http://www.wattpad.com/story/12637738-shark-wattpadprize14><img src= http://a.wattpad.com/cover/12637738-256-k516544.jpg Width=“400” Height=“625” border=“4”><font face=“Arial” font size=“4” font color=“104E8B”><BR>Eileen is an artist struggling with new-found fame.<BR>Fame given to her by High Society’s Lauren Glas.<BR>Naive and gullible, can Eileen withstand the forces <BR><font face=“Segoe UI” font size=“5” font color=“104E8B”>Of those that want her art<font face=“Tahoma”><B>?<BR></b><font face=“Segoe UI”>Of those that want her friendship<font face=“Tahoma”><B>?<BR></b><font face=“Segoe UI”>Of those that want her passion<font face=“Tahoma”><B>?<BR></B><font face=“Arial” font size=“4” font color=“104E8B”>If she weakens and breaks, who will suffer first<font face=“Tahoma”><B>?<BR><font color=“red” font size=“7”>– – – – – – – – – – <BR><font face=“Arial” font size=“4” font color=“104E8B”><B>Lauren spoke in horror. “Look out!”<BR>“Baby… ” Eileen begged. “Just leave me be.”<BR>Lauren grew furious. “What’s the matter with you? <BR>"Are you trying to get yourself killed?”<BR>Lauren’s mouth fell open as, with tears in her eyes, Eileen nodded.<center><a href=http://www.wattpad.com/story/12637738-shark-wattpadprize14><br><B><font color=“red” font size=“7”>– – – – – – – – – –<font face=“Verdana” font size=“7” font color=“104E8B”><BR>SHARK <font face=‘calibri’ font color=“104E8B” font size =‘6’><b>On Wattpad


#367

When you say spacing, what do you mean exactly?

Side note but can you please remove your story link? Thank you.


#368

Ah. well… the spacing between the lines is huge. it looks like it’s double-spaced. I’d like the spacing to be tighter


#369

You can actually specify the line spacing if you use inline css instead of just HTML.


#370

TESTING

A person must be careful when chumming with
SHARKS

Eileen is an artist struggling with new-found fame.
Fame given to her by High Society’s Lauren Glas.
Naive and gullible, can Eileen withstand the forces
Of those that want her art?
Of those that want her friendship?
Of those that want her passion?
If she weakens and breaks, who will suffer first?
– – – – – – – – – –
Lauren spoke in horror. “Look out!”
"Baby… ” Eileen begged. "Just leave me be."
Lauren grew furious. “What’s the matter with you?”
"Are you trying to get yourself killed?"
Lauren’s mouth fell open as, with tears in her eyes, Eileen nodded.

– – – – – – – – – –
SHARK On Wattpad


#371

… wow, I didn’t think it would affect it that much but your quote marks are all wrong.

Time to go fix those one by one.


#372

Ah ha ha ha. Guess what? While writing my question, I actually figured it out.

I have to use </font> before I do a new <BR>

:-).


#373

There’s a much cleaner way to code if you tried it out with inline css.


#374

AH… well, you see, in order to keep Discourse from activating HTML, I used the wrong quote marks on purpose in the example of my code. :slight_smile:


#375

Do you know about escaping/unescaping code?

Or even… using backticks so you don’t have to do that.


#376

@HardeeBurger My attempt at trying to fix your attempt:

<span style="font-size:; display: block; line-height: 1;"><font face="Tahoma" font size="5" font color="104E8B"><B>A person must be careful when chumming with<BR><font face="Verdana" font size="8">SHARKS<BR><a href="https://google.com"><img src= "http://a.wattpad.com/cover/12637738-256-k516544.jpg" Width="400" Height="625"><font face="Arial" font size="4" font color="104E8B"><BR>Eileen is an artist struggling with new-found fame.<BR>Fame given to her by High Society’s Lauren Glas.<BR>Naive and gullible, can Eileen withstand the forces <BR><font face="Segoe UI" font size="5" font color="104E8B">Of those that want her art<font face="Tahoma"><B>?<BR></b><font face="Segoe UI">Of those that want her friendship<font face="Tahoma"><B>?<BR></b><font face="Segoe UI">Of those that want her passion<font face="Tahoma"><B>?<BR></B><font face="Arial" font size="4" font color="104E8B">If she weakens and breaks, who will suffer first<font face="Tahoma"><B>?<BR><font color="red" font size="7">– – – – – – – – – – <BR><font face="Arial" font size="4" font color="104E8B"><B>Lauren spoke in horror. "Look out!"<BR>"Baby… ” Eileen begged. "Just leave me be."<BR>Lauren grew furious. "What’s the matter with you?" <BR>"Are you trying to get yourself killed?"<BR>Lauren’s mouth fell open as, with tears in her eyes, Eileen nodded.<center><a href="https://google.com"><br><B><font color="red" font size=“7”>– – – – – – – – – –<font face="Verdana" font size="7" font color="104E8B"><BR>SHARK <font face="calibri" font color="104E8B" font size ="6"><b>On Wattpad</span>

Your code’s a bit of a mess so the line spacing doesn’t look consistent throughout.

I can help you code it from the very beginning if you want.


#377

Oh gosh. That is a generous offer. I don’t want to put you out, but if ever I really get stuck, I will come back and ask again. I mean, already my ads in the Share Your Story threads are well into the top five percent, as far as visuals go. And that is my only true goal. :-).

Thank you so very much! You’re the best, @astrophile .


#378

It’s not that much trouble. Probably 2-3 spans max? Your design is rather simple, too.


#379

Please feel free to have fun!


#380

Well, what do you want? Same general layout?

I think you could probably make it work with just one outer span and two inner ones.

Inner ones = line, outer one = body text

Image can be embedded as normal.