Problem with button being cut off

Discussion in 'HTML & Website Design' started by GReddy4u, Dec 22, 2009.

0
  1. #1
    joshsonunionsquare dot com/index1.php

    I just added a 3rd button on the main section titled 'Photos' and as you can see it is being cut off. I've checked my code and it seems all 3 buttons have the same margins so I'm not sure what could be wrong.

    Any help is appreciated
     
    GReddy4u, Dec 22, 2009 IP
  2. ibg

    ibg Member

    Messages:
    25
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    38
    #2
    I see some code in the .css that might be causing this :
    border-right:px solid #
    If it's not that that just hit a few &nbsp before and after the text and it should show fine.
     
    ibg, Dec 22, 2009 IP
  3. GReddy4u

    GReddy4u Active Member

    Messages:
    442
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    60
    #3
    I just found a solution but thanks anyways :).
    I had to change this code...
    .slider-post .button { 
background: url(images/buttonbg.png) repeat-x scroll center top; 
margin:0 10px 0 0; padding:9px 14px 9px 12px; cursor:pointer; 
font:bold 14px Georgia, "Times New Roman", Times, serif;
color:#ffffff; border:none; border-right:px solid #;
border-bottom:0px solid #; }
    Code (markup):
    to this...
    .slider-post .button {
background:transparent url(images/buttonbg.png) repeat-x scroll center top;
color:#FFFFFF;
cursor:pointer;
float:left;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:14px;
font-weight:bold;
text-align:center;
width:82px;
}
    Code (markup):
     
    GReddy4u, Dec 22, 2009 IP