Rate this Entry

I can't CSS

Posted August 3rd, 2014 at 1:35 PM by Sonata

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
Posted inUncategorized
Views 3437 Comments 13
« Prev     Main     Next »
Total Comments 13

Comments

  1. Old Comment
    El Héroe Oscuro's Avatar
    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
    Posted August 3rd, 2014 at 1:51 PM by El Héroe Oscuro El Héroe Oscuro is offline
  2. Old Comment
    Nick's Avatar
    What do you want to do, exactly? I can help. #webdesigner
    Posted August 3rd, 2014 at 2:33 PM by Nick Nick is offline
  3. Old Comment
    Sonata's Avatar
    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.
    Posted August 3rd, 2014 at 3:49 PM by Sonata Sonata is offline
  4. Old Comment
    Oryx's Avatar
    First lesson: sometimes things that seem like they should be simple like side-by-side boxes are super complicated. :(
    Posted August 3rd, 2014 at 4:01 PM by Oryx Oryx is offline
  5. Old Comment
    Sonata's Avatar
    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.
    Posted August 3rd, 2014 at 4:12 PM by Sonata Sonata is offline
  6. Old Comment
    Nick's Avatar
    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.
    Posted August 3rd, 2014 at 4:32 PM by Nick Nick is offline
  7. Old Comment
    Sonata's Avatar
    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:



    Posted August 3rd, 2014 at 5:56 PM by Sonata Sonata is offline
  8. Old Comment
    Nick's Avatar
    Quote:
    Originally Posted by O'aka XXIII View Comment
    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:



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

    Lorem ipsum

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    • Aenean eros mi, luctus eget nulla sit amet, laoreet dapibus mi. Morbi nibh orci, dapibus a molestie ut, feugiat vitae tortor.
    • Nam vitae convallis turpis, quis auctor nibh. Sed dapibus diam neque, sed mollis nunc consequat nec. Vivamus a mi a est mattis malesuada.


    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.
    Posted August 3rd, 2014 at 6:15 PM by Nick Nick is offline
  9. Old Comment
    Tsutarja's Avatar
    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 :)
    Posted August 3rd, 2014 at 6:16 PM by Tsutarja Tsutarja is offline
  10. Old Comment
    Nick's Avatar
    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.
    Posted August 3rd, 2014 at 6:16 PM by Nick Nick is offline
  11. Old Comment
    Nick's Avatar
    The best way to really understand CSS is getting a code and dissecting it yourself to understand what every attribute does to the element.
    Posted August 3rd, 2014 at 6:17 PM by Nick Nick is offline
  12. Old Comment
    Sonata's Avatar
    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.
    Posted August 3rd, 2014 at 6:22 PM by Sonata Sonata is offline
  13. Old Comment
    Meganium's Avatar
    PM me if you're still confused on CSS. I'd be more than happy to guide you.
    Posted August 3rd, 2014 at 10:24 PM by Meganium Meganium is offline