|
HTML - Mysterious Bullet
Hi-
So i have this problem that i cant find a solution for. i am making a web page and on the web page is an accordian nav menu. i am editing it in dreamweaver. Now, when i look at the page in livewiew it looks fine. BUT when i post the page on the internet there is this bullet next to my nav menu!! I cant find the code for it! all the <ul></ul> start and end when they are supossed to! and <li></li> ends when its supposed to too! im pulling my hair out with this bullet. what do i do? thanks Similar TutorialsJust curious if anyone can solve my little problem, as apparently none of my knowledgeable HTML friends can figure it out. There seems to be a red box positioned above the menu bar he http://www.evogarage.com/ However the problem doesn't lie within Firefox and is only seen while browsing with IE. Any thoughts on how to fix this issue? Can anyone tell my why an extra line is appearing on this site in IE but not Firefox? And what's causing it, how to get rid of it? http://www.jnsitedesign.com/zenphoto/weddings/ It's the line above the menu. Also why is the menu centering in IE and how do I get it to align to the right? ***nevermind, I figured out the menu. But the line is driving me insane and I can't figure out what's causing it Thanks for any pointers! when a user clicks a link, a dotted-line box forms around it in many browsers.
Code: a:active{border: 0;}
Normal CSS doesn't seem to get rid of it. Anyone know how to do that? So I have a pretty simple image gallery set up with arrows that go to the next and previous images at www.sailormoonthemovie.com/photos.html. But the arrows and the background seem to be activated as a link somehow to a separate portion of my site (it's using the link in the code right above it). I think I may be missing a tag somewhere? I'm not sure if this post is even in the right forum, if it's not I apologize. Thank you for taking the time to read this I am fine-tuning an existing site and have run into one of those incredibly frustrating mysterious spacing difference problems. I've searched, tweaked, tested, validated and all but sacrificed a few voodoo chickens. The top right page title on these two pages should have the same spacing, that of the first (which all other pages on the site outside the /portfolio subfolder do). For no reason that I can find, pages in the /portfolio folder have extra space at the top. I have tried using cut and paste from working pages, moving the pages between folders, everything, and the problem persists. Both pages validate as XHTML. I'm testing primarily under FF6 but the problem also shows up in IE and Chrome. This page is fine: http://www.nitropress.com/anp_portfolio.php This page has extra spacing over the page title: http://www.nitropress.com/portfolio/anp_pf_bcfile.php What am I overlooking here? AdThanksVance. Link Mysterious yellow dots are appearing through my slideshow images in IE - works fine in all other browsers. Only appearing in darkest blacks - standard jpg saved images. An ideas gratefully received Hello HTML Forum community, I volunteered to work on my organization's website, and it has all been going smoothly until now. Notice the odd spacing on the following page: http://gadshillcenter.org/aboutus/aboutus_needs.php And pretty much any other page in the About Us Section. But the following, seemingly identical page does not have this spacing: http://gadshillcenter.org/newsevents...herreading.php What can I do to remove these stupid breaks/spaces after the header? I compared each .php line per line, and they are both pretty much identical. I pasted another header (from News and Events) into the About Us, and it still resulted in this spacing, proving that it is an issue with the About Us pages. What might be causing this? It is driving me nuts! Sincerely, Andrew Ok I'm trying to create an unordered list but I need two other seperate lines of text under each of the bullet lines of text' I'll see if I can give and example of what I need: (bullet) Day Spa www.dayspa.com A day spa treatment (bullet) Nelson Spa www.nelsonspa.com Full line spa (bullet) Whispering Spring Spa www.whisperingspring.com Full spa and resort when I do a simple UL and try to use <br> tags to create the different lines under each list, it wont validate and says I cant have a <br> inside a list. Also the bullets need to be black small squares, which, maybe I have over looked, cant seem to find the ascii codes for a small black square. I also get validation errors saying I cant have an "a" reference inside a list. So I tried to work around this by setting this up as a paragraph with <br> tags after each line and just find the ascii code and insert a square before the first line of each spa. Anyone know a way to accomplish this and still get the validation? Any help would be greatly appreciated! btw i made up the links but they seem to work! sorry but I wasnt trying to use real web links. Is there a way to set the color of the bullets for unordered lists? Hi how can i change the bullet to a number in an unordered list? this is what i want 1 etc 2 etc 3 etc can someone help Hi, I have the html coding below that shows the bullet point with a caption below it. How would i format the actual bullet point to be a different size and colour to the caption below it? Thanks Code: <ol> <li>abc</li></br> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa <li>abcd</li></br> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa <li>abcde</li></br> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa </o> This is not my expertise and you guys are a great help! I've got all of the copy on the page, but everything is along the left margin. I want to indent a few bullet points and paragraphs. What html do I use? Thx. Hi there, i'm in the middle of setting up a shopping cart and have a little problem! I'm laying out the privacy page, and when I select numbered list for the formatting of some Terms and conditions, the numbers that run onto 2 lines are not indenting like the line above it. So the first line is indented with the number and the bottom line is aligned to the left. It looks untidy. It appears fine in dreamweaver but not when I upload to server. I'm sure there is a simple explanation for this, here is the address: http://www.thinking-forward.co.uk/privacy.cfm Hi I've been having a lot of problems with images and bullet points overlapping, what I mean by that is I'll align an image to left allignment, it goes to the left of the text but the bullet points are superimposed over the top also the picture is being included in the list instead of to the left of the list as i want. here's a screenshot and the code of the page in question and the stylesheet, Thanks very much, I'm going mad trying to work it out: screenshot: page code: Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/index.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>.:Max Barr Antique Furniture Restoration:.</title>
<style type="text/css" media="all">
<!--
@import url("styles.css");
#header #logo a {
font-family: Times New Roman, Times, serif;
}
#index #outerWrapper #gradient #contentWrapper br {
color: #FFF;
}
#index #outerWrapper #gradient div {
color: #FFF;
}
-->
</style>
<!-- InstanceBeginEditable name="gallery info" -->
<!-- <LINK HREF="styles/default.css" rel=stylesheet> -->
<LINK HREF="../res/styles.css" rel=stylesheet>
<style type="text/css">
<!--
.highslide {
cursor: url(../res/graphics/zoomin.cur), pointer;
outline: none;
}
.highslide img {
border: 2px solid #999999;
}
.highslide:hover img {
border: 2px solid #ffffff;
}
.highslide-overlay {
display: none;
}
.highslide-image {
border: solid #ffffff;
}
.highslide-caption {
display: none;
color: #000000;
border: 0px solid #ffffff;
border-top: none;
font-family: Verdana, Helvetica;
font-size: 10pt;
padding: 5px;
background-color: #ffffff;
}
.highslide-caption a {color: #2E8B57;}
.highslide-loading, a.highslide-loading:link {
display: block;
color: #ffffff;
background-color: #000000;
font-size: 9pt;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
padding: 3px;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
padding-left: 22px;
background-image: url(../res/graphics/loader.gif);
background-repeat: no-repeat;
background-position: 3px 1px;
}
a.highslide-credits, a.highslide-credits i {
padding: 2px;
color: silver;
text-decoration: none;
font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
color: white;
background-color: gray;
}
.highslide-move {
cursor: move;
}
/* Controlbar */
.controlbar {
background: url(../res/graphics/controlbar4.gif);
width: 167px;
height: 34px;
}
.controlbar a {
display: block;
float: left;
/*margin: 0px 0 0 4px;*/
height: 27px;
}
.controlbar a:hover {
background-image: url(../res/graphics/controlbar4-hover.gif);
}
.controlbar .previous {
width: 50px;
}
.controlbar .next {
width: 40px;
background-position: -50px 0;
}
.controlbar .highslide-move {
width: 40px;
background-position: -90px 0;
}
.controlbar .close {
width: 36px;
background-position: -130px 0;
}
.highslide-dimming {
background: #000000;
position: absolute;
visibility: hidden;
}
a.highslide-full-expand {
background: url(../res/graphics/fullexpand.gif) no-repeat;
display: block;
margin: 10px 10px 10px 10px;
width: 34px;
height: 34px;
}
.highslide-active-anchor img {
visibility: hidden
}
.highslide-html {
background-color: white;
}
.highslide-html-blur {
}
.highslide-html-content {
position: absolute;
display: none;
}
/* Necessary for functionality */
.highslide-display-block {
display: block;
}
.highslide-display-none {
display: none;
}
-->
</style>
<link rel="alternate" href="album.rss" type="application/rss+xml">
<style type="text/css">
<!--
.highslide { cursor: url(../res/graphics/zoomin.cur), pointer;
outline: none;
}
.highslide-caption { display: none;
color: #000000;
border: 0px solid #ffffff;
border-top: none;
font-family: Verdana, Helvetica;
font-size: 10pt;
padding: 5px;
background-color: #ffffff;
}
#index #outerWrapper #gradient #contentWrapper #content p {
font-size: 10px;
}
#index #outerWrapper #gradient #contentWrapper #content p {
font-size: 12px;
}
#index #outerWrapper #gradient #contentWrapper #content {
font-size: small;
}
-->
</style>
<!-- InstanceEndEditable -->
<!--[if IE 5]>
<style type="text/css">
#outerWrapper #contentWrapper #leftColumn1 {
width: 200px;
}
</style>
<![endif]-->
<!--[if IE]>
<style type="text/css">
#outerWrapper #contentWrapper #content {
zoom: 1;
}
</style>
<![endif]-->
</head>
<body id="index">
<div id="header">
<div id="logo">
<a href="index.html" onmouseover=""> Max Barr Antique Restoration</a></div>
</div>
<div id="outerWrapper">
<div id="gradient">
<div id="nav" style="margin-bottom: 10px;">
<div align="center">
<ul>
<li><a href="http://www.maxbarr.com/index.html">Home</a></li>
<li><a href="http://www.maxbarr.com/profile.html">Profile</a></li>
<li><a href="http://www.maxbarr.com/restoration.html">Restoration</a></li>
<li><a href="http://www.maxbarr.com//gallery/index.html">Gallery</a></li>
<li><a href="http://www.maxbarr.com/contact.html">Contact</a></li>
</ul>
</div>
</div>
<div id="contentWrapper">
<div align="center"></div>
<div id="content"> <!-- InstanceBeginEditable name="Content" -->
<p align="center"><img src="P6030553.gif" width="75" height="54" /><img src="img064.gif" width="82" height="54" /><img src="P5300085.gif" width="71" height="54" /><img src="PB040728.gif" width="83" height="53" /><img src="images/P9150206.gif" width="65" height="54" /><img src="images/PB110751.gif" width="79" height="55" /><img src="images/img069.gif" width="84" height="56" /><img src="images/P8310186.gif" width="78" height="56" /></p>
<p>Welcome to my website. I have been making furniture and restoring antiques here in Gloucestershire for 18 years. I have a large, well equipped workshop and carry out work for both private clients and the quality antiques trade. Examples of my restoration work have been shown at many national and international antiques fairs including London Olympia, Maastricht Tefaf and Chicago Artropolis. <img src="images/WmIVthreePillar55__x135__4.gif" width="348" height="181" align="middle" /><br />
<br />
High standards of work and customer satisfaction are my top priorities. If you would like to discuss any project, large or small, please give me a call for friendly expert advice.</p>
<p>Services include:</p>
<ul>
<li><img src="images/img071.gif" width="113" height="169" align="left" />High quality restoration and repair to all kinds of furniture.
</li>
Replacement or repair of damaged or missing woodwork from chips of veneer to entire legs or table leaves using appropriate materials and techniques. <img src="images/P9010139.gif" width="157" height="118" align="right" /></li>
<li>Restoration of existing finishes, reviving, colour matching, disguising of repairs</li>
<li>Traditional French polishing, wax polishing and oil finishes</li>
<li>Repairs to locks, castors, handles and other metalwork
</li>
Supply and fitting of leather or baize desk-top liners.</li>
<li>Upholstery, cane and rush-work seating.
</ul>
</p>
</li>
</ul>
<p> </p>
<h1 align="justify"><img src="images/P3080182.gif" width="147" height="110" align="bottom" /></h1>
<p> </p>
<div id="controlbar" class="highslide-overlay controlbar">
<a href="#" class="previous" onClick="return hs.previous(this)" title="Previous (left arrow key)"></a>
<a href="#" class="next" onClick="return hs.next(this)" title="Next (right arrow key)"></a>
<a href="#" class="highslide-move" onClick="return false" title="Click and drag to move"></a>
<a href="#" class="close" onClick="return hs.close(this)" title="Close"></a>
</div>
<!-- Bottom navigation -->
<div id="jalbumwidgetcontainer"></div>
<script type="text/javascript" charset="utf-8"><!--//--><![CDATA[//><!--
_jaSkin = "Boxer";
_jaStyle = "2 Purple Pavement.css";
_jaVersion = "8.1.6";
_jaLanguage = "en";
_jaPageType = "index";
_jaRootPath = "..";
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "http://jalbum.net/widgetapi/load.js";
document.getElementById("jalbumwidgetcontainer").appendChild(script);
//--><!]]></script>
<!-- InstanceEndEditable --></div>
</div>
<div id="credit" align="center">Copyright © 2009 Max Barr
<br />
</div>
</div>
</div>
</body>
<!-- InstanceEnd --></html>
Can anyone tell me if the following is possible, and if so, how do I do it? I want a list of bullet points, but if one of the bullet points has no text then I don't want the actual bullet graphic to be shown. Not the best explanation so I'll elaborate. I'm pulling the bullet data from a program using a keyword/macro so my code looks like this. HTML Code:
<ul>
<li>{{BulletPoint1}}</li>
<li>{{BulletPoint2}}</li>
<li>{{BulletPoint3}}</li>
<li>{{BulletPoint4}}</li>
<li>{{BulletPoint5}}</li>
</ul>
Works perfectly when all five bullet points are populated, but if for example, there are only 3 bullet points with text, I get the bottom two bullet graphics just hanging there with no text next to them so and the final code looks like this HTML Code: <ul> <li>This is bullet point 1</li> <li>Here's another bullet point</li> <li>Only 3 bullet points for this particular product</li> <li></li> <li></li> </ul> Can anyone help? Does anyone even know what I'm talking about? Hi, I have just joined the forum, so hello!! Although the standard margins for bullets are fine for what I want, I find when they are to the right of an image they have a different indent. I have managed to correct this in FF by using <li style="margin-left:40px"> but the bullets are invisible with IE. Any ideas? Hi all, Im having a problem with unordered lists. When I view it in Dreamweaver, the bullet points are small, but when I view in browser, they are huge. Ive tried adding classes to the CSS, but not sure what im doing wrong. Ive got one class that is: .bulletList { padding:0px; margin:12px; } I tried adding a different class for the actual lists: .bulletSize { font-size:12px; } But all this did was change the size of the font and not the size of the bullet point. Can anyone suggest what I could do to fix this? Thanks in advance How do you use make it so the space between BULLETS (HTML DISC) does not have such a large space between the lines when viewing between INTERNET EXPLORER and Any other browser like Firefox?? http://www.camarosource.ca/main_new_...new_layout.htm Right side "Recent Posts". You'll notice that if you view with Firefox that it shows the words close to get on top of each other. HOWEVER, View the same link in INTERNET EXPLORER and you'll soon discover it's now what's almost 1 more line inbetween the top words and the ones below them. How can I STOP THIS?? If I make it fit in Firefox, it's WAY too high in IE cause it adds another line. If I make it fit in IE, it's like 3/4 the height of the area for Firefox. Thanks! |
|||||||