- This topic is empty.
Viewing 1 post (of 1 total)
-
Ello
I’m making a website which uses a different colour for the Background (pink) and a diiferent colour for the wrapper (cream).
I keep getting a issue when I add a hyperlinks to text. the text will keep it’s background colour and but the rest of the div will become pink (when it should be cream)
any ideas what Im doing wrong?
the CSS
* {
font-family: "Courier New", Courier, monospace;
background-color: #FFE1E1;
}
#wrapper {
height: 506px;
width: 706px;
margin-right: auto;
margin-left: auto;
background-color: #FAF8E1;
}
#wrapper #holding {
height: 500px;
width: 700px;
margin: auto;
background-color: #FAF8E1;
}
#wrapper #holding #left {
height: 500px;
width: 175px;
float: left;
background-color: #FAF8E1;
}
#wrapper #holding #left #logo {
height: 100px;
width: 175px;
background-color: #F9F8E3;
}
#wrapper #holding #left #menu {
height: 300px;
width: 175px;
font-size: 12px;
background-color: #FAF8E1;
}
#wrapper #holding #left #menu #about {
background-color: #FAF8E1;
color: #896861;
text-decoration: none;
}
#wrapper #holding #left #menu #contact_us {
background-color: #FAF8E1;
color: #896861;
}
#wrapper #holding #left #menu #titles {
height: 250px;
width: 175px;
background-color: #FAF8E1;
}
#wrapper #holding #left #menu #titles #1 {
background-color: #FAF8E1;
color: #896861;
width: 100px;
height: 15px;
margin-right: 50px;
}
#wrapper #holding #left #menu #titles #2 {
color: #896861;
background-color: #FAF8E1;
width: 170px;
height: 15px;
}
#wrapper #holding #left #menu #titles #3 {
background-color: #FAF8E1;
color: #896861;
width: 170px;
height: 15px;
}
#wrapper #holding #left #menu #titles #4 {
color: #896861;
background-color: #FAF8E1;
width: 170px;
height: 15px;
}
#wrapper #holding #left #menu #titles #5 {
background-color: #FAF8E1;
color: #896861;
width: 170px;
height: 15px;
}
#wrapper #holding #left #menu #titles #6 {
color: #896861;
background-color: #FAF8E1;
width: 170px;
height: 15px;
}
#wrapper #holding #left #menu #titles #7 {
background-color: #FAF8E1;
color: #896861;
width: 170px;
height: 15px;
}
#wrapper #holding #left #menu #titles #8 {
color: #896861;
background-color: #FAF8E1;
width: 170px;
height: 15px;
}
#wrapper #holding #left #menu a {
color: #896861;
text-decoration: none;
background-color: #FAF8E1;
background-attachment: fixed;
background-repeat: repeat;
background-position: center center;
}
#wrapper #holding #right {
width: 500px;
height: 500px;
float: right;
background-color: #FAF8E1;
}
#wrapper #holding #right #main {
width: 500px;
height: 400px;
margin-top: 30px;
background-color: #FAF8E1;
}
#wrapper #holding #right #copyright {
font-size: 9px;
color: #896861;
background-color: #FAF8E1;
}
#wrapper #holding #right #Info_Text {
padding-top: 20px;
height: 450px;
background-color: #FAF8E1;
color: #896861;
}
#wrapper #holding #left #menu #numbers_holder {
background-color: #FAF8E1;
height: 160px;
}
the Html
About
Hayley was born in Burton-Upon-Trent, England in 1988. In July 2011 Hayley graduated Staffordshire University. Hayley has always been interested in art and found her passion for photography during her first year of studying for a National Diploma in Art & Design.
Copyright 2011
Thanks
Viewing 1 post (of 1 total)
- The forum ‘CSS’ is closed to new topics and replies.