Tab Menu and custom.css

Tab Menu and custom.css

by kanchhi » Tue May 24, 2011 10:45 am

When I used this together in my web page, it shows bacck ground bullets comes alongwith tab menu. How to Fix ?

html {
height: 100%;
margin-bottom: 1px;
}

body {
margin: 0px;
padding: 0px;
background-color: #CCCCCC;

}

body,
td.sohotext,
td.text,
p,
span {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #525252;
line-height: 140%;
}

/* Fixes and hacks */

.clearfix:after {
clear: both;
display: block;
content: ".";
height: 0;
visibility: hidden;
}

* html input.quick_signup {
background-attachment: fixed;
}

/*END - Fixes and Hacks */


/* Navigation */

#mainnav a:link, #mainnav a:visited {

color: #FFF;
text-decoration: none;
display: block;
padding-right: 13px;
float: left;
padding-top: 8px;
padding-left: 13px;
padding-bottom: 7px;
background-image: url(images/menu_div.jpg);
background-repeat: no-repeat;
background-position: right top;
}


#mainnav a:hover {
color: #36CC2F;
background-image: url(images/nav_active.jpg);
background-repeat: repeat-x;
background-position: right top;
}

.hmains {
font-size: 100%;
}

table.vmenu_subs {
margin-bottom: 30px;
margin-top: 15px;
}

/*#leftav a:link, #leftnav a:visited, */
a.vmenu_sub_off:link,
a.vmenu_sub_off:visited,
a.vmenu_sub_on:link,
a.vmenu_sub_on:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 95%;
font-weight: bold;
color: #000;
background-image: url(images/sideNav_bullet.gif);
background-repeat: no-repeat;
background-position: left center;
padding-top: 5px;
padding-bottom: 5px;
border-bottom: 1px solid #acacac;
text-decoration: none;
padding-left: 24px;
display: block;
width: 150px;
}

/*#leftav a:hover,*/
a.vmenu_sub_off:hover,
a.vmenu_sub_on:hover
a.vmenu_sub_off:active,
a.vmenu_sub_on:active {
color: #666;
}


a:link, a:visited {
color: #00CC00;
text-decoration: none;
}

a:hover {
color: #009900;
}

#feat a:link, #feat a:visited {
color: #fdb417;
text-decoration: none;
}

#feat a:hover {
color: #fed27e;
}

/*END - Navigation */

#headwrapper {
background-image: url(images/top_bg.png);
background-repeat: repeat;
margin: 0px;
padding: 0px;
height: 109px;
position: relative;
}
#featwrapper {
background-color: #1e8019;
height: 124px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #185d14;
overflow: hidden;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #2b9d22;
}
#feat {
width: 880px;
margin-right: auto;
margin-left: auto;
background-image: url(images/feat_bg.jpg);
background-repeat: no-repeat;
background-position: left top;
height: 124px;
color: #FFFFFF;
}
#navwrapper {
background-color: #1e8019;
height: 32px;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #2b9d22;
border-bottom-color: #185d14;
}
#nav {
background-image: url(images/nav_bg.jpg);
background-repeat: no-repeat;
background-position: left top;
height: 32px;
width: 880px;
margin-right: auto;
margin-left: auto;
color: #FFFFFF;
}
#contentwrapper {
background-color: #ededf1;
margin: 0px;
padding: 0px;
}
#maincontent {
background-image: url(images/content_bg.jpg);
background-repeat: no-repeat;
background-position: left top;
width: 880px;
margin-right: auto;
margin-left: auto;
background-color: #ededf1;
}
#mainnav {
width: 72%;
float: left;
padding-left: 5px;
}
#signup {
width: 25%;
padding-left: 5px;
float: left;
height: 20px;
padding-top: 2px;
font-size: 85%;
color: #cccccc;
text-align: center;
}


#subnav {
margin: 0px;
float: left;
width: 25%;
padding-top: 15px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;

}
div.sidebox {
display: block;
float: left;
width: 210px;
}

#content {
margin: 0px;
width: 70%;
float: left;
padding-top: 12px;
padding-right: 7px;
padding-bottom: 12px;
padding-left: 7px;
overflow: hidden;
}
#date {
font-size: 90%;
text-align: right;
color: #858585;
}

#featleft {
float: left;
width: 25%;
padding-left: 5px;
padding-top: 5px;
}
#featright {
float: left;
width: 72%;
padding-left: 10px;
padding-top: 5px;
}

#footer {
text-align: center;
width: 880px;
margin-right: auto;
margin-left: auto;
padding-top: 10px;
font-size: 85%;
padding-bottom: 10px;
color: #939393;
}




#head {
height: 109px;
width: 880px;
margin-right: auto;
margin-left: auto;
}
#logo_box {
height: 109px;
float: left;
width: 28%;
}
#tagline {
float: left;
width: 70%;
color: #999999;
text-align: right;
padding-top: 22px;
}

#logo {
position: absolute;
top: 3px;
}


#trimbar {
background-color: #000000;
margin: 0;
padding: 0;
height: 7px;
width: 100%;
border-top: 1px solid #999999;
border-bottom: 1px solid #333333;
}

div.newsbox {
line-height: 115%;
}

/*hiding from IE mac \*/

* html .clearfix {
height: 1%;
}

.clearfix {
display: block;
}

/* end hiding from IE mac */


#footerwrapper {
width: 100%;
border-top-width: 2px;
border-top-style: solid;
border-top-color: #959595;
background-color: #CCCCCC;
}
/* Integrated Styles */

.portfolio {
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #EFEFEF;
width: 100%;
overflow: auto;
}

span.alert,
span.profile,
span.download,
span.search {
display: block;
float: left;
margin: 10px;
padding: 10px 10px 10px 45px;
}

span.alert {
color: #333333;
background-color: #dddddd;
border-bottom: 4px solid #b6b6b6;
border-top: 4px solid #b6b6b6;
background-image: url(images/span_alert.jpg);
background-repeat: no-repeat;
background-position: 7px 12px;
}

span.profile {
color: #333333;
background-color: #dddddd;
border-bottom: 4px solid #b6b6b6;
border-top: 4px solid #b6b6b6;
background-image: url(images/span_profile.jpg);
background-repeat: no-repeat;
background-position: 7px 12px;
}

span.download {
width: 100%;
color: #333333;
background-color: #dddddd;
border-bottom: 4px solid #b6b6b6;
border-top: 4px solid #b6b6b6;
background-image: url(images/span_download.jpg);
background-repeat: no-repeat;
background-position: 7px 12px;
}

span.search {
color: #333333;
background-color: #dddddd;
border-bottom: 4px solid #b6b6b6;
border-top: 4px solid #b6b6b6;
background-image: url(images/span_search.jpg);
background-repeat: no-repeat;
background-position: 7px 12px;
}

span.product {
color: #333333;
background-color: #fff;
border: 1px solid #b6b6b6;
margin: 10px;
padding: 10px;
font-size: 10px;
line-height: 145%;
display: block;
}

blockquote {
border-top: 4px solid #D3D3D3;
border-bottom: 4px solid #D3D3D3;
margin: 10px;
padding: 10px 10px 5px 45px;
background-color: #f5f5f5;
background-image: url(images/quote1.png);
background-repeat: no-repeat;
background-position: 5px 5px;
}

blockquote p {
padding-right: 35px;
background-image: url(images/quote2.png);
background-repeat: no-repeat;
background-position: 100% 100%;
}

ul {
list-style: none;
padding: 0;
padding-left: 10px;
}

ul li {
margin: 7px 0;
padding-left: 25px;
background-image: url(images/li_bullet.gif);
background-repeat: no-repeat;
background-position: 0 0px;
}


h4 {
font-size: 115%;
color: #333;
margin-bottom: 5px;
margin-top: 0px;
padding: 0px;
}

#feat h4 {
color: #fdb417;
}

h4 {
font-size: 120%;
color: #0066FF
}


h3 {
font-size: 150%;
color: #1E7D19;
}

h2 {
font-size: 180%;
color: #196115;
}
input.login_box {
border: 0;
height: 25px;
width: 122px;
padding-left: 30px;
padding-top: 4px;
background-image: url(images/login_bg.jpg);
background-repeat: no-repeat;
background-position: left top;
}

input.pass_box {
border: 0;
height: 25px;
width: 122px;
padding-left: 30px;
padding-top: 4px;
background-image: url(images/password_bg.jpg);
background-repeat: no-repeat;
background-position: left top;
}

input.quick_signup {
border: 0;
height: 19px;
width: 168px;
padding-left: 32px;
padding-top: 3px;
margin-top: 4px;
background-image: url(images/quick_signup_bg.jpg);
background-repeat: no-repeat;
background-position: left top;
background-color: #ededed;
}

div#answer0,
div#answer1,
div#answer2,
div#answer3,
div#answer4,
div#answer5,
div#answer6,
div#answer7,
div#answer8,
div#answer9,
div#answer10 {
padding-left: 28px;
padding-bottom: 10px;
background-image: url(images/answer.gif);
background-repeat: no-repeat;
background-position: 2px 0;
}

table#Search_Form,
table#Search_Form2 {

}

table#Detail_Results2,
table#Initial_Results {
margin-top: 15px;
}

------------------------------------------------


html {
height: 100%;
margin-bottom: 1px;
}

body {
margin: 0px;
padding: 0px;
background-color: #CCCCCC;

}

body,
td.sohotext,
td.text,
p,
span {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #525252;
line-height: 140%;
}

/* Fixes and hacks */

.clearfix:after {
clear: both;
display: block;
content: ".";
height: 0;
visibility: hidden;
}

* html input.quick_signup {
background-attachment: fixed;
}

/*END - Fixes and Hacks */


/* Navigation */

#mainnav a:link, #mainnav a:visited {

color: #FFF;
text-decoration: none;
display: block;
padding-right: 13px;
float: left;
padding-top: 8px;
padding-left: 13px;
padding-bottom: 7px;
background-image: url(images/menu_div.jpg);
background-repeat: no-repeat;
background-position: right top;
}


#mainnav a:hover {
color: #36CC2F;
background-image: url(images/nav_active.jpg);
background-repeat: repeat-x;
background-position: right top;
}

.hmains {
font-size: 100%;
}

table.vmenu_subs {
margin-bottom: 30px;
margin-top: 15px;
}

/*#leftav a:link, #leftnav a:visited, */
a.vmenu_sub_off:link,
a.vmenu_sub_off:visited,
a.vmenu_sub_on:link,
a.vmenu_sub_on:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 95%;
font-weight: bold;
color: #000;
background-image: url(images/sideNav_bullet.gif);
background-repeat: no-repeat;
background-position: left center;
padding-top: 5px;
padding-bottom: 5px;
border-bottom: 1px solid #acacac;
text-decoration: none;
padding-left: 24px;
display: block;
width: 150px;
}

/*#leftav a:hover,*/
a.vmenu_sub_off:hover,
a.vmenu_sub_on:hover
a.vmenu_sub_off:active,
a.vmenu_sub_on:active {
color: #666;
}


a:link, a:visited {
color: #00CC00;
text-decoration: none;
}

a:hover {
color: #009900;
}

#feat a:link, #feat a:visited {
color: #fdb417;
text-decoration: none;
}

#feat a:hover {
color: #fed27e;
}

/*END - Navigation */

#headwrapper {
background-image: url(images/top_bg.png);
background-repeat: repeat;
margin: 0px;
padding: 0px;
height: 109px;
position: relative;
}
#featwrapper {
background-color: #1e8019;
height: 124px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #185d14;
overflow: hidden;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #2b9d22;
}
#feat {
width: 880px;
margin-right: auto;
margin-left: auto;
background-image: url(images/feat_bg.jpg);
background-repeat: no-repeat;
background-position: left top;
height: 124px;
color: #FFFFFF;
}
#navwrapper {
background-color: #1e8019;
height: 32px;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #2b9d22;
border-bottom-color: #185d14;
}
#nav {
background-image: url(images/nav_bg.jpg);
background-repeat: no-repeat;
background-position: left top;
height: 32px;
width: 880px;
margin-right: auto;
margin-left: auto;
color: #FFFFFF;
}
#contentwrapper {
background-color: #ededf1;
margin: 0px;
padding: 0px;
}
#maincontent {
background-image: url(images/content_bg.jpg);
background-repeat: no-repeat;
background-position: left top;
width: 880px;
margin-right: auto;
margin-left: auto;
background-color: #ededf1;
}
#mainnav {
width: 72%;
float: left;
padding-left: 5px;
}
#signup {
width: 25%;
padding-left: 5px;
float: left;
height: 20px;
padding-top: 2px;
font-size: 85%;
color: #cccccc;
text-align: center;
}


#subnav {
margin: 0px;
float: left;
width: 25%;
padding-top: 15px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;

}
div.sidebox {
display: block;
float: left;
width: 210px;
}

#content {
margin: 0px;
width: 70%;
float: left;
padding-top: 12px;
padding-right: 7px;
padding-bottom: 12px;
padding-left: 7px;
overflow: hidden;
}
#date {
font-size: 90%;
text-align: right;
color: #858585;
}

#featleft {
float: left;
width: 25%;
padding-left: 5px;
padding-top: 5px;
}
#featright {
float: left;
width: 72%;
padding-left: 10px;
padding-top: 5px;
}

#footer {
text-align: center;
width: 880px;
margin-right: auto;
margin-left: auto;
padding-top: 10px;
font-size: 85%;
padding-bottom: 10px;
color: #939393;
}




#head {
height: 109px;
width: 880px;
margin-right: auto;
margin-left: auto;
}
#logo_box {
height: 109px;
float: left;
width: 28%;
}
#tagline {
float: left;
width: 70%;
color: #999999;
text-align: right;
padding-top: 22px;
}

#logo {
position: absolute;
top: 3px;
}


#trimbar {
background-color: #000000;
margin: 0;
padding: 0;
height: 7px;
width: 100%;
border-top: 1px solid #999999;
border-bottom: 1px solid #333333;
}

div.newsbox {
line-height: 115%;
}

/*hiding from IE mac \*/

* html .clearfix {
height: 1%;
}

.clearfix {
display: block;
}

/* end hiding from IE mac */


#footerwrapper {
width: 100%;
border-top-width: 2px;
border-top-style: solid;
border-top-color: #959595;
background-color: #CCCCCC;
}
/* Integrated Styles */

.portfolio {
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #EFEFEF;
width: 100%;
overflow: auto;
}

span.alert,
span.profile,
span.download,
span.search {
display: block;
float: left;
margin: 10px;
padding: 10px 10px 10px 45px;
}

span.alert {
color: #333333;
background-color: #dddddd;
border-bottom: 4px solid #b6b6b6;
border-top: 4px solid #b6b6b6;
background-image: url(images/span_alert.jpg);
background-repeat: no-repeat;
background-position: 7px 12px;
}

span.profile {
color: #333333;
background-color: #dddddd;
border-bottom: 4px solid #b6b6b6;
border-top: 4px solid #b6b6b6;
background-image: url(images/span_profile.jpg);
background-repeat: no-repeat;
background-position: 7px 12px;
}

span.download {
width: 100%;
color: #333333;
background-color: #dddddd;
border-bottom: 4px solid #b6b6b6;
border-top: 4px solid #b6b6b6;
background-image: url(images/span_download.jpg);
background-repeat: no-repeat;
background-position: 7px 12px;
}

span.search {
color: #333333;
background-color: #dddddd;
border-bottom: 4px solid #b6b6b6;
border-top: 4px solid #b6b6b6;
background-image: url(images/span_search.jpg);
background-repeat: no-repeat;
background-position: 7px 12px;
}

span.product {
color: #333333;
background-color: #fff;
border: 1px solid #b6b6b6;
margin: 10px;
padding: 10px;
font-size: 10px;
line-height: 145%;
display: block;
}

blockquote {
border-top: 4px solid #D3D3D3;
border-bottom: 4px solid #D3D3D3;
margin: 10px;
padding: 10px 10px 5px 45px;
background-color: #f5f5f5;
background-image: url(images/quote1.png);
background-repeat: no-repeat;
background-position: 5px 5px;
}

blockquote p {
padding-right: 35px;
background-image: url(images/quote2.png);
background-repeat: no-repeat;
background-position: 100% 100%;
}

ul {
list-style: none;
padding: 0;
padding-left: 10px;
}

ul li {
margin: 7px 0;
padding-left: 25px;
background-image: url(images/li_bullet.gif);
background-repeat: no-repeat;
background-position: 0 0px;
}


h4 {
font-size: 115%;
color: #333;
margin-bottom: 5px;
margin-top: 0px;
padding: 0px;
}

#feat h4 {
color: #fdb417;
}

h4 {
font-size: 120%;
color: #0066FF
}


h3 {
font-size: 150%;
color: #1E7D19;
}

h2 {
font-size: 180%;
color: #196115;
}
input.login_box {
border: 0;
height: 25px;
width: 122px;
padding-left: 30px;
padding-top: 4px;
background-image: url(images/login_bg.jpg);
background-repeat: no-repeat;
background-position: left top;
}

input.pass_box {
border: 0;
height: 25px;
width: 122px;
padding-left: 30px;
padding-top: 4px;
background-image: url(images/password_bg.jpg);
background-repeat: no-repeat;
background-position: left top;
}

input.quick_signup {
border: 0;
height: 19px;
width: 168px;
padding-left: 32px;
padding-top: 3px;
margin-top: 4px;
background-image: url(images/quick_signup_bg.jpg);
background-repeat: no-repeat;
background-position: left top;
background-color: #ededed;
}

div#answer0,
div#answer1,
div#answer2,
div#answer3,
div#answer4,
div#answer5,
div#answer6,
div#answer7,
div#answer8,
div#answer9,
div#answer10 {
padding-left: 28px;
padding-bottom: 10px;
background-image: url(images/answer.gif);
background-repeat: no-repeat;
background-position: 2px 0;
}

table#Search_Form,
table#Search_Form2 {

}

table#Detail_Results2,
table#Initial_Results {
margin-top: 15px;
}

Re: Tab Menu and custom.css

by HTML.net » Tue May 24, 2011 11:00 am

It's probably this one: background-image: url(images/li_bullet.gif);

Do you have a link to the site? Then it's easier to help.

- Andreas, HTML.net

Re: Tab Menu and custom.css

by kanchhi » Tue May 24, 2011 12:11 pm

Hi,

Thank you,
Here is the example:


http://www.egtours.com/ultimate_tibet_experience.php

Bullets comes along with tabs, that I do not need.

But I need in other area of pages.

It's probably this one: background-image: url(images/li_bullet.gif);

Do you have a link to the site? Then it's easier to help.

- Andreas, HTML.net

Re: Tab Menu and custom.css

by HTML.net » Tue May 24, 2011 12:31 pm

At the end of your style sheet, try to insert:

.shadetabs li {
background: none;
}

- Andreas, HTML.net

Re: Tab Menu and custom.css

by kanchhi » Tue May 24, 2011 3:59 pm

You mean in the end of custom.css file or shadetabs.css file ?

Re: Tab Menu and custom.css

by kanchhi » Tue May 24, 2011 4:21 pm

It worked partially. But tab menu is not in order as it used to be.

Here how I put the code you suggested.

html {
height: 100%;
margin-bottom: 1px;
}

body {
margin: 0px;
padding: 0px;
background-color: #CCCCCC;

}

body,
td.sohotext,
td.text,
p,
span {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #525252;
line-height: 140%;
}

/* Fixes and hacks */

.clearfix:after {
clear: both;
display: block;
content: ".";
height: 0;
visibility: hidden;
}

* html input.quick_signup {
background-attachment: fixed;
}

/*END - Fixes and Hacks */


/* Navigation */

#mainnav a:link, #mainnav a:visited {

color: #FFF;
text-decoration: none;
display: block;
padding-right: 13px;
float: left;
padding-top: 8px;
padding-left: 13px;
padding-bottom: 7px;
background-image: url(images/menu_div.jpg);
background-repeat: no-repeat;
background-position: right top;
}


#mainnav a:hover {
color: #36CC2F;
background-image: url(images/nav_active.jpg);
background-repeat: repeat-x;
background-position: right top;
}

.hmains {
font-size: 100%;
}

table.vmenu_subs {
margin-bottom: 30px;
margin-top: 15px;
}

/*#leftav a:link, #leftnav a:visited, */
a.vmenu_sub_off:link,
a.vmenu_sub_off:visited,
a.vmenu_sub_on:link,
a.vmenu_sub_on:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 95%;
font-weight: bold;
color: #000;
background-image: url(images/sideNav_bullet.gif);
background-repeat: no-repeat;
background-position: left center;
padding-top: 5px;
padding-bottom: 5px;
border-bottom: 1px solid #acacac;
text-decoration: none;
padding-left: 24px;
display: block;
width: 150px;
}

/*#leftav a:hover,*/
a.vmenu_sub_off:hover,
a.vmenu_sub_on:hover
a.vmenu_sub_off:active,
a.vmenu_sub_on:active {
color: #666;
}


a:link, a:visited {
color: #00CC00;
text-decoration: none;
}

a:hover {
color: #009900;
}

#feat a:link, #feat a:visited {
color: #fdb417;
text-decoration: none;
}

#feat a:hover {
color: #fed27e;
}

/*END - Navigation */

#headwrapper {
background-image: url(images/top_bg.png);
background-repeat: repeat;
margin: 0px;
padding: 0px;
height: 109px;
position: relative;
}
#featwrapper {
background-color: #1e8019;
height: 124px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #185d14;
overflow: hidden;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #2b9d22;
}
#feat {
width: 880px;
margin-right: auto;
margin-left: auto;
background-image: url(images/feat_bg.jpg);
background-repeat: no-repeat;
background-position: left top;
height: 124px;
color: #FFFFFF;
}
#navwrapper {
background-color: #1e8019;
height: 32px;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #2b9d22;
border-bottom-color: #185d14;
}
#nav {
background-image: url(images/nav_bg.jpg);
background-repeat: no-repeat;
background-position: left top;
height: 32px;
width: 880px;
margin-right: auto;
margin-left: auto;
color: #FFFFFF;
}
#contentwrapper {
background-color: #ededf1;
margin: 0px;
padding: 0px;
}
#maincontent {
background-image: url(images/content_bg.jpg);
background-repeat: no-repeat;
background-position: left top;
width: 880px;
margin-right: auto;
margin-left: auto;
background-color: #ededf1;
}
#mainnav {
width: 72%;
float: left;
padding-left: 5px;
}
#signup {
width: 25%;
padding-left: 5px;
float: left;
height: 20px;
padding-top: 2px;
font-size: 85%;
color: #cccccc;
text-align: center;
}


#subnav {
margin: 0px;
float: left;
width: 25%;
padding-top: 15px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;

}
div.sidebox {
display: block;
float: left;
width: 210px;
}

#content {
margin: 0px;
width: 70%;
float: left;
padding-top: 12px;
padding-right: 7px;
padding-bottom: 12px;
padding-left: 7px;
overflow: hidden;
}
#date {
font-size: 90%;
text-align: right;
color: #858585;
}

#featleft {
float: left;
width: 25%;
padding-left: 5px;
padding-top: 5px;
}
#featright {
float: left;
width: 72%;
padding-left: 10px;
padding-top: 5px;
}

#footer {
text-align: center;
width: 880px;
margin-right: auto;
margin-left: auto;
padding-top: 10px;
font-size: 85%;
padding-bottom: 10px;
color: #939393;
}




#head {
height: 109px;
width: 880px;
margin-right: auto;
margin-left: auto;
}
#logo_box {
height: 109px;
float: left;
width: 28%;
}
#tagline {
float: left;
width: 70%;
color: #999999;
text-align: right;
padding-top: 22px;
}

