Menu
I am attempting to modify the CSS on the GoDaddy website tonight template called Generic 16. The template currently has two images for the header ( I am assuming that I am using the correct terms). Each header image is 400 width x280 height pxs. I want the header to just be a single image that spans the entire 800 pxs and be 280 pxs high. All of my attempts still result in two images blocks. Can someone point me in the right direction so that I have just a single header image? I have posted the CSS below. Thanks
/*———————————-
Theme: D124
Category: Nav at Top of Banner
No Background
Name: Banner 280 – Footer
———————————-
body {
margin-top: 20px;
font-size: 12px;
font-family: Verdana, Helvetica, sans serif;
font-weight: normal;
}
p {
margin: 0;
padding: 0;
}
.sf_outer_wrapper {
width: 840px;
margin: 0 auto;
}
.sf_extra1 {
width: 840px;
height: 3px;
}
.sf_wrapper {
width: 800px;
margin: 0 auto;
}
/*——————————–
Top Navigation
———————————
.sf_navigation_top { /* one of the navs will be display: none;
width: 800px;
height: auto !important;
background-repeat: no-repeat;
background-position: left top;
}
.sf_navigation_top:after {
content: “.”;
display: block;
visibility: hidden;
height: 0;
font-size: 1px;
clear: both;
}
.sf_navigation_top ul {
margin: 0px;
padding: 0px;
height: auto !important;
}
.sf_navigation_top ul:after {
content: “.”;
display: block;
visibility: hidden;
height: 0;
font-size: 1px;
clear: both;
}
.sf_navigation_top ul li {
list-style-type: none;
display: inline;
float: left;
}
.sf_navigation_top ul li.sf_last_nav_item {
}
.sf_navigation_top ul li.sf_first_nav_item {
}
.sf_navigation_top ul li a {
width: 160px;
font-weight: bold;
text-align: center;
padding-top: 3px;
padding-bottom: 6px;
text-decoration: none;
display: block;
}
.sf_navigation_top ul li a:visited {
}
.sf_navigation_top ul li a:hover {
text-decoration: none;
}
/*————————————
Flyout menu
————————————
#Nav1,
#Nav1 ul { /* all lists
padding: 0;
margin: 0;
list-style: none;
}
#Nav1 a {
display:block;
}
#Nav1 li { /* all list items
float: left;
}
#Nav1 li ul { /* second-level lists
position: absolute;
width: 168px;
left: -999em;
z-index: 1000;
}
#Nav1 li ul li { /* second-level lists
background-color: #727272;
width: 160px;
background-image: none;
white-space: normal;
height: auto;
padding: 0px;
margin-left: 0px;
}
#Nav1 li ul li a, #Nav1 li ul li a:visited { /* second-level lists
background-image: none;
width: 160px;
height: auto;
}
#Nav1 li ul li a:hover { /* second-level lists
background-image: none;
width: 160px;
height: auto;
color: #bbb;
}
#Nav1 li:hover ul,
#Nav1 li.sfhover ul { /* lists nested under hovered list items
left: auto;
}
#Nav1 iframe {
position: absolute;
/* account for the border
left: -0.25em;
top: -0.25em;
z-index: 0;
filter: progid?XImageTransform.Microsoft.Alpha(style=0,opacity=0);
margin-left: 3px;
}
/*——————————–
End Top Navigation
———————————
.sf_extra10 {
}
/*——————————–
Header
———————————
.sf_header_wrapper {
clear: both;
margin-bottom: 0px;
height: 280px;
width: 800px;
}
.sf_extra2 {
float: right;
width: 400px;
height: 280px;
margin-top: 0px;
padding-right: 0px;
background-image: url(images/sf_main_image_280.jpg);
background-repeat: no-repeat;
}
.sf_main_header { /*–Don’t forget the height and overflow: hidden–
height: 250px;
width: 338px;
overflow: hidden;
font-size: 26px;
text-align: left;
padding: 15px 30px;
float: left;
}
.sf_main_header p {
margin: 0px;
padding: 0px;
}
.sf_extra3 {
}
.sf_sub_header {
display: none;
}
.sf_sub_header p {
margin: 0px;
padding: 0px;
}
/*——————————–
End Header
———————————
.sf_extra4 {
}
/*——————————–
Bottom Navigation
———————————
.sf_navigation {
display: none;
}
.sf_navigation ul {
}
.sf_navigation ul:after {
}
.sf_navigation ul li {
}
.sf_navigation ul li.sf_last_nav_item {
}
.sf_navigation ul li.sf_first_nav_item {
}
.sf_navigation ul li a {
}
.sf_navigation ul li a:visited {
}
.sf_navigation ul li a:hover {
}
/*——————————–
End Bottom Navigation
———————————
.sf_extra5 {
height: 30px;
}
/*——————————–
Page Title
———————————
.sf_pagetitle {
width: 740px;
float: left;
font-size: 16px;
font-weight: bold;
text-align: left;
padding-bottom: 8px;
padding-left: 30px;
padding-right: 30px;
}
.sf_pagetitle h1 {
font-size:16px;
font-weight:bold;
margin:0;
}
/*——————————–
End Page Title
———————————
.sf_extra6 {
}
/*——————————–
Sub Navigation
———————————
.sf_subnavigation { /* subnavigations always display: none;
display: none;
}
.sf_subnavigation ul {
}
.sf_subnavigation ul:after {
}
.sf_subnavigation ul li {
}
.sf_subnavigation ul li.sf_last_nav_item {
}
.sf_subnavigation ul li.sf_first_nav_item {
}
.sf_subnavigation ul li a {
}
.sf_subnavigation ul li a:visited {
}
.sf_subnavigation ul li a:hover {
}
/*——————————–
End Sub Navigation
———————————
.sf_extra11 {
}
/*——————————–
Content
———————————
.sf_content {
float: left;
width: 780px;
padding: 0 0px 20px 20px;
margin: 0px;
}
/*——————————–
End Content
———————————
.sf_extra12 {
}
/*——————————–
Sub Navigation2
———————————
.sf_subnavigation2 { /* subnavigations always display: none;
display: none;
}
.sf_subnavigation2 ul {
}
.sf_subnavigation2 ul:after {
}
.sf_subnavigation2 ul li {
}
.sf_subnavigation2 ul li.sf_last_nav_item {
}
.sf_subnavigation2 ul li.sf_first_nav_item {
}
.sf_subnavigation2 ul li a {
}
.sf_subnavigation2 ul li a:visited {
}
.sf_subnavigation2 ul li a:hover {
}
/*——————————–
End Sub Navigation2
———————————
.sf_extra7 {
}
.sf_extra7 span {
}
/*————————–
Footer
————————–
.sf_footer {
float: left;
width: 740px;
text-align: left;
font-size: 10px;
padding: 80px 30px 0px 30px;
min-height:20px;
height:auto !important;
height:20px;
}
/*————————–
End Footer
————————–
.sf_extra8 {
}
.sf_extra9 {
width: 840px;
height: 3px;
clear: both;
}
/*————————–
Extra Stuff
————————–
a:link {
}
a:visited {
}
a:hover {
}
.sf_banner {
margin-top: 45px;
text-align: center;
}
/**
* Sticking flyout menu bug
*
* @css-for ie7
*/
#Nav1 li:hover, #Nav1 li.hover {
position: static;
}