I can't CSS

I've had lots of problem with CSS. I've watched at least a good couple days worth of tutorials, and read webpages dedicated to it. However I can't do the simplest of things. I do one thing right and then something else gets messed up, fix that and then something else messes up, repeat infinitely. I can't CSS. I spent 4 hours working on a signature one day and then I swapped in a picture for the one I already had there, which should have had no effect on it, and everything just went to ♥♥♥♥ and I tried to fix it which only made it worse. I need the CSS Jesus and apparently a couple of hits to the head so my brain decides to work again. #frustrated

Im currently at work, but I can teach you the basics of it when I get back. I was in the exact position you are in, and I remember when I finally got it it was such a great feeling haha

What do you want to do, exactly? I can help. #webdesigner

That'd be perfect. I just want to do the simple things like put some text over the pictures so I can link things and then I wanted to do a signature with 3 sidebyside pics, and I just need to know and understand how to do the simple things because that would probably allow me to figure out other things a lot easier and wouldn't take too much time or effort to explain or teach it to me.

First lesson: sometimes things that seem like they should be simple like side-by-side boxes are super complicated. :(

Tell me about it. I had them fine and I had two pictures side by side and then when I went to put in a different picture it got all messed up for some reason and I tried to put the picture back in that was in before and it got even more messed up.

Link me to the picture(s) you want and what text you want and whatever other instructions of what you want it to be like, and then I'll give you the code and you can play around with it to see what the attributes do.

Well for what I want for now I just want css for putting text on a picture in a list format, and then I need to learn how to put multiple pictures in side by side eventually.

These are the pics for the side by side, I need to resize and mess around with them a bit first but yea.

O'aka XXIII;bt99270 said:

Well for what I want for now I just want css for putting text on a picture in a list format, and then I need to learn how to put multiple pictures in side by side eventually.

These are the pics for the side by side, I need to resize and mess around with them a bit first but yea.

Spoiler:

Click to expand...

I'll wait until you handle the images like you plan on doing. Here's just an example:


In this code:
background-image: url('http://img1.wikia.nocookie.net/__cb20131027190423/finalfantasy/images/0/0e/Seymour_Headshot.jpg'); DICTATES TO BACKGROUND IMAGE OF THE CSS. ('URL HERE'); DON'T REMOVE THE APOSTROPHES.
width: 650px; TELLS HOW WIDE IT IS. MAKE IT IN PIXELS THE WIDTH OF THE IMAGE.
height: 366px; TELLS THE LEGNTH. MAKE IT IN PIXELS THE HEIGHT OF THE IMAGE.
color: white; FONT COLOR. NOT BACKGROUND COLOR. BACKGROUND ATTRIBUTE FOR THAT. CAN BE HEX, COLOR, OR RGB.
padding: 40px; PADS THE DIV BY THE SPECIFIED. YOU CAN EXCHANGE IT FOR SPECIFIC AREAS. EXAMPLE: PADDING-LEFT, PADDING-RIGHT, PADDING-BOTTOM, PADDING-TOP.

If you want to know a lot of stuff CSS-wise, I suggest you visit this topic here: http://www.pokecommunity.com/showthread.php?t=200899 :)

If you want a custom list with your own padding for deciding on what to do with them, instead of using the list bbcode, then let me know because I can do that too.

The best way to really understand CSS is getting a code and dissecting it yourself to understand what every attribute does to the element.

Yea I had the supporter collab that I was using as a base for my previous sig and I had figured something out but then I went to sleep and forgot lol.

PM me if you're still confused on CSS. I'd be more than happy to guide you.