Brooklyniancommunity archive · read-onlyContact

CSS/HTML wizards, please read

dailyheights
dailyheights
edited November -1 in Prospect Heights
Why is the header image at www.dailyheights.com repeating? How can I get it to stop?

Here's the code:

#header {
font-size: 23px;
font-weight: bold;
text-transform: capitalize;
letter-spacing: 0.2em;
margin: 0 3px 0 3px;
max-height: 120px;
padding-left: 200px;
padding-right: 100px;
padding-top: 0px;
padding-bottom: 0px;
background-image: url("img/dh-cropped.jpg");
}

Also, how do I change the header text color from that garish bluish thing?

Comments

  • dailyheights
    dailyheights
    OK, I kinda figured it out.

    I ran into someone on the street yesterday who said they hated the new design. So here's the new new design: http://www.dailyheights.com
  • brookfetish
    brookfetish
    dailyheights wrote: OK, I kinda figured it out.

    I ran into someone on the street yesterday who said they hated the new design. So here's the new new design: http://www.dailyheights.com
    Just curious: why no obvious link to the message boards?
  • dailyheights
    dailyheights
    Good question - how should we do it? Put tabs at the top of the page?
  • carnivore
    carnivore
    BrookFetish wrote: [quote=dailyheights]OK, I kinda figured it out.

    I ran into someone on the street yesterday who said they hated the new design. So here's the new new design: http://www.dailyheights.com
    Just curious: why no obvious link to the message boards?
    Yeah. When I realized that, I took the link to the blog off my bookmark bar and switched it with a link to the boards. I'll switch back once there's an easy link to the boards again.
  • mr. tips
    mr. tips

    Subject: Re: CSS/HTML wizards, please read

    dailyheights wrote: Why is the header image at www.dailyheights.com repeating? How can I get it to stop?

    Here's the code:

    #header {
    font-size: 23px;
    font-weight: bold;
    text-transform: capitalize;
    letter-spacing: 0.2em;
    margin: 0 3px 0 3px;
    max-height: 120px;
    padding-left: 200px;
    padding-right: 100px;
    padding-top: 0px;
    padding-bottom: 0px;
    background-image: url("img/dh-cropped.jpg");
    }

    Also, how do I change the header text color from that garish bluish thing?

    #header {
    font-size: 23px;
    font-weight: bold;
    text-transform: capitalize;
    letter-spacing: 0.2em;
    margin: 0 3px 0 3px;
    max-height: 120px;
    padding-left: 200px;
    padding-right: 100px;
    padding-top: 0px;
    padding-bottom: 0px;
    background-image: url("img/dh-cropped.jpg");
    background-repeat: no-repeat;
    }


    EDIT: and you gotta add

    Color: #------;

    to what ever hex color u want. its blue because your CSS says

    a {
    color: #0000FF;
    }

    a:visited {
    color: #444;
    text-decoration: underline;
    }

    a:hover {
    color: #0000f1;
    }
    EDIT 2:
    You did it already! :D