Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS wrapping text

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
    Posts
  • #30677
    jat
    Member

    EDIT: I think I got this fixed. Thanks anyways. I would post how I did it, but im honestly not sure lol.

    I am not sure why this is happening but I am using a WordPress plugin to display tweets and they kept running off the box they were in. If I add overflow: scroll; to my css then everything looks ok even though it doesnt actually need to scroll it just seems to wrap the text correctly when I add that.

    the site is a myfom.org and you can see what I am talking about on the right hand side under youth tweets. im pretty new to using css so im lost. here is the css code that pertains to the sidebar. I want the text to wrap without having the scrollbars there.

    /**/
    .sidebar
    {
    float:left;
    width:265px;

    margin:22px 0 0 10px;
    }

    .sidebar ul, .sidebar ul li, .sidebar ul li ul, .sidebar ul li ul li
    {
    margin:0;
    padding:0;
    list-style:none;
    border:0;
    background:none;
    }

    .sidebar ul li, .sidebar ul, .sidebar ul li ul
    {
    display:block;

    }
    .sidebar ul li
    {
    width:268px;
    border:1px dashed #99936f;
    background:url(images/sidebar_body.gif) top left repeat;
    margin:0 0 10px 0;

    }
    .sidebar ul li h2
    {
    width:268px;
    height:33px;
    background:url(images/sidebar_h2.gif) top left repeat-x;
    margin:11px 0 20px 0;
    color:#c7d1db;
    text-transform:uppercase;
    font: bold 24px/33px “Trebuchet MS”, Helvetica, sans-serif;
    padding:0 0 0 18px;

    }
    .sidebar ul li ul
    {
    width:265px;
    margin:0 0 10px 0;
    padding:0px;

    }

    .sidebar ul li ul li
    {
    overflow: scroll;
    margin:0 0 0px 10px;
    padding: 5px 0 5px 13px;
    background:url(images/bullet.gif) left top no-repeat;

    }

    .sidebar ul li ul li a, .sidebar ul li ul li, .sidebar ul li ul li a:visited
    {
    font:normal 13px/13px Georgia, “Times New Roman”, Times, serif;
    color:#000;
    overflow: scroll;

    }

    .sidebar ul li ul li a:hover
    {
    color:#73794f;

    }
    .sidebar ul li input.search_input
    {
    width:180px;
    height:18px;
    background:#e4ddc6;
    border:1px solid #8d8c87;
    vertical-align:middle;
    font:normal 12px/100% “Trebuchet MS”, Helvetica, sans-serif;
    padding:1px 0 0 5px;
    margin:0 5px 0 0;
    }

    .sidebar ul li input
    {
    vertical-align:middle;
    }
    .sidebar ul li input.submit_search
    {
    width:32px;
    height:21px;
    background:#667b8f;
    border:1px solid #667b8f;
    margin:0 0 0 0px;
    padding:0;
    font:bold 12px/100% “Trebuchet MS”, Helvetica, sans-serif;
    color:#fff;
    text-transform:uppercase;
    cursor:pointer;
    }

Viewing 1 post (of 1 total)
  • The forum ‘CSS’ is closed to new topics and replies.