Because of the spaces, hun.
[div= background:url(HTTP breaking image); back ground-size: cover; border: 7p x dotted; color: #778899; pa dding: 28px;] text[/div]
[imageFloat=left][HEIGHTRESTRICT=400][img]https://www.rpnation.com/media/bg-blue.24726/full?d=1490285904[/img][/HEIGHTRESTRICT][/imageFloat]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam euismod augue sapien, vitae lacinia felis vestibulum a. Vestibulum placerat ultricies placerat. Mauris dignissim tempus justo a lacinia. Nam eros justo, tempor sagittis ultricies consectetur, fermentum sed nisi. Vivamus convallis molestie sem, id hendrerit quam faucibus at. Nullam dui lorem, vestibulum in arcu a, commodo gravida libero. Vestibulum tincidunt, tortor eu commodo luctus, dui risus finibus sapien, sit amet gravida lacus enim non nisl. Sed tempus tincidunt velit, eu blandit massa laoreet tempor. Vivamus mollis mi vel sem finibus pellentesque. Cras nisl quam, mattis a tincidunt id, ultrices et augue. Phasellus tincidunt tincidunt diam, at hendrerit arcu euismod vel. Aenean a magna eget ex aliquet semper viverra id dolor. Morbi condimentum urna sit amet augue molestie, eget consectetur massa ultricies.
You mean like this?
[LIST][*]Item 1
[*]Item 2
[*]Item 3[/LIST][imageFloat=right][IMG]https://clipartfest.com/download/2a89a04da8022f6e89764ce0253391e2edf30691.html[/IMG][/imageFloat]That's because you are trying to use an HTML page as the image. Here is the corrected version:One more thing, then I should be done for a few hours at least: I got code from someone to float an image, and I tried using it, and it didn't work. This is what happens:
And this is the code:
Code:[imageFloat=right][IMG]https://clipartfest.com/download/2a89a04da8022f6e89764ce0253391e2edf30691.html[/IMG][/imageFloat]
[IMAGEFLOAT=right][IMG]https://img.clipartfest.com/d6ca4191650cb3ae5c12bf1a4324f01e_1000-images-about-clipart-fr-clipart-girl-with-brown-hair-and-green-eyes-and-glasses_360-504.jpeg[/IMG][/IMAGEFLOAT]
Use this:
[code]RAW CODE[/-code]Thank you!
You'll have to use relative/absolute positioning (with the CSS position attribute) to achieve the effect, in combination with div tags. There might be other ways, using negative margins and floats, but that seems like the simplest way to me.
all right, thank you!
Here is a quickie;
[div=position:relative;z-index:1;border:2px solid black; width:300px; height:300px; margin:auto;]
[div=position:absolute:z-index:2;font-size:60px;margin-top:-70px;margin-left:-30px;text-shadow: 3px 1px 0px rgba(199, 177, 57, 1);][font=Pacifico]Header[/font][/div]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sagittis faucibus vestibulum.[/div]Just a small note, changing the z-index won't work here because the second div is a child of the first one - since the parent's z-index is already set; z-index is complicated when dealing with positioned elements anyway, I always forget the rules associated with it.
[div=border: 2px solid black; width: 300px; height: 300px; margin: 40px auto;]
[div=font-size:60px; margin-top:-70px; margin-left:-30px; text-shadow: 3px 1px 0px rgba(199, 177, 57, 1);][font=Pacifico]Header[/font][/div]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sagittis faucibus vestibulum.[/div]
