SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Member
    Join Date
    Feb 2012
    Location
    Brazil
    Posts
    7
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Sidebar Issue - Line doesn't break

    Guys, iam creating an wordpress theme, and its almost done, but i just found a new problem today.

    My sidebar has a width of 300px, and it floats to right, to be side by side, with the content.

    But for some reason, when a add a post with a very big title, the widget that show the RECENT POSTS, bugs the sidebar, because the line doesn't break.

    This is my sidebar code
    Code:
    #sidebar {
    	float:right;
    	width:300;
    	font-size:14px;
    	font-family: Arial, Helvetica, sans-serif;
    	text-align:left;
    	margin-top:10px;
    }
    #sidebar a {
     text-decoration:none;
     color:#0066CC;
    }
    #sidebar a:hover {
     color:#999;
    }
    #sidebar h3 {
    	margin-top:14px;
    	border-bottom: 2px #CCC solid;
        text-transform: uppercase;
    	font-size:16px;
    }
    #sidebar ul li {
      	list-style: url(images/arrow.png) inside;
    	line-height:120%;
    	border-bottom: 1px #CCC solid;
    	height: 20px;
    	padding-top:5px;
    	display:block;
    
    }
    This is an image showing the problem:
    sidebar-problem.jpg

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,212
    Mentioned
    456 Post(s)
    Tagged
    8 Thread(s)
    Hi decau. I've moved this to the CSS forum, as it's a CSS issue. It's odd behavior, as normally the line would wrap. Are you sure that's the only CSS that applies to that text? Could you show us the HTML as well, or preferably a live link?

  3. #3
    SitePoint Member
    Join Date
    Feb 2012
    Location
    Brazil
    Posts
    7
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Well thanks for the attetion, but i already solved the problem, first of all i removed the Height form #sidebar ul li, and add width 300px, an know everything is working fine.

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,212
    Mentioned
    456 Post(s)
    Tagged
    8 Thread(s)
    Great, glad you got it sorted.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •