emmapap
asked on
trying to get rid of a bullet in css
I am trying to get rid of a bullet next to the red underline text - see screen grab
the file is http://www.trevaskisconsulting.com/index2.html
the html code it relates to is
<ul id="boxes">
<li class="box01"><a href="building-surveying.h tml"><h2 class="style2">Building <span class="smaller">Surveying< /span></h2 ></a>
<ul class="boxy1">
<li>text here</li>
<li>text here</li>
<li class="nobullets"><a href="building-surveying.h tml">more on Building Surveying</a></li>
</ul></li>
css file is
@charset "utf-8";
* {
margin : 0;
padding : 0;
border : 0;
}
body {
margin: 0;
padding: 0;
text-align: center;
color: #000000;
background-image: url(images/background.jpg) ;
background-repeat: repeat;
}
#container {
width: 1000px;
height:677px;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
text-align: left; /* this overrides the text-align: center on the body element. */
background-image: url(images/bkg_white.png);
background-repeat: no-repeat;
}
#header {
height:124px;
border-bottom: 1px solid #b3aa7e;
}
#sidebar1 {
float: left;
width: 285px;
padding-left:33px;
height:350px;
padding-top:20px;
}
#sidebar1 ul {list-style-type : none; margin:0; padding:0; }
#sidebar1 li {
list-style-type : none;
padding-left:15px;
background-image: url(images/arrow.gif);
background-repeat: no-repeat;
background-position: left top;
padding-bottom:10px;
position:relative;
}
#menu li ul li{ list-style-type : none; background-image: none; padding:0 0 5px 0; margin:0;}
#sidebar1 li a{text-decoration:none; color:#3a2719; font-size:13px; position:relative;}
#boxes ul {list-style-type : none; margin:0; padding:0; width:650px; height:376px; float:left;}
#boxes li a{
list-style-type : none;
width:207px;
height:188px;
float:left;
display:inline-table;
padding:0; margin:0;
}
li.box01{
background-image: url(images/box01.gif); background-repeat: no-repeat; width:207px;
height:188px; list-style-type : none; float:left; padding:0; margin:0; z-index:5;}
li.box02{
background-image: url(images/box02.gif); background-repeat: no-repeat; width:207px;
height:188px; list-style-type : none; float:left; z-index:5;}
li.box03{
background-image: url(images/box03.gif); background-repeat: no-repeat; width:207px;
height:188px; list-style-type : none; float:left; z-index:5;}
li.box04{
background-image: url(images/box04.gif); background-repeat: no-repeat; width:207px;
height:188px; list-style-type : none; float:left; z-index:5;}
li.box05{
background-image: url(images/box05.gif); background-repeat: no-repeat; width:207px;
height:188px; list-style-type : none; float:left; z-index:5;}
li.box06{
background-image: url(images/box06.gif); background-repeat: no-repeat; width:207px;
height:188px; list-style-type : none; float:left; z-index:5;}
#mainContent {
width: 677px;
height:440px;
float:left;
padding-top:20px;
z-index:1;
}
#footer {
padding-left:33px;
background-image: url(images/logo-rics.jpg);
background-repeat: no-repeat;
background-position: right top;
padding-right:20px; margin-right:20px;
height:54px;
}
#footer p {font: 12px 'ArvoRegular', Arial, sans-serif;
margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
float: left;
margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
@font-face {
font-family: 'BevanRegular';
src: url('fonts/Bevan-webfont.e ot');
src: url('fonts/Bevan-webfont.e ot?#iefix' ) format('embedded-opentype' ),
url('fonts/Bevan-webfont.w off') format('woff'),
url('fonts/Bevan-webfont.t tf') format('truetype'),
url('fonts/Bevan-webfont.s vg#BevanRe gular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'AlfaSlabOneRegular';
src: url('fonts/AlfaSlabOne-Reg ular-OTF-w ebfont.eot ');
src: url('fonts/AlfaSlabOne-Reg ular-OTF-w ebfont.eot ?#iefix') format('embedded-opentype' ),
url('fonts/AlfaSlabOne-Reg ular-OTF-w ebfont.wof f') format('woff'),
url('fonts/AlfaSlabOne-Reg ular-OTF-w ebfont.ttf ') format('truetype'),
url('fonts/AlfaSlabOne-Reg ular-OTF-w ebfont.svg #AlfaSlabO neRegular' ) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'ArvoRegular';
src: url('fonts/Arvo-Regular-we bfont.eot' );
src: url('fonts/Arvo-Regular-we bfont.eot? #iefix') format('embedded-opentype' ),
url('fonts/Arvo-Regular-we bfont.woff ') format('woff'),
url('fonts/Arvo-Regular-we bfont.ttf' ) format('truetype'),
url('fonts/Arvo-Regular-we bfont.svg# ArvoRegula r') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'ArvoBold';
src: url('fonts/Arvo-Bold-webfo nt.eot');
src: url('fonts/Arvo-Bold-webfo nt.eot?#ie fix') format('embedded-opentype' ),
url('fonts/Arvo-Bold-webfo nt.woff') format('woff'),
url('fonts/Arvo-Bold-webfo nt.ttf') format('truetype'),
url('fonts/Arvo-Bold-webfo nt.svg#Arv oBold') format('svg');
font-weight: normal;
font-style: normal;
}
h1.fontface {font: 30px 'BevanRegular', Arial, sans-serif;letter-spacing: 0; line-height:26px; color:#b3aa7e; padding-bottom:20px; }
#sidebar1 li {font: 5px 'AlfaSlabOneRegular', Arial, sans-serif; }
h2.style2 {font: 26px 'BevanRegular', Arial, sans-serif; color:#fff; line-height:26px; text-decoration:none; padding-left:15px; padding-right:15px; padding-top:20px; padding-bottom:10px;}
h2.style2 li a {padding-left:15px; padding-right:15px; padding-top:20px; color:#fff;}
#boxes li ul li a{
color:red;
width:130px;
list-style-type:none;
list-style-image: none;
padding:0; margin:0;
}
ul.boxy1 li.nobullets{ list-style-type:none;
list-style-image: none; position:relative;}
li.box02 a{color:#fff; width:100px;}
.white{color:#fff;}
p.style3 {font: 14px 'ArvoRegular', Arial, sans-serif;letter-spacing: 0; padding-bottom:10px; color:#3a2719;}
.smaller{font-size:18px; line-height:18px;}
a {text-decoration:none;}
#nav{
padding : 0;
margin : 0;
position : relative;
top:0;
left : 318px;
width:677px;
height:35px;
font: 15px 'ArvoBold', Arial, sans-serif;
color:#b3aa7e;
clear:both;
}
#nav ul {
padding : 0;
margin : 0;
list-style-type : none;
}
#nav li {
position : relative;
float : left;
list-style-type : none;
margin : 0;
font-weight:normal;
}
#nav li a {
height : 27px;
display : block;
text-decoration : none;
text-align : left;
line-height : 27px;
color : #3b2718;
padding-right:50px;
}
#nav li a:hover {
color : #b3aa7e;
}
#nav .on {
color : #b3aa7e;
height:26px;
}
#mainContent ul ul li a:hover, #mainContent ul ul li a{
list-style-type:none;
padding:0;
margin:0;
list-style-image: none;
}
#mainContent ul ul {
position : absolute;
width:155px;
height:120px;
color:#fff;
visibility : hidden;
padding-left:10px;
margin-left:10px;
padding-top:10px;
font: 14px 'ArvoRegular', Arial, sans-serif;
}
#mainContent ul ul a, mainContent p a{font: 14px 'ArvoRegular', Arial, sans-serif; color:#fff; text-decoration:underline; padding-top:10px; width: 130px; list-style-type:none;}
#mainContent ul ul.boxy1 {background-color:#3b2719; top : 200px;}
#mainContent ul ul.boxy2 {background-color:#e9dd40; top : 200px;}
#mainContent ul ul.boxy3 {background-color:#6d3f6d; top : 200px;}
#mainContent ul ul.boxy4 {background-color:#a4beb6; top : 380px;}
#mainContent ul ul.boxy5 {background-color:#a69d82; top : 380px; }
#mainContent ul ul.boxy6 {background-color:#8388b4; top : 380px;}
#mainContent ul li:hover ul {
visibility : visible;
}
#sidebar1 ul li:hover ul {
visibility : visible;
}
.boxy1 li, .boxy2 li, .boxy3 li, .boxy4 li, .boxy5 li, .boxy6 li {
list-style-type : none;
padding-left:15px;
background-image: url(images/bullet2.gif);
background-repeat: no-repeat;
background-position: left center;
padding-bottom:5px;
}
#contact{width:300px; position: relative; float:left; height:45px;}
#social{width:168px; position: relative; float:left; height:45px;}
#search{width:200px; position: relative; float:left; height:45px;}
#topheader{width:677px; float:left; position:relative; left:318px; top:20px; height:90px; font: 14px 'ArvoBold', Arial, sans-serif; color:#b3aa7e;}
.contact{font: 14px 'ArvoRegular', Arial, sans-serif; color:#000;}
#menu {
padding:0; margin:0;
}
.caption { margin:auto; font-size:10px; text-align:center; }
/* $__menu sidebar
-------------------------- ---------- ---------- ---*/
#menu {
width:290px;
xpadding:3px 0 9px 0;
}
#menu ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu li {
margin: 0;
xmargin-left:19px; /*padding:8px 0 8px 0;*/
}
#menu li a {
color:#333;
text-decoration:none;
}
#menu li.active {
xfont-weight:bold;
}
#menu li.active li {
font-weight:normal;
} /*do not bold level 2 when parent is active*/
#menu li#current {
font-weight:bold;
}
#menu a {
display: block;
xpadding: 5px .8em 6px .8em;
}
#menu ul li ul {
width:285px;
display:inline-block;
}
#menu li li {
color:#999;
padding-top:2px;
padding-left:9px;
xmargin:0 29px 0 29px;
font: 13px 'ArvoRegular', Arial, sans-serif;
}
#menu li li a {
color:#555;
font-size:13px;
line-height:13px;
}
#menu li li#current a {
font-weight:bold;
}
/*OPTIONAL*/
#menu {
position:relative;
height:300px;
overflow:hidden;
} /*clip height pass 504 pixels*/
#sidebar1 ul ul { font: 13px 'ArvoRegular', Arial, sans-serif; color:#3a2719; padding-bottom:5px; list-style-type:none;}
#social ul li{
position:relative;
display:block;
float:left;
list-style-type:none;
overflow:hidden;
}
#social ul li a {
margin:0;
padding:0;
display:block;
height:27px; width:107px;
background:transparent url(images/social) no-repeat 0 0;
text-indent:-9009px;
overflow:hidden;
}
ul li#twitter a, ul li#twitter a:hover { width:36px; height:27px; background-position: 0px 0px; }
ul li#facebook a, ul li#facebook a:hover { width:36px; height:27px; background-position: -36px 0; }
ul li#linkedin a, ul li#linkedin a:hover { width:35px; height:27px; background-position: -72px 0; }
input { border: 1px solid #000000; background-color:#e6e2d8; display:inline;}
form{width:200px;}
.centre {border:0; vertical-align:middle;}
bulletgrab.jpg
the file is http://www.trevaskisconsulting.com/index2.html
the html code it relates to is
<ul id="boxes">
<li class="box01"><a href="building-surveying.h
<ul class="boxy1">
<li>text here</li>
<li>text here</li>
<li class="nobullets"><a href="building-surveying.h
</ul></li>
css file is
@charset "utf-8";
* {
margin : 0;
padding : 0;
border : 0;
}
body {
margin: 0;
padding: 0;
text-align: center;
color: #000000;
background-image: url(images/background.jpg)
background-repeat: repeat;
}
#container {
width: 1000px;
height:677px;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
text-align: left; /* this overrides the text-align: center on the body element. */
background-image: url(images/bkg_white.png);
background-repeat: no-repeat;
}
#header {
height:124px;
border-bottom: 1px solid #b3aa7e;
}
#sidebar1 {
float: left;
width: 285px;
padding-left:33px;
height:350px;
padding-top:20px;
}
#sidebar1 ul {list-style-type : none; margin:0; padding:0; }
#sidebar1 li {
list-style-type : none;
padding-left:15px;
background-image: url(images/arrow.gif);
background-repeat: no-repeat;
background-position: left top;
padding-bottom:10px;
position:relative;
}
#menu li ul li{ list-style-type : none; background-image: none; padding:0 0 5px 0; margin:0;}
#sidebar1 li a{text-decoration:none; color:#3a2719; font-size:13px; position:relative;}
#boxes ul {list-style-type : none; margin:0; padding:0; width:650px; height:376px; float:left;}
#boxes li a{
list-style-type : none;
width:207px;
height:188px;
float:left;
display:inline-table;
padding:0; margin:0;
}
li.box01{
background-image: url(images/box01.gif); background-repeat: no-repeat; width:207px;
height:188px; list-style-type : none; float:left; padding:0; margin:0; z-index:5;}
li.box02{
background-image: url(images/box02.gif); background-repeat: no-repeat; width:207px;
height:188px; list-style-type : none; float:left; z-index:5;}
li.box03{
background-image: url(images/box03.gif); background-repeat: no-repeat; width:207px;
height:188px; list-style-type : none; float:left; z-index:5;}
li.box04{
background-image: url(images/box04.gif); background-repeat: no-repeat; width:207px;
height:188px; list-style-type : none; float:left; z-index:5;}
li.box05{
background-image: url(images/box05.gif); background-repeat: no-repeat; width:207px;
height:188px; list-style-type : none; float:left; z-index:5;}
li.box06{
background-image: url(images/box06.gif); background-repeat: no-repeat; width:207px;
height:188px; list-style-type : none; float:left; z-index:5;}
#mainContent {
width: 677px;
height:440px;
float:left;
padding-top:20px;
z-index:1;
}
#footer {
padding-left:33px;
background-image: url(images/logo-rics.jpg);
background-repeat: no-repeat;
background-position: right top;
padding-right:20px; margin-right:20px;
height:54px;
}
#footer p {font: 12px 'ArvoRegular', Arial, sans-serif;
margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
float: left;
margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
@font-face {
font-family: 'BevanRegular';
src: url('fonts/Bevan-webfont.e
src: url('fonts/Bevan-webfont.e
url('fonts/Bevan-webfont.w
url('fonts/Bevan-webfont.t
url('fonts/Bevan-webfont.s
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'AlfaSlabOneRegular';
src: url('fonts/AlfaSlabOne-Reg
src: url('fonts/AlfaSlabOne-Reg
url('fonts/AlfaSlabOne-Reg
url('fonts/AlfaSlabOne-Reg
url('fonts/AlfaSlabOne-Reg
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'ArvoRegular';
src: url('fonts/Arvo-Regular-we
src: url('fonts/Arvo-Regular-we
url('fonts/Arvo-Regular-we
url('fonts/Arvo-Regular-we
url('fonts/Arvo-Regular-we
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'ArvoBold';
src: url('fonts/Arvo-Bold-webfo
src: url('fonts/Arvo-Bold-webfo
url('fonts/Arvo-Bold-webfo
url('fonts/Arvo-Bold-webfo
url('fonts/Arvo-Bold-webfo
font-weight: normal;
font-style: normal;
}
h1.fontface {font: 30px 'BevanRegular', Arial, sans-serif;letter-spacing:
#sidebar1 li {font: 5px 'AlfaSlabOneRegular', Arial, sans-serif; }
h2.style2 {font: 26px 'BevanRegular', Arial, sans-serif; color:#fff; line-height:26px; text-decoration:none; padding-left:15px; padding-right:15px; padding-top:20px; padding-bottom:10px;}
h2.style2 li a {padding-left:15px; padding-right:15px; padding-top:20px; color:#fff;}
#boxes li ul li a{
color:red;
width:130px;
list-style-type:none;
list-style-image: none;
padding:0; margin:0;
}
ul.boxy1 li.nobullets{ list-style-type:none;
list-style-image: none; position:relative;}
li.box02 a{color:#fff; width:100px;}
.white{color:#fff;}
p.style3 {font: 14px 'ArvoRegular', Arial, sans-serif;letter-spacing:
.smaller{font-size:18px; line-height:18px;}
a {text-decoration:none;}
#nav{
padding : 0;
margin : 0;
position : relative;
top:0;
left : 318px;
width:677px;
height:35px;
font: 15px 'ArvoBold', Arial, sans-serif;
color:#b3aa7e;
clear:both;
}
#nav ul {
padding : 0;
margin : 0;
list-style-type : none;
}
#nav li {
position : relative;
float : left;
list-style-type : none;
margin : 0;
font-weight:normal;
}
#nav li a {
height : 27px;
display : block;
text-decoration : none;
text-align : left;
line-height : 27px;
color : #3b2718;
padding-right:50px;
}
#nav li a:hover {
color : #b3aa7e;
}
#nav .on {
color : #b3aa7e;
height:26px;
}
#mainContent ul ul li a:hover, #mainContent ul ul li a{
list-style-type:none;
padding:0;
margin:0;
list-style-image: none;
}
#mainContent ul ul {
position : absolute;
width:155px;
height:120px;
color:#fff;
visibility : hidden;
padding-left:10px;
margin-left:10px;
padding-top:10px;
font: 14px 'ArvoRegular', Arial, sans-serif;
}
#mainContent ul ul a, mainContent p a{font: 14px 'ArvoRegular', Arial, sans-serif; color:#fff; text-decoration:underline;
#mainContent ul ul.boxy1 {background-color:#3b2719;
#mainContent ul ul.boxy2 {background-color:#e9dd40;
#mainContent ul ul.boxy3 {background-color:#6d3f6d;
#mainContent ul ul.boxy4 {background-color:#a4beb6; top : 380px;}
#mainContent ul ul.boxy5 {background-color:#a69d82; top : 380px; }
#mainContent ul ul.boxy6 {background-color:#8388b4;
#mainContent ul li:hover ul {
visibility : visible;
}
#sidebar1 ul li:hover ul {
visibility : visible;
}
.boxy1 li, .boxy2 li, .boxy3 li, .boxy4 li, .boxy5 li, .boxy6 li {
list-style-type : none;
padding-left:15px;
background-image: url(images/bullet2.gif);
background-repeat: no-repeat;
background-position: left center;
padding-bottom:5px;
}
#contact{width:300px; position: relative; float:left; height:45px;}
#social{width:168px; position: relative; float:left; height:45px;}
#search{width:200px; position: relative; float:left; height:45px;}
#topheader{width:677px; float:left; position:relative; left:318px; top:20px; height:90px; font: 14px 'ArvoBold', Arial, sans-serif; color:#b3aa7e;}
.contact{font: 14px 'ArvoRegular', Arial, sans-serif; color:#000;}
#menu {
padding:0; margin:0;
}
.caption { margin:auto; font-size:10px; text-align:center; }
/* $__menu sidebar
--------------------------
#menu {
width:290px;
xpadding:3px 0 9px 0;
}
#menu ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu li {
margin: 0;
xmargin-left:19px; /*padding:8px 0 8px 0;*/
}
#menu li a {
color:#333;
text-decoration:none;
}
#menu li.active {
xfont-weight:bold;
}
#menu li.active li {
font-weight:normal;
} /*do not bold level 2 when parent is active*/
#menu li#current {
font-weight:bold;
}
#menu a {
display: block;
xpadding: 5px .8em 6px .8em;
}
#menu ul li ul {
width:285px;
display:inline-block;
}
#menu li li {
color:#999;
padding-top:2px;
padding-left:9px;
xmargin:0 29px 0 29px;
font: 13px 'ArvoRegular', Arial, sans-serif;
}
#menu li li a {
color:#555;
font-size:13px;
line-height:13px;
}
#menu li li#current a {
font-weight:bold;
}
/*OPTIONAL*/
#menu {
position:relative;
height:300px;
overflow:hidden;
} /*clip height pass 504 pixels*/
#sidebar1 ul ul { font: 13px 'ArvoRegular', Arial, sans-serif; color:#3a2719; padding-bottom:5px; list-style-type:none;}
#social ul li{
position:relative;
display:block;
float:left;
list-style-type:none;
overflow:hidden;
}
#social ul li a {
margin:0;
padding:0;
display:block;
height:27px; width:107px;
background:transparent url(images/social) no-repeat 0 0;
text-indent:-9009px;
overflow:hidden;
}
ul li#twitter a, ul li#twitter a:hover { width:36px; height:27px; background-position: 0px 0px; }
ul li#facebook a, ul li#facebook a:hover { width:36px; height:27px; background-position: -36px 0; }
ul li#linkedin a, ul li#linkedin a:hover { width:35px; height:27px; background-position: -72px 0; }
input { border: 1px solid #000000; background-color:#e6e2d8; display:inline;}
form{width:200px;}
.centre {border:0; vertical-align:middle;}
bulletgrab.jpg
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER