CSS Help, please :)

  • xrockchild

    (@xrockchild)


    17 years, 6 months ago

    So I am working with some CSS and there is an image that needs to span the down or up depending on the word press entries or whatever content is put in that place. The blue outline box isn’t fitting the WP entries and I can’t quite figure out how to do it so it fits the two entries than expands furthur down when you view or want to add a comment so all the content is within the blue box.

    What I am working on:

    http://oct31st.org/wp/

    Here is the CSS & header file, I can’t quite figure it out!

    http://oct31st.org/wp/wp-content/themes/oct31/style.css

    The rest of the code is in the view source on the page above (oct31st.org/wp) as the header file.

    Any help would be much appreciated I am stuck 🙁

    Thanks,
    Adam

Viewing 4 replies - 1 through 4 (of 4 total)
  • devlshone

    (@devlshone)

    17 years, 6 months ago

    Looks like you’ve got some mispaced DIVs. Your content DIV should be nested within the centercontent DIV.
    Hope this helps!

    Thread Starter xrockchild

    (@xrockchild)

    17 years, 6 months ago

    Thank you for replying!

    Sheesh I tried moving it within the centercontent div and it dropped it down. My code must be way off! I am having a hard time learning this css2! 🙁

    Thanks
    Adam

    jberghem

    (@jberghem)

    17 years, 6 months ago

    Hey Adam, the site looks really cool. I can’t wait to see it when it’s finished. But you really need to fix some major XHTML errors before trying to fix your layout & style problems. Validate your XHTML at http://validator.w3.org/ Once you’ve fixed the XHTML the CSS will be a piece of cake.

    There are only a few syntax errors in your CSS:
    Change

    #centercontent {
background:url(/images/bg.jpg); repeat-y;
width: 698px;
margin:0 auto;
 	}

    into:

    #centercontent {
background:url(/images/bg.jpg);
background-repeat: repeat-y;
width: 698px;
margin:0 auto;
 	}

    And

    a:link, a:visited, a:active
{color: #574182; text-decoration: underline; background: # none;}
a:hover
{color: #60aac1; text-decoration: underline; background: # none;}

    into:

    a:link, a:visited, a:active
{color: #574182; text-decoration: underline; background: none;}
a:hover
{color: #60aac1; text-decoration: underline; background: none;}

    Thread Starter xrockchild

    (@xrockchild)

    17 years, 6 months ago

    Thanks I appreciate it 🙂

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘CSS Help, please :)’ is closed to new replies.