|
HTML - Need Help With Alignment Of Bullets
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> 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 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> 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? 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 removed thank you 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. I don't understand! On my end when I upload it to the server and open an html file in the browser, everything looks fine. But when other people look at the site, it looks totally different. Text boxes are disgusting, I use CSS positioning and it puts everything totally off of the layout. Hi, Can someone help me align the two images at the bottom of the html page (view attachment) in the center. It should be compatible with IE and Firefox 3. I have attached sample code in the .doc file. Thanks in advance, Ronnie Hope someone can suggest something. I am working with a programme that uses three templates to structure the web site, feeds articles, author page and site map on a daily basis to my web site. I attempted to insert Adsense ad units to templates and unfortunately everything is out of line now. this can be viewed at http://daviddutch.com/currency/articles/index.html Question is how do I bring everything else back in line please as when I look at coding there is no clear place to put the adsense HTML code to get things lined up correctly. Hope someone can offer wisdom and guidance. cheers I have a div which contains a line of text as a url. When clicked, a div is displayed directly below, and the content is different depending on the user. Currently, the div opens and two left hand sides align. I would like to cause the right hand sides to align instead, with the divs growing to the left if the text is larger. Is this possible? hey guys im getting a weird b0rder ar0und my <div>, i d0nt kn0w what it is..can anyb0dy help me please? ive been l00king at div pr0perties but i havent been able t0 eliminate that b0rder - im n0t even sure its fr0m the div but i'd think it is. the b0rder im talking ab0ut is the black 0ne. c0me t0 think 0f it.. its n0t a b0rder - the black secti0n is a <th> and the black is its backgr0und, but the <div> inside the <th> simply d0esnt extend in it t0 100% :/ http://www.hotlinkfiles.com/files/57...cument_7_.html Hi Guys Here is some css I use for my footer, I want it to be centered but only span 98% of the distance, however when I change the width to 98% it only cuts off the 2% from the right hand side and justifies the footer to the left. Any Help? Thanks Code: #footer{
clear: left;
width: 100%;
background: white;
color: black;
text-align: center;
padding: 2px 0;
}
Hey all, Just a question about my amature portfilio site that im creating. On some pages, graphics and blog, for example, http://www.freewebs.com/breakdowninc.../graphics.html http://www.freewebs.com/breakdowninc/pages/blog.html I am wanting to center the graphics/blog parts overhead of the copywrite text, found at the bottom of my page. Example: I have centered the graphics images, using align="center" yet they go off the side slightly. Anyway can how can I align them appropriately, without using "position:absolute" because it screws with the mini/maximising of my page. Cheers It's not that huge of a deal because its only an under construction page... but I'd like to know how to get this page looking the same in both IE and Firefox. The only real issues with IE right now is that the image isn't centered and the yellow tape bg is 1px off from where it should be... thanks for any help! http://www.pzfantasyfootball.com Code: <html>
<head>
<title>PZ Fantasy Football » Under Construction</title>
<style type="text/css">
* {margin: 0; padding:0;}
p {margin-top: 15px;}
h2 {font-size: 25px; border-bottom: 1px solid #fff; margin-bottom: 10px;}
body {
background-image: url(images/Metal_Texture-PhotoshopTower.jpg);
background-color: #000;
color: #fff;
font-family: calibri, arial, verdana;
}
a, a:visited, a:active {color: #09f;}
a:hover {color: #06c;}
#wrap {
width: 800px;
margin: 0 auto;
}
.yellowtape {
position: absolute;
bottom: 0;
width: 100%;
height: 524px;
background-image: url(images/yellowtapebg.gif);
background-repeat: repeat-x;
}
.construction {
position: absolute;
bottom:0;
background-image: url(images/pzfantasyfootballunderconstruction.jpg);
width: 800px;
height: 600px;
}
.text {
position: relative;
left: 300px;
top: 225px;
width: 500px;
font-size: 18px;
text-align: left;
}
</style>
</head>
<body>
<div class="yellowtape"></div>
<div id="wrap">
<div class="construction">
<div class="text"><h2>11/1/07 » Site Under Construction Again</h2>Well once again we enter construction mode. I just wasn't feeling the league site, no one really used it much, it didn't have much content that Yahoo! couldn't already offer, and it just really ended up being a waste of time. So now I'm going to give it a shot with a fantasy help site. I know I've done this before, but my future may hold something in the sports industry, so now I look to try and establish a well read site in order to help achieve my goals. I'm not 100% sure if the new site will be done before the end of this season, however it should be done in time for the 2008 NFL Draft. Hope to see you all soon!
<p />Oh, and feel free to contact me via the forums <a href="http://www.pzfantasyfootball.com/forums">here</a>.
</div>
</div></body>
</html>
|
|||||||