HTML background problem

by angel_of_night May 7th 2014, 1:55 pm

Hello,

I am trying to make a HTML page for my forum. I am trying to use the following code to make a background with an image:

Code:: <html> <body background="test.jpg"> <h1>test</h1> </body> </html>

But for some reason, when I press "submit" the code just disappears, making the page without a background.
If I try to press "preview" it works fine though.
What am I doing wrong?

Thank you

by Pizza Boi May 7th 2014, 2:19 pm

Hi

Because in this portion:

Code:: body background="test.jpg">

The 'test.jpg' only works on your computer and not on the website itself. If you upload the picture and get its direct link, replace the 'test.jpg' with it and that should be fine.

Regards,
Pizza Boi

by angel_of_night May 7th 2014, 2:27 pm

I am actually using this link for the background https://2img.net/r/ihimizer/img831/7024/bgbod10.gif
Also tried imgur, the result is the same.

by Michael_vx May 7th 2014, 2:46 pm

as i guess this code works fine with me like 100% for HTML of course

Code:: <style type="text/css"> /* Michael_vx */ body { background: url(http://yamiejung21.webs.com/photos/CC1/k46.jpg) repeat-y fixed center top; color: #000000; margin: 0px 0px 0px 0px; padding: 0px; } </style>

and it never disappears from the HTML page

by angel_of_night May 7th 2014, 4:34 pm

Hmmm weird, I found out if I write it in WYSIWYG mode, the codes mess up, but if I do in HTML mode, they stay fine.
Uhg, now I will have to edit everything manually.
Thanks for the help.

by Ange Tuteur May 8th 2014, 5:12 am

Hello,

The sceditor does not support the background attribute, use the style attribute instead.

Ex :

Code:: <body style="background:url('/myimg.gif')">elements</body>

The background attibute should be supported in advanced mode which I highly recommend for editing and creating HTML pages.

by Pizza Boi May 8th 2014, 6:11 am

Hi

Also, Ange, whenever we use font-family and color, it replicates it in the original post, messing it up. Is that a thing with FM or is it just our forum? (It happens when we use class tables).

Anyway, @OP, in case you also experience this problem (With any HTML related background thing), I would highly suggest just declaring a name for it and if you don't want to use the CSS, you can use something like:

Code:: <html> <script type="text/CSS"> body.myclass { /* Style */ } </script> <body class="myclass"> /* Contents */ </body> </html>

Regards,
Pizza Boi

by Ange Tuteur May 8th 2014, 6:34 am

From what I recall with bbcodes, setting the color in the parent style attribute will cause the editor to enter color tags endlessly on its children until the property is removed.

by Pizza Boi May 8th 2014, 6:42 am

Hi

So technically, when using it, it's either we just use the default BBC code or have it in the CSS? What the fuck ?!?

Regards,
Pizza Boi

by Ange Tuteur May 8th 2014, 6:45 am

If it is in your stylesheet it wont matter. When it is in an inline style of an element, that is when tags such as color or bold will constantly duplicate on the children elements.