CSS Element creation

  • hozzy · Member ·

    I want to create an element for my blog. I kind of have an idea how to code in css, I’m not sure that is the right term though. Let me explain this way, you know that line that goes like this: #wrapper{}; I want to create another one that will do nothing but display a picture with a z-index greater then anything else and hold a png image that will display some cool image where ever I want it to on the page. Is this possible? Or am I wasting my time? I know you can do a lot css, check out csszengarden, all the same code, just different style sheet, so I think what I want to do is possible, I just haven’t found out how yet.

    thanks for help

  • hozzy · Member ·

    after 11 minutes of anxious waiting, and no one posting, I thought I may add this to the conversation, can some one tell me a list of all the possible elements one could use on wordpress.com? Or maybe you have do more then just define it, I tired this:
    #everything{
    width:300px;
    border: 1px solid #f00; }
    #wrapper{
    width:200px;
    border: 1px solid #f00; }

    #header{ border: 1px solid #f00; }

    the header and wrapper show up, but the everything doesn’t. You response is greatly appreciated.

    Thanks again.

  • vivianpaige · Member ·

    First, we don’t even know if you are hosted here at wp.com since you haven’t provided a link to your blog. Second, there are only a couple of CSS experts here and there is NO official support for it.

  • devblog · Member ·

    Yes, you have to do more thAn just define the selector.

    For the id selector “#everything” to work, you’d need to create an element with an ID of the same name, otherwise, it just won’t work. Because “header” and “wrapper” do exist in the source code, your changes are visible.

    Since no user has access to the PHP code to create elements, one way to achieve this is to create the element in a text widget. I believe the software removes ID attributes from the tags, so I’d suggest you to use a class instead. The code would look something like this:

    <div class="everything">
     <img src="yourimage.jpg" [other attributes] />
</div>

    Then in your CSS, change the selector from “#everything” to “.everything” and that should do it.

    For all this to work, I’m assuming you have the CSS upgrade.

    HTH

  • hozzy · Member ·

    Devblog, thank you for you help, it is much appreciated, I am going to try that right now.

  • The topic ‘CSS Element creation’ is closed to new replies.