Pet profile text disappeared...
Replies
So I'm a total newbie to coding, but I was just trying to clean up some of my pet's profiles. I had some stuff written for my pet Rubert as well as a picture, but now it's not showing up after I added some code. I can't figure out if I need to have specific tags surrounding the text...I tried that div box thing, and also adding < body > but it didn't work. Any ideas?
Here is my code:
<style>
- {margin: 0; padding: 0;} , , , , , , , {display: none;} body, , {background: ;} .prototip {display: none;}
{width: 400px; margin-right: auto; margin-left: auto;}
/remove hustler banner/ .hustler {display:none;}
{text-indent: -9999px}
My previous incarnation was Ruby the Manchester Terrier!
This is me with my friend ! I am staring at the camera like that because it was making funny noises at the time and I didn't know what was going on!
Any text or images contained within the style tags aren't going to be visible on the page; you'll need to close the style tags at the end of your CSS instead. HTML tags like the center tag have to be outside the style tags, though I believe it's now suggested that you use CSS to align text instead of HTML tags.
Also image tags don't need to be closed, so that part can be dropped. ^^
How's this work?
<style type="text/css">
- {margin: 0; padding: 0;} , , , , , , , {display: none;} body, , {background: ;} .prototip {display: none;}
{width: 400px; margin-right: auto; margin-left: auto;}
/remove hustler banner/ .hustler {display:none;}
{text-indent: -9999px}
{text-align:center;}
</style>My previous incarnation was Ruby the Manchester Terrier!
This is me with my friend ! I am staring at the camera like that because it was making funny noises at the time and I didn't know what was going on!
Oh yeah, that solved it! Thanks for tweaking it for me. I didn't realize I was using HTML center tags either; thanks for that as well!
Would you also happen to know how to get the text centered with the pet image itself? And maybe how to move the minion underneath the pet image, to sit between that and the description? :/
No problem! And I think the best way to move the minion below the pet image and still keep everything centered would be to use absolute positioning, like this:
<style type="text/css">
- {margin: 0; padding: 0;} , , , , , , , {display: none;} body, , {background: ;} .prototip {display: none;}
{width: 400px; margin-right: auto; margin-left: auto;}
/remove hustler banner/ .hustler {display:none;}
{text-indent: -9999px}
{text-align:center; width:100%;}
{width:600px !important;} {width:600px; position:absolute; top:330px; margin-left:auto; margin-right:auto; z-index:1;} {position:relative; top:0px; width:100%; z-index:2;} {margin-left:auto; margin-right:auto;} {margin-top:196px; margin-bottom:40px; width:100%; z-index:2;}
</style>My previous incarnation was Ruby the Manchester Terrier!
This is me with my friend ! I am staring at the camera like that because it was making funny noises at the time and I didn't know what was going on!