hi!
im very new to html.... and ive got the website how i want it, but there's one thing i cant fix
i want the navigation tab (home, about, blog, contact) BELOW the header, not above it, where it is now
ive tried everything by trial and error but nothing works
pls help me.... ive posted the code below
thanks!
PS: my website is: http://www.jeremybatesbooks.com/
/*----------------------------------
Theme696
----------------------------------*/
/*----------------------------------
Typography Reset
----------------------------------*/
h1 a, h1 a:visited,
h2 a, h2 a:visited,
h3 a, h3 a:visited,
h4 a, h4 a:visited,
h5 a, h5 a:visited {
color: #646464 !important;
}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
h1 {font-size:16px;margin:10px 0;font-family: Arial, Helvetica, FreeSans, sans-serif;}
h2 {font-size:16px;margin:10px 0;font-family: Arial, Helvetica, FreeSans, sans-serif;}
h3 {font-size:16px;margin:10px 0;font-family: Arial, Helvetica, FreeSans, sans-serif;}
h4 {font-size:14px;margin:5px 0;font-family: Arial, Helvetica, FreeSans, sans-serif;}
h5 {font-size:13px;font-weight:bold;margin:5px 0;padding: 0px;font-family: Arial, Helvetica, FreeSans, sans-serif;}
h6 {font-size:13px;font-weight:bold;margin:3px 0; padding: 0px;font-family: Arial, Helvetica, FreeSans, sans-serif;}
/*----------------------------------
General
----------------------------------*/
body {
margin: auto;
background-color: #ffffff;
color:#545454;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 13px;
font-weight: normal;
}
.sf_outer_wrapper {
width: 964px;
margin: 0 auto;
}
.sf_wrapper {
width: 964px;
margin: 0 auto;
}
/*--------------------------------
Header
---------------------------------*/
.region2 {
height:300px;
width: 964px;
}
.sf_main_header {
width: 964px;
text-align: left;
font-family: Georgia, "Nimbus Roman No9 L", serif;
font-size: 48px;
font-weight: normal;
font-variant: normal;
padding: 10px 10px;
float: left;
}
.sf_sub_header {
display: none;
}
.sf_main_header p {
margin: 0;
padding: 0;
}
/*--------------------------
End Header
--------------------------*/
/*--------------------------------
Navigation
---------------------------------*/
.sf_navigation h3 {
display:none;
}
.sf_navigation .widget_content {
padding: 0px;
margin: 0px;
}
.sf_navigation {
clear:both;
font-family: Arial, Helvetica, FreeSans, sans-serif;
min-height:40px;
height:auto !important;
height:40px;
padding:10px 20px 0px;
margin:0px;
font-size:30px;
letter-spacing: 1px;
text-transform: lowercase;
width: 924px;
float: left;
}
.sf_navigation:after {
content: " ";
display: block;
clear: both;
visibility: hidden;
font-height: 1px;
margin:0px;
padding:0px;
}
.sf_navigation ul {
margin:0px;
padding:0px;
list-style-type:none;
height:1%;
float: left;
}
.sf_navigation ul:after {
content: ".";
display: block;
visibility: hidden;
height: 0;
font-size: 1px;
clear: both;
}
.sf_navigation ul li {
min-height:40px;
height:auto !important;
height:40px;
padding:0px 15px 0px 0px;
white-space:nowrap;
float: left;
}
.sf_navigation ul li.sf_last_nav_item {
padding-right: 0px;
}
.sf_navigation ul li.sf_first_nav_item {
}
.sf_navigation ul li a {
color: #545454;
padding: 4px 2px 4px 2px;
text-decoration:none;
display: block;
}
.sf_navigation ul li a:visited {
color: #545454;
text-decoration:none;
}
.sf_navigation ul li a:hover {
color: #545454;
text-decoration:none;
background-color: #E4E7F0;
}
/*------------------------------------
Flyout menu
------------------------------------*/
.sf_navigation .subnav { /* second-level lists */
float: left;
position: absolute;
width: 150px;
left: -999em;
z-index: 1000;
margin-top: -1px;
border: 1px solid #E4E7F0;
height: auto;
}
.sf_navigation .subnav li {
background-color: #ffffff;
background-image: none;
white-space: normal;
height: auto;
margin: 0px;
padding: 0px;
width: 150px;
}
.sf_navigation .subnav li a {
width: 130px;
height: auto;
padding: 3px 10px;
color: #545454;
text-transform: none;
font-size: 11px;
}
.sf_navigation .subnav li a:visited {
color: #545454;
}
.sf_navigation .subnav li a:hover {
color: #545454;
text-decoration: none;
background-color: #e4e7f0;
height: auto;
}
.sf_navigation .sf_last_nav_item_subnav {
}
#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:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
margin-left: 100px;
}
#Nav1 li:hover, #Nav1 li.hover {
position: static;
}
/*--------------------------------
End Navigation
---------------------------------*/
/*--------------------------------
Page Title
---------------------------------*/
.sf_pagetitle {
padding: 5px 40px 5px 50px;
text-align: left;
font-weight: normal;
font-family: Arial, Helvetica, FreeSans, sans-serif;
font-size: 16px;
width: 250px;
clear:both;
}
.sf_pagetitle h1 {
font-size:16px;
font-weight:normal;
margin:0;
}
.pagetitle {
color: #b2b2b2;
}
/*--------------------------------
End Page Title
---------------------------------*/
/*--------------------------
Content
--------------------------*/
.sf_content {
float: left;
padding:5px 10px 30px 40px;
width: 914px;
min-height: 400px;
}
.sf_content:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/*--------------------------
End Content
--------------------------*/
/*--------------------------
Footer
--------------------------*/
.sf_region9 {
clear: both;
min-height:35px;
height:auto !important;
height:35px;
width: 964px;
}
.sf_footer {
clear:both;
font-family: Arial, Helvetica, FreeSans, sans-serif;
text-align:center;
min-height:25px;
height:auto !important;
height:25px;
padding:20px 5px 0;
font-size:12px;
color:#545454;
border-top: 1px solid #E4E7F0;
}
.sf_footer p {
margin:0px;
padding:0px;
}
/*--------------------------
End Footer
--------------------------*/
/*--------------------------
Misc.
--------------------------*/
.sf_region10 {
clear:both;
width: 964px;
}
.sf_banner {
clear:both;
margin: 0 auto;
padding-top: 40px;
padding-bottom: 10px;
text-align: center;
font-size: 11px;
width: 964px;
border-bottom: 1px solid #E4E7F0;
}
#bannerLink {
padding: 10px;
margin: 10px;
}
#bannerLink a, #bannerLink a:visited, #bannerLink a:hover{
color: #333;
}
/*--------------------------
Sidebar
--------------------------*/
.sf_region4 {
float: left;
clear: left;
display:inline;
width: 160px;
padding: 10px 20px 50px;
margin-left: 20px;
overflow: hidden;
display:none;
}
.sf_region4 .widget_content {
overflow:hidden;
padding: 5px 0px 10px;
font-size: 13px;
}
.sf_region4.widget_content img {
border: 1px solid #E4E7F0;
}
.widgetset .widget {
padding:0px 8px 5px;
min-height: 1%;
height: auto !important;
height: 1%;
}
.widgetset .widget_header {
margin:0px;
padding:5px 0px;
font-size:16px;
font-weight: normal;
border-top: 1px solid #E4E7F0;
}
.widgetset .widget_header a,
.widgetset .widget_header a:visited {
text-decoration: none !important;
}
.widgetset ul, .widgetset ol {
margin:0px;
padding:0px;
list-style-type:none;
}
.widgetset li {
margin:0px;
padding:5px 0px;
overflow:hidden;
}
.widgetset a:link, .widgetset a:visited {
text-decoration: none;
padding: 2px 0px;
color: #646464;
}
.widgetset a:hover {
padding: 2px 0px;
text-decoration: underline;
}
.widgetset .widget-content img a:hover {
background-color: transparent;
}
.widgetset .form_item {
margin:5px 0px;
}
.widgetset input, .widgetset select {
width:150px;
}
.widgetset .btn {
width:auto;
margin: 3px 0px;
}
/*--------------------------
Other
--------------------------*/
a:link {
text-decoration: underline;
}
a:visited {
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
.btn, .checkout a.button, .checkout input.button {
margin: 3px 3px 3px 0;
padding: 1px;
font-size: 11px;
font-weight: normal;
font-family: Arial, Helvetica, FreeSans, sans-serif;
cursor: pointer;
border-style: solid;
border-width: 1px;
letter-spacing: 1px;
border-color: #898b8e;
background-color: #e4e7f0;
color: #555;
}
.btn:hover, .checkout a.button:hover, .checkout input.button:hover {
background-color: #ced0d8;
}
input[type="text"], textarea {
border-color: #bfbfbf;
}
