Profile Layouts - Lesson 2: How to put the text over the picture.

nam woohyun

hey guise, hey.

lesson number two is here! if you haven't seen one, it was about borders & padding. let's start!

first, you obviously need the picture. i mentioned this in the first lesson too. so don't worry about not knowing how to put in an image.

this would probably be the hardest part. because it includes the source code.

click on that, and the code thing should look like this:

then, you need to add in this code:

margin: 0px 0px 0px 0px;

right after the height:

the hardest part is the dash/hyphen/negative thingy. to move it closer towards the image, you have to put the dash before the number.

margin: 0px 0px -100px 0px;

so you're not confused, the order of the numbers is top right bottom left.

if you want the text to be on the top half, the easiest way is to start from the bottom and make your way up, or the hard way is to put a margin on the text. which i honestly can't be bothered doing. i'm lazy.

if you need more help, come and ask me. i also do other things about profiles. hopefully this helped. it does not look pretty though. ew. look at it. don't look at it actually.