I edited twenty ten theme and I need little help.

Discussion in 'CSS' started by haradeep, Oct 11, 2010.

0
  1. #1
    Hi Guys,

    As title describes, I need little help in css.

    Below is the page I edited

    http://www.prabhukiran.org/

    As U can see two errors in the page.

    1. I want to remove space between header image and top
    I moved the text on the image(I'm not able to remove the gap)

    2. U can see horizontal scroll which is useful for nothing.


    Thanks in advance...
     
    haradeep, Oct 11, 2010 IP
  2. radiant_luv

    radiant_luv Peon

    Messages:
    1,327
    Likes Received:
    34
    Best Answers:
    1
    Trophy Points:
    0
    #2
    First one,

    Remove line-height:78px from h1.fontface

    
h1.fontface {

[COLOR="red"] line-height:78px;[/COLOR]
}
    Code (markup):
    Second one,

    I guess, you have a inline style for the text "Christ At Any Cost"; add a float property.
    
<div style="font-size: 24px; font-family: Comic Sans MS; color: rgb(255, 255, 255); position: relative; top: 60px; left: 700px; [COLOR="darkgreen"]float: left[/COLOR];">Christ At Any Cost</div>
    Code (markup):
     
    radiant_luv, Oct 11, 2010 IP
  3. CSM

    CSM Active Member

    Messages:
    1,047
    Likes Received:
    25
    Best Answers:
    0
    Trophy Points:
    55
    #3
    I would not use rbg color for thiat div, won't be shown for IE and older browsers.

    
color: rgb(255, 255, 255);
    Code (markup):
    should be

    
color: #fff;
    Code (markup):
     
    CSM, Oct 11, 2010 IP