|
HTML - Bullets With Spaces
i am trying to create a bullet point list but have spaces inbetween each bullet point item. i tried <br> but no luck.
Code: <UL> <LI> <DIV align=left><SPAN style="COLOR: #333333">Stated Income with good credit</SPAN></DIV> <LI> <DIV align=left><SPAN style="COLOR: #333333">5/1, 7/1, 10/1 and 30 Yr Fixed<SPAN style="COLOR: #333333"><IMG border=0 hspace=0 align=right src="http://www.sharperemail.com/se_members/4346/ftp/raintree_hoa_images/happy-elephant-02-gif.gif" width=215 height=215></SPAN></SPAN> </DIV> <LI> <DIV align=left><SPAN style="COLOR: #333333">Interest Only</SPAN> </DIV><SPAN style="COLOR: #333333"> <LI> <DIV align=left>Cash out up to 250,000</SPAN> </DIV> <LI> Similar TutorialsWhen combining lists w/ bullets (I use adobe golive) Is there a way (in the source code perhaps) to eliminate the the bullet from the first item being bulleted? why you might ask? because I want my bulleted list to be directly under the first item, by default, my software creates a big space between the last item and the bulleted list. Hope this makes sense. thanks for the help, I'm uder too much pressure here. I would like to line up the bullets (<li type="disc">) with the other text. They are too far to the left. What code will do that? Thanks. Adam This is the example: http://detroit.craigslist.org/okl/ctd/1468871649.html This is the code: <center><table border="2" cellpadding="20px" cellspacing="2" width="61%"> <tr> <td align="left"> <a href="http://jimdouglasautosales.com" target="_blank" rel="nofollow"><img src="http://jimdouglasautosales.com/Craigslist_Vehicle_Listings/CraigslistVehicleListingLogo.jpg" width="350" height="100.975" border="0"></a> <a href="http://jimdouglasautosales.com" target="_blank" rel="nofollow"><img src="http://www.jimdouglasautosales.com/sitebuilder/images/Craigslist_Picture-600x302.jpg" width="225" height="112.5" border="0"></a> <hr> <br><b><font size="5"> 2006 Cadillac STS4 AWD <font size="3"> <br><br> Options: <li type="disc">Leather <li type="disc">Power seats <li type="disc">Heated seats <li type="disc">Power windows <li type="disc">Power locks <li type="disc">Power mirrors <li type="disc">Tilt <li type="disc">Cruise <li type="disc">Navigation <li type="disc">CD <li type="disc">Power sunroof <li type="disc">Chrome wheels <br><br> Mileage: 46,172 <br><br> Stock number: 90771 <br><br> VIN: 1G6DW677360204132 <br> (Ask for a free vehicle history report) <br><br> View our <a href="http://www.jimdouglasautosales.com/inventory" target="new" rel="nofollow"> inventory</a>. Visit our <a href="http://www.jimdouglasautosales.com" target="new" rel="nofollow"> website</a> for hours and directions. Financing and warranties available. We buy vehicles. <br><br><hr> <div><a name="0" rel="nofollow"></a><img src="http://images.cars.com/supersized/MDC/53/458653/7185592530.jpg"></div> <hr> <div><a name="1" rel="nofollow"></a><img src="http://images.cars.com/supersized/MDC/53/458653/7185592532.jpg"></div> <hr> <div><a name="2" rel="nofollow"></a><img src="http://images.cars.com/supersized/MDC/53/458653/7185592534.jpg"></div> <hr> <div><a name="3" rel="nofollow"></a><img src="http://images.cars.com/supersized/MDC/53/458653/7185592535.jpg"></div> <hr> <div><a name="4" rel="nofollow"></a><img src="http://images.cars.com/supersized/MDC/53/458653/7185592537.jpg"></div> <hr> <div><a name="5" rel="nofollow"></a><img src="http://images.cars.com/supersized/MDC/53/458653/7185592538.jpg"></div> <hr> <div><a name="6" rel="nofollow"></a><img src="http://images.cars.com/supersized/MDC/53/458653/7185592541.jpg"></div> <hr> <div><a name="7" rel="nofollow"></a><img src="http://images.cars.com/supersized/MDC/53/458653/7185592543.jpg"></div> <hr> <div><a name="8" rel="nofollow"></a><img src="http://images.cars.com/supersized/MDC/53/458653/7185592544.jpg"></div> <hr> <div><a name="9" rel="nofollow"></a><img src="http://images.cars.com/supersized/MDC/53/458653/7185592546.jpg"></div> <hr> <div><a name="10" rel="nofollow"></a><img src="http://images.cars.com/supersized/MDC/53/458653/7185592548.jpg"></div> <hr> <div><a name="11" rel="nofollow"></a><img src="http://images.cars.com/supersized/MDC/53/458653/7185593100.jpg"></div> <hr> <div><a name="12" rel="nofollow"></a><img src="http://images.cars.com/supersized/MDC/53/458653/7185593104.jpg"></div> <hr> <div><a name="13" rel="nofollow"></a><img src="http://images.cars.com/supersized/MDC/53/458653/7185593106.jpg"></div> <hr> <div><a name="14" rel="nofollow"></a><img src="http://images.cars.com/supersized/MDC/53/458653/7185593108.jpg"></div> <hr> <div><a name="15" rel="nofollow"></a><img src="http://images.cars.com/supersized/MDC/53/458653/7185593111.jpg"></div> <hr> <div><a name="16" rel="nofollow"></a><img src="http://images.cars.com/supersized/MDC/53/458653/7185593113.jpg"></div> <hr> <div><a name="17" rel="nofollow"></a><img src="http://images.cars.com/supersized/MDC/53/458653/7185593116.jpg"></div> </td> </tr> </table> If you look at http://www.bkriegtech.net/2008/ in firefox you will see my left nav bar, the bullets go outside of the frame. How do I fix that? removed thank you Is it possible to have a <li> without it showing the bullet symbol? I want a list item that does everything a normal <li> does but doesn't look like a list item. Alternatively, is it possible to end a <ul> without unwanted space appearing after it? I want the next item to appear exactly on the next line but no matter what margins I specify in my <ul>'s CSS it leaves a blank line. A solution to either of these issues will solve my problem! Thanks, -sbs Hey there. I'm totally new to coding. I'm trying to make a list (centered), without bullets and without a border. You can see here i'm not succeeding yet. http://bondicreative.com/clients.html I'd like the list to be 8a8a8a color, and centered under the CLIENTS header. Here is how i want it to look: http://img.photobucket.com/albums/07...at103543AM.png Any help? Thanks, Mark I have a page that has an image aligned left with padding and text to the right. The text includes a bulleted list. However, the bullets are showing up misaligned with the rest of the text. Please see the attached screenshot. I had a similar problem when I tried to wrap text that included a bulleted list in <blockquote> tags. Thanks! http://www.auroraevansville.org/NewL...ved/index.html is the page that im working on. Notice how the second image is left aligned "yes i know it looks bad that way" the bullets rest on the right side of the image. I was wondering if their was a way to make some space and separate the two. Iv tried to apply v-space and h-space on the image with no luck. Any ideas would be welcomed Thanks You I just finished the rough draft for my new site. Everything looks fine in DW, but in the browser, it's all messed up! Can someone take a look and help me out? Take a look at the bullets about halfway down. http://nextlevelprofits.com/emailsecretsexposed/ Thank you SO much! Ok, so i uploaded my page to the web and for some reason the bullets are not showing up inside the table cells of the Toppings table to my page. for some reason it shows up fine in Chrome, but in IE and Firefox, they show up to the left of the table cells making it look weird? does someone know how to make it so it shows up the way it does in chrome for all browsers? whats wrong with my code? heres the page... http://valspizzaplace.com/newwebsite...inos/pizza.php ahh this is frustrating, i can't figure out and its probably something simple. Hello all. Just joined and I have what I know is a simple question. Trying to remove a space between the top image and the legend I just created. Thanks, Doug Code: <div id="main-copy">
<div style="width:755px; margin: auto; text-align: center; color: #000000; font-weight: bold;">
<p>Click on radar image to loop!</p>
<p>GR Level III Base Reflectivity<br/><a href="/wx21.html"><img src="/GR3/kfdr_br1.png"></a></p>
<p><img src="GR3/legend3.png" width="750" height="40"/></p>
<p>GR Level III Echo Tops<br/><a href="/wx22.html"><img src="/GR3/kfdr_et.png"></a></p>
</div>
</div>
</div>
<!-- ##### Footer ##### -->
Looks like: http://www.ardmoreweatherlive.com/wx3.html This is my very first post on this forum, so please, be gentle with me. I write my websites in HTML code but recently I seem to have created an anomaly that I cannot get to the bottom of. If you pop over to this page: http://website.lineone.net/~barrybboor/tirol58.html you will see a very large space below the 'FULL RESULT' line and the start of the result table. According to the coding I have, there shouldn't be any such space but I can see no reason for it and cannot find a way to reduce it. Can anyone help a poor elderly novice, please? I am having some basic HTML issues... The code is as follows: Code: <body onload="MM_CheckFlashVersion('7,0,0,0','Content on this page requires a newer version of Macromedia Flash Player. Do you want to download it now?'), resizeTo(700,560);">
<div id="horizon">
<div id="content">
<div class="bodytext">
<table width="100%" height="480" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2" align="center" valign="middle" style="background-repeat: no-repeat; background-position:bottom right;"><table width="0" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="21" height="16" align="right" valign="bottom"><img src="images/tv/upper-left.gif" alt="tv-upper-left" width="21" height="16" /></td>
<td width="320" height="16" align="center" valign="bottom"><img src="images/tv/top.gif" alt="tv-top" width="320" height="16" /></td>
<td width="21" height="16" align="left" valign="bottom"><img src="images/tv/upper-right.gif" alt="tv-upper-right" width="21" height="16" /></td>
</tr>
<tr>
<td width="21" height="240" align="right" valign="middle"><img src="images/tv/left.gif" alt="tv-left" width="21" height="240" /></td>
<td width="320" height="240" align="center" valign="middle"><script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0','width','320','height','240','id','FLVPlayer','src','FLVPlayer_Progressive','flashvars','&MM_ComponentVersion=1&skinName=Clear_Skin_3&streamName=flv/AlcoaHybridAeroW&autoPlay=true&autoRewind=true','quality','high','scale','noscale','name','FLVPlayer','salign','lt','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','FLVPlayer_Progressive' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="320" height="240" id="FLVPlayer">
<param name="movie" value="FLVPlayer_Progressive.swf" />
<param name="salign" value="lt" />
<param name="quality" value="high" />
<param name="scale" value="noscale" />
<param name="FlashVars" value="&MM_ComponentVersion=1&skinName=Clear_Skin_3&streamName=flv/AlcoaHybridAeroW&autoPlay=true&autoRewind=true" />
<embed src="FLVPlayer_Progressive.swf" flashvars="&MM_ComponentVersion=1&skinName=Clear_Skin_3&streamName=flv/AlcoaHybridAeroW&autoPlay=true&autoRewind=true" quality="high" scale="noscale" width="320" height="240" name="FLVPlayer" salign="LT" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object></noscript></td>
<td width="21" height="240" align="left" valign="middle"><img src="images/tv/right.gif" alt="tv-right" width="21" height="240" /></td>
</tr>
<tr>
<td width="21" height="69" align="right" valign="top"><img src="images/tv/lower-left.gif" alt="tv-lower-left" width="21" height="69" /></td>
<td width="320" height="69" align="center" valign="top"><img src="images/tv/bottom.gif" alt="tv-bottom" width="320" height="69" /></td>
<td width="21" height="69" align="left" valign="top"><img src="images/tv/lower-right.gif" alt="tv-lower-right" width="21" height="69" /></td>
</tr>
</table>
<p><input type="button" value="Close Window" onclick="window.close()"></p>
</span></p></td>
</tr>
</table>
</div>
</div>
</div>
</body>
the link to a sample of this page is: http://www.mirageadv.com/beta/galler...bridAeroW.html Can someone take a look at this and tell me why I am getting the spaces in the graphics at the top and bottom... Thanks - Jim Hi, I'm new to this forum. I'm having a little problem. It's the first time I'm working with DIV containers. I want to place 4 containers one below the other with no spaces in-between. In Firefox it works fine but not in IE. Can this problem be fixed? /Patrick i cant seem to get rid of the space between my two images in this table to align my layout images flush with each other . anyone got any ideas? here is an example of what my problem is: http://hollecost.webs.com/index.htm heres the table coding for that example page of my problem: <table cellspacing="0" cellpadding="0"> <tr> <td> <img src="/images/top.jpg"> </td> </tr> <tr> <td background="/images/bottom.jpg" height="440" > </td> </tr> </table> Is there a way to make the spaces in between each link in the navbar go away? becuase i need to put 2 more links and if i did it the way where i have no spaces in between it would work out perfectly, p.s. you can join the furms, lol. here is the site http://wiseones.50webs.org/index.html here is the navbar code Code: <ul>
<li><a href="index.html" title="Home">Home</a></li>
<li><a href="http://wiseones.jokemaster.org/" title="Spirituality Forums">Spirituality Forums</a></li>
<li><a href="spiritualityarticles.html" title="Spirituality">Spirituality</a></li>
<li><a href="religiousarticles.html" title="Religious">Religious</a></li>
<li><a href="itemsarticles.html" title="Items">Trees,Gems,Herbs,& Items</a></li>
</ul>
can someone also tell me what the ul's mean? http://wlab.canisius.edu/~dunkleb/cl...s/schedule.php Someone PLEASE explain where my spaces went. doesn't work. Copy/paste anything on that site to a text editor; the spacebar spaces are GONE. WTF. Dear Board Users, I want to send my friends a newsletter consisting of image sliced onto 4 parts. When I finished composing html code (spam assassin ranks it only with 0.3pts) mail was ready to be sent. All mail boxes reads this newsletter properly instead GMail which reads sliced image with breaks. At link below you cand find a screen capture which can let you know what about the problem is -- > And here is a fragment of code between first two images: Code:
</head>
<body marginwidth="0" marginheight="0" bgcolor="#ffffff" topmargin="0"
leftmargin="0">
<div align="center">
<table height="822" width="595" cellspacing="0" cellpadding="0" border="0"
id="Table_01">
<tbody>
<tr>
<td><a target="_blank" href="http://xxx"><img height="201"
width="595" border="0" longdesc="blablabla" id="blablabla" alt="blablabla"
src="Ozdobne-amfory_01.jpg" /></a></td>
</tr>
<tr>
<td><a target="_blank" href="http://xxx"><img height="407"
width="595" border="0" longdesc="blablabla" id="blablabla" alt="blablabla"
src="Ozdobne-amfory_02.jpg" /></a></td>
I hope you can help, thanks! how do i remove these spaces between my images and table? if you view the page theres spaces between the two images and for some reason on the bottom it shows a small image of my mid body image here is the link: http://lilions.com/contact/ Code: <code>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html>
<br></br><br></br>
<img src="http://lilions.com/home/images/tpc.jpg"><img src="http://lilions.com/home/images/cnttp.jpg"><center><table width=1000 height=450><td
background="http://lilions.com/home/images/cntmid.jpg"></center><center><font color="#FFFFFF"><table border="3" bordercolor="FFFFFF" width="630"
bgcolor="000000"></br><td><p><i><b><center><font color="#FFFF00">donbonacorsa@yahoo.com <donbonacorsa@yahoo.com></center></b></i></p></font>
<?php
if ($_POST["email"]<>'') {
$ToEmail = 'donbonacorsa@yahoo.com';
$EmailSubject = 'Site contact form from www.LiLions.com';
$mailheader = "From: ".$_POST["email"]."\r\n";
$mailheader .= "Reply-To: ".$_POST["email"]."\r\n";
$mailheader .= "Content-type: text/html; charset=iso-8859-1\r\n";
$MESSAGE_BODY = "Name: ".$_POST["name"]."<br>";
$MESSAGE_BODY .= "Email: ".$_POST["email"]."<br>";
$MESSAGE_BODY .= "Comment: ".nl2br($_POST["comment"])."<br>";
mail($ToEmail, $EmailSubject, $MESSAGE_BODY, $mailheader) or die ("Failure");
?>
<center><h4><b>
Your message was sent </center></h2>
<?php
} else {
?>
<form action="index.php" method="post"><table width="630" border="0" cellspacing="2" cellpadding="0">
<h4>
<center>
<p>Have questions or comments? Please feel free to fill in the form below to send me an email.</p>
</center>
</h4>
<center></h4><div id="content">
<p><tr align="center"><center>
<td width="29%" class="bodytext">Your Name (required):</td></tr>
</center>
<tr align="center"><center>
<td width="71%"><input name="name" type="text" id="name" size="32"></td></tr>
</center>
</p>
<p><tr align="center"><center>
<td class="bodytext">Your Email (required)</td></tr>
</center>
<tr align="center"><center>
<td><input name="email" type="text" id="email" size="32"></td></tr>
</center>
</p>
<p><tr align="center"><center>
<td class="bodytext">Subject</td></tr>
</center>
<tr align="center"><center>
<td><input name="subject" type="text" id="subject" size="32"></td></tr>
</center>
</p>
<p><tr align="center"><center>
<td class="bodytext">Comment:</td></tr>
</center>
<tr align="center"><center>
<td><textarea name="comment" cols="45" rows="6" id="comment" class="bodytext"></textarea></td></tr>
</center>
</p>
<p><tr align="center"><center>
<td class="bodytext"> </td></tr>
</center>
<tr><center>
<td align="center" valign="top"><input type="submit" name="Submit" value="Send"></td></tr>
</center>
</p></table></tr></td></form>
</div>
</b>
</h3>
</table>
<?php
};
?>
</body>
</html>
<center>
<img src="http://lilions.com/home/images/cntbtm.jpg">
</center>
</code>
|
|||||||