How do I edit banner??

Discussion in 'HTML & Website Design' started by tonyfloyd, Mar 7, 2008.

  1. andymayo

    andymayo Guest

    Messages:
    652
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    0
    #21
    ive removed it.. but uve now put 1 there yourself... and why not ask me not a mod..can i ask why you dont want a live link?
     
    andymayo, Mar 11, 2008 IP
  2. tonyfloyd

    tonyfloyd Well-Known Member

    Messages:
    1,230
    Likes Received:
    37
    Best Answers:
    0
    Trophy Points:
    140
    #22
    hard to believe not 1 person out there that can help me fix my header issue.....anyone?

    would appreciate it.....

    thanks
    tony
     
    tonyfloyd, Mar 11, 2008 IP
  3. andymayo

    andymayo Guest

    Messages:
    652
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    0
    #23
    ive told you how . make the image bigger it is not hard. why dont you want a lve link?
     
    andymayo, Mar 12, 2008 IP
  4. andymayo

    andymayo Guest

    Messages:
    652
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    0
    #24
    ok you dont seem to understand www.hollywoodgonewild.com

    1. open image sditing software at the same size as the banner.
    2. make the banner longer.
    3. put it on the site.
    4 if size is incorrece repeat.

    :p
     
    andymayo, Mar 12, 2008 IP
  5. tonyfloyd

    tonyfloyd Well-Known Member

    Messages:
    1,230
    Likes Received:
    37
    Best Answers:
    0
    Trophy Points:
    140
    #25
    ok....$5 paypal to whoever can help me edit code in css index or header file to get banner to display properly.......this is driving me nuts.....:)
     
    tonyfloyd, Mar 12, 2008 IP
  6. ronakbhagdev

    ronakbhagdev Peon

    Messages:
    251
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    0
    #26
    what i told first, you can't stretch your image with css (you can but will loose charm of image).
    For this you have only one option...
    - Go to any image editor, and change the size of banner.
     
    ronakbhagdev, Mar 12, 2008 IP
  7. tnt-tek

    tnt-tek Peon

    Messages:
    90
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #27
    You have your header as the body background.
    Remove it from the background and include an img tag in div#header. Set the width of div#header to 100% and apply text-align:center; background-color:#000;

    Add text-align:left; to the nested divs.
     
    tnt-tek, Mar 12, 2008 IP
  8. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #28
    Do this, exactly:
    body {…} remove background property
    
    .top-header {                 /*style.css (line 445)*/
      background:black url(images/bg.gif) no-repeat center top;
      height:152px;
      }
    
    .navigator {                  /*style.css (line 470)*/
    background-color:black;
    }
    
    .navigator ul {               /*style.css (line 475)*/
    list-style-type:none;
    margin:0px;
    padding:0px;
    }
    
    .page_item {…}  delete float property
    
    .page_item a {…} delete float property
    Code (markup):
    cheers,

    gary
     
    kk5st, Mar 12, 2008 IP
  9. tonyfloyd

    tonyfloyd Well-Known Member

    Messages:
    1,230
    Likes Received:
    37
    Best Answers:
    0
    Trophy Points:
    140
    #29
    gary...didnt work....it removed the entire banner..and just had a black background....no image....
     
    tonyfloyd, Mar 13, 2008 IP
  10. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #30
    Then, you didn't do what I told you.

    gary
     
    kk5st, Mar 13, 2008 IP
  11. tonyfloyd

    tonyfloyd Well-Known Member

    Messages:
    1,230
    Likes Received:
    37
    Best Answers:
    0
    Trophy Points:
    140
    #31
    i did step for step.....ill do it again and show u
     
    tonyfloyd, Mar 13, 2008 IP
  12. tonyfloyd

    tonyfloyd Well-Known Member

    Messages:
    1,230
    Likes Received:
    37
    Best Answers:
    0
    Trophy Points:
    140
    #32
    all that was needed was this removed from the body...and added to the header....:)

    background: #000000 url(images/bg.gif) no-repeat;

    simple.....

    thanks to all......for nothing...lol...:)
     
    tonyfloyd, Mar 14, 2008 IP
  13. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #33
    Which is what I told you to do. I also cleaned up some poor coding. If you can't follow instructions ….

    gary
     
    kk5st, Mar 15, 2008 IP
  14. tonyfloyd

    tonyfloyd Well-Known Member

    Messages:
    1,230
    Likes Received:
    37
    Best Answers:
    0
    Trophy Points:
    140
    #34
    Gary....if i'm not mistaken ...you told me to do the following:

    body {…} remove background property

    .top-header { /*style.css (line 445)*/
    background:black url(images/bg.gif) no-repeat center top;
    height:152px;
    }

    .navigator { /*style.css (line 470)*/
    background-color:black;
    }

    .navigator ul { /*style.css (line 475)*/
    list-style-type:none;
    margin:0px;
    padding:0px;
    }

    .page_item {…} delete float property

    .page_item a {…} delete float property

    which is no where near all that was needed....and i can follow instructions....especially correct ones...:)
     
    tonyfloyd, Mar 15, 2008 IP
  15. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #35
    Yep, remove the background image from body and put it on .top-header
    
    body {…} [color=red]remove background property[/color]
    
    .top-header { /*style.css (line 445)*/
    [color=red]background:black url(images/bg.gif) no-repeat center top;[/color]
    height:152px;
    }
    Code (markup):
    I didn't just pull that out of my butt—I tested, too.

    gary
     
    kk5st, Mar 15, 2008 IP
  16. tonyfloyd

    tonyfloyd Well-Known Member

    Messages:
    1,230
    Likes Received:
    37
    Best Answers:
    0
    Trophy Points:
    140
    #36
    well....look below...it doesn't go in .top-header as u imply.....i added to #header.....and i tested what u requested...and it didn't work....so either test again.,..or get your head out of your butt...:)....anyways...thanks for your help...?


    #header {
    float: left;
    width: 960px;
    height: 180px;
    background: #000000 url(images/bg.gif) no-repeat;
    }
     
    tonyfloyd, Mar 16, 2008 IP
  17. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #37
    I didn't use #header because it's superfluous.
    
    #header {}
    
    .top-header {
      background: black url(http://www.hollywoodgonewild.com/wp-content/themes/soloss/images/bg.gif) no-repeat;
      height: 152px;
      }
    
    .top-header a {
      color: #ffffff;
      text-decoration: none;
      }
    
    .top-header h1 {
      background-color: black;
      color: #ffffff;
      font-size: 36px;
      }
    
    .top-header p {
      background-color: black;
      color: #ffffff;
      margin: 0px;
      }
    
    .navigator {                  /*style.css (line 470)*/
      background-color:black;
      }
    
    .navigator ul {               /*style.css (line 475)*/
      list-style-type: none;
      margin: 0;
      padding: 0 0 3px;
      }
    
    .page_item {
      display: inline;
      font-size: 20px;
      line-height: 24px;
      }
    
    .page_item a {
      color: #FFFFFF;
      text-decoration: none;
      padding-right: 10px;
      padding-left: 10px;
      }
    
    .page_item a:hover {
      color: #999999;
      background: url(http://www.hollywoodgonewild.com/wp-content/themes/soloss/images/home.gif) no-repeat center bottom;
      }
    Code (markup):
    Works as advertised. Don't be such a horse's patoot.

    gary
     
    kk5st, Mar 16, 2008 IP
  18. andymayo

    andymayo Guest

    Messages:
    652
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    0
    #38
    fight fight fight!
     
    andymayo, Mar 17, 2008 IP