#logo {
position: absolute;
top: 3px;
}


#trimbar {
background-color: #000000;
margin: 0;
padding: 0;
height: 7px;
width: 100%;
border-top: 1px solid #999999;
border-bottom: 1px solid #333333;
}

div.newsbox {
line-height: 115%;
}

/*hiding from IE mac \*/

* html .clearfix {
height: 1%;
}

.clearfix {
display: block;
}

/* end hiding from IE mac */


#footerwrapper {
width: 100%;
border-top-width: 2px;
border-top-style: solid;
border-top-color: #959595;
background-color: #CCCCCC;
}
/* Integrated Styles */

.portfolio {
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #EFEFEF;
width: 100%;
overflow: auto;
}

span.alert,
span.profile,
span.download,
span.search {
display: block;
float: left;
margin: 10px;
padding: 10px 10px 10px 45px;
}

span.alert {
color: #333333;
background-color: #dddddd;
border-bottom: 4px solid #b6b6b6;
border-top: 4px solid #b6b6b6;
background-image: url(images/span_alert.jpg);
background-repeat: no-repeat;
background-position: 7px 12px;
}

span.profile {
color: #333333;
background-color: #dddddd;
border-bottom: 4px solid #b6b6b6;
border-top: 4px solid #b6b6b6;
background-image: url(images/span_profile.jpg);
background-repeat: no-repeat;
background-position: 7px 12px;
}

span.download {
width: 100%;
color: #333333;
background-color: #dddddd;
border-bottom: 4px solid #b6b6b6;
border-top: 4px solid #b6b6b6;
background-image: url(images/span_download.jpg);
background-repeat: no-repeat;
background-position: 7px 12px;
}

span.search {
color: #333333;
background-color: #dddddd;
border-bottom: 4px solid #b6b6b6;
border-top: 4px solid #b6b6b6;
background-image: url(images/span_search.jpg);
background-repeat: no-repeat;
background-position: 7px 12px;
}

span.product {
color: #333333;
background-color: #fff;
border: 1px solid #b6b6b6;
margin: 10px;
padding: 10px;
font-size: 10px;
line-height: 145%;
display: block;
}

blockquote {
border-top: 4px solid #D3D3D3;
border-bottom: 4px solid #D3D3D3;
margin: 10px;
padding: 10px 10px 5px 45px;
background-color: #f5f5f5;
background-image: url(images/quote1.png);
background-repeat: no-repeat;
background-position: 5px 5px;
}

blockquote p {
padding-right: 35px;
background-image: url(images/quote2.png);
background-repeat: no-repeat;
background-position: 100% 100%;
}

ul {
list-style: none;
padding: 0;
padding-left: 10px;
}

ul li {
margin: 7px 0;
padding-left: 25px;
background-image: url(images/li_bullet.gif);
background-repeat: no-repeat;
background-position: 0 0px;
}


h4 {
font-size: 115%;
color: #333;
margin-bottom: 5px;
margin-top: 0px;
padding: 0px;
}

#feat h4 {
color: #fdb417;
}

h4 {
font-size: 120%;
color: #0066FF
}


h3 {
font-size: 150%;
color: #1E7D19;
}

h2 {
font-size: 180%;
color: #196115;
}
input.login_box {
border: 0;
height: 25px;
width: 122px;
padding-left: 30px;
padding-top: 4px;
background-image: url(images/login_bg.jpg);
background-repeat: no-repeat;
background-position: left top;
}

input.pass_box {
border: 0;
height: 25px;
width: 122px;
padding-left: 30px;
padding-top: 4px;
background-image: url(images/password_bg.jpg);
background-repeat: no-repeat;
background-position: left top;
}

input.quick_signup {
border: 0;
height: 19px;
width: 168px;
padding-left: 32px;
padding-top: 3px;
margin-top: 4px;
background-image: url(images/quick_signup_bg.jpg);
background-repeat: no-repeat;
background-position: left top;
background-color: #ededed;
}

div#answer0,
div#answer1,
div#answer2,
div#answer3,
div#answer4,
div#answer5,
div#answer6,
div#answer7,
div#answer8,
div#answer9,
div#answer10 {
padding-left: 28px;
padding-bottom: 10px;
background-image: url(images/answer.gif);
background-repeat: no-repeat;
background-position: 2px 0;
}

table#Search_Form,
table#Search_Form2 {

}

table#Detail_Results2,
table#Initial_Results {
margin-top: 15px;
}
.shadetabs li {
background: none;
}

Re: Tab Menu and custom.css

by HTML.net » Tue May 24, 2011 5:44 pm

You have two "heads" in your page.

Find and delete this:

Code: Select all

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<link rel="stylesheet" type="text/css" href="http://www.egtours.com/ajaxtabs/ajaxtabs.css" />

<script type="text/javascript" src="http://www.egtours.com/ajaxtabs/ajaxtabs.js">

/***********************************************
* Ajax Tabs Content script v2.2- ?ynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

</script>

</head>

Move this part to the head of the page (beneath this line "<link rel="stylesheet" type="text/css" href="custom.css" />"):

Code: Select all

<link rel="stylesheet" type="text/css" href="http://www.egtours.com/ajaxtabs/ajaxtabs.css" />

<script type="text/javascript" src="http://www.egtours.com/ajaxtabs/ajaxtabs.js">

/***********************************************
* Ajax Tabs Content script v2.2- ?ynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

</script>

I don't know if it will solve you problem (I think it might) but it is diffidently something you need to fix anyway.

- Andreas, HTML.net

Re: Tab Menu and custom.css

by kanchhi » Wed May 25, 2011 3:12 am

Hello,

I am really beginner and not that much expert. Now I confused little bit.

Shall I need to change it in my page ?

I deleted <head> but nothing changes.

So,

Can you explain little more about it so that I can look around. Or I copy code you amended below to my page ?

Thanks in advance.

You have two "heads" in your page.

Find and delete this:

Code: Select all

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<link rel="stylesheet" type="text/css" href="http://www.egtours.com/ajaxtabs/ajaxtabs.css" />

<script type="text/javascript" src="http://www.egtours.com/ajaxtabs/ajaxtabs.js">

/***********************************************
* Ajax Tabs Content script v2.2- ?ynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

</script>

</head>

Move this part to the head of the page (beneath this line "<link rel="stylesheet" type="text/css" href="custom.css" />"):

Code: Select all

<link rel="stylesheet" type="text/css" href="http://www.egtours.com/ajaxtabs/ajaxtabs.css" />

<script type="text/javascript" src="http://www.egtours.com/ajaxtabs/ajaxtabs.js">

/***********************************************
* Ajax Tabs Content script v2.2- ?ynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

</script>

I don't know if it will solve you problem (I think it might) but it is diffidently something you need to fix anyway.

- Andreas, HTML.net

Re: Tab Menu and custom.css

by HTML.net » Wed May 25, 2011 8:34 am

It's simply delete, copy, paste:

Step 1: Find and delete this part in your code:

Code: Select all

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<link rel="stylesheet" type="text/css" href="http://www.egtours.com/ajaxtabs/ajaxtabs.css" />

<script type="text/javascript" src="http://www.egtours.com/ajaxtabs/ajaxtabs.js">

/***********************************************
* Ajax Tabs Content script v2.2- ?ynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

</script>

</head>


Step 2: Copy this code

Code: Select all

<link rel="stylesheet" type="text/css" href="http://www.egtours.com/ajaxtabs/ajaxtabs.css" />

<script type="text/javascript" src="http://www.egtours.com/ajaxtabs/ajaxtabs.js">

/***********************************************
* Ajax Tabs Content script v2.2- ?ynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

</script>

Step 3: Insert it beneath this line in your code "<link rel="stylesheet" type="text/css" href="custom.css" />"

Step 4: Start learning HTML: http://html.net/tutorials/html/ :)

- Andreas, HTML.net

Re: Tab Menu and custom.css

by kanchhi » Wed May 25, 2011 10:40 am

Thank you for your help, but still I could not find following in my code.

"<link rel="stylesheet" type="text/css" href="custom.css" />"