- Home
- Web Development
- Web Languages/Standards
- CSS
- A question about CSS programming
Advertisement
| Hall of Fame |
- 1. Kravimir980,626
- 2. myderrick226,743
- 3. LZ1222,528
- 4. renazonse160,695
- 5. yessirnosir145,167
- 6. Steggs132,786
- 7. dachusa130,938
- 8. abel130,660
- 9. qwerty124,197
- 10. s8web117,721
- 11. therealteune113,185
- 12. jason1178106,348
- 13. locke_a99,925
- 14. glumlun95,840
- 15. level9wiz...92,784
- 16. amar31...79,840
- 17. mplungjan79,102
- 18. hankknight72,790
- 19. lharrispv68,063
- 20. mreuring67,911
- 21. flob966,920
- 22. selvol63,878
- 23. kadaba58,817
- 24. erikTsomik54,408
- 25. quincydude52,260
- 1. Kravimir1,705,435
- 2. VirusMinus1,496,602
- 3. Steggs1,371,276
- 4. GrandSch...1,081,204
- 5. seanpow...810,340
- 6. TName803,948
- 7. hielo666,664
- 8. Roonaan505,936
- 9. Eternal_S...444,661
- 10. scrathcyboy432,370
- 11. COBOLdi...415,775
- 12. mreuring404,498
- 13. yessirnosir269,237
- 14. oceanbeach264,232
- 15. GreenGho...232,879
- 16. Batalf232,544
- 17. myderrick226,743
- 18. LZ1224,028
- 19. mplungjan221,240
- 20. glumlun220,442
- 21. jason1178212,643
- 22. Zyloch210,215
- 23. GoofyDawg187,739
- 24. brunobear180,348
- 25. renazonse160,695
|
[x]
Posted via EE Mobile
|
||
Search, ask, and monitor your questions on the go with EE Mobile. Visit Experts Exchange from your mobile device and never be out of touch again. |
||
| Question |
|
[x]
Attachment Details
|
||
|
[x]
The Solution Rating System
|
||
With so many solutions, how can you tell which solutions are most likely to help you and which ones are not? To provide you with a tool to use, we rate our solutions based on various elements that most accurately determine if a solution is a quality solution. To explain what factors affect the solution rating, here are the elements we take into consideration when formulating our solution rating.
Your Input Matters If you have any suggestions that you would like to make for our rating system, please ask a question in the Suggestions Zone of Community Support. Thank you! |
||
A question about CSS programming
Asked by Headhunting55 in Cascading Style Sheets (CSS)
Tags: CSS
I have attached a picture that indicates my layout and what i want to do with it. Keep in mind that the yellow part has a gradient and it's sliced and repeated along my x axis
The black box is also a gradient that needs to be repeated, the UL will come on top of this box and i also want to add rollover(which i am fine with)
And the blue area is supposed to hold content that will be different on each page
My problem: i cannot seem to be able to place the stuff the way i want it(the way it's shown in the picture)
Basically i have the following code:
HTML:
<body>
<div id='container'>
<div id='logo'>
<span><a href="#">My site</a></span>
</div>
<div id='city'>
<span><a href="#">Dubai</a></span>
</div>
<div id='menu'>
<ul>
<li><a href="#">About me </a></li>
<li><a href="#">tennis</a></li>
<li><a href="#">turnaments</a></l
<li><a href="#">trips</a></li>
<li><a href="#">Contact us</a></li>
</ul>
</div>
<div id='content'> </div>
<div id='footer'> <a href="#">this is the end of the site</a> </div>
</div>
</body>
My CSS:
body {
background-color: #333;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
text-align:center;
}
a{
color:#336B47;
}
a:link{
color:#336B47;
}
a:visited{
color:#336B47;
}
a:hover {
color:#938E77;
text-decoration:none;
}
#container {
background-image: url(bg-gradient.jpg);
background-repeat: repeat-x;
margin:0 auto;
height: 500px;
width: 600px;
}
#logo{
width:120px;
height:140px;
float: left;
background:url(logo.gif) no-repeat;
background-position: 10px 10px;
overflow: hidden;
}
#logo span a:link, span a:hover, span a:visited, span a:active{
display: block;
width:120px;
height:140px;
text-indent: -100000px;
}
#city {
padding-top: 80px;
text-align: center;
text-transform: uppercase;
font-size:large;
}
#city span a:link, span a:hover, span a:visited, span a:active{
text-align: center;
}
#menu {
float:left;
text-align:left;
}
ul#menu{
list-style: none;
}
ul#menu li{
display: block;
list-style: none;
}
Can someone plase help me position the rest of the items, i don't exactly know why i can't float the UL and add backgorund under the logo and then position it
