|
HTML - List Without Bullets Or Border
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 Similar TutorialsIs 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 When 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. 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? 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> 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> 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! Hi, I am using Dreamweaver CS3 to create a site, by default i have learnt that when you use an image as a link to another page, dreamweaver creates a coloured border around your linked image. I have since been able to get rid of this border by adding border="0" into my img tag however this now has caused my rollover not to work before clicking on the image to take you to the linked page. this is my code; any ideas how i can fix this? <td colspan="4"> <a href="About Us.html"><img src="images/About_Off.jpg" border="0" alt="About Us" name="Aboutus" width="120" height="64" id="Aboutus" onMouseOver="MM_swapImage('Image2','','images/About_On.jpg',1)" onMouseOut="MM_swapImgRestore()"></a></td> <td colspan="6"> Any help would be greatly appreciated. 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 have a big list and I want to show on my webpage 6lines from that list randomly (when webpage is refreshed another 6 lines appear). can anyone help me with he code, how should the list look like so it works...or where can I find more info on this ? thanks I am making a website with a list inside list for my navigation bar. It looks good on safari(win/mac) and firefox but the list looks horrible in IE7.0(didnt check 6.0) I was wondering if anyone know what it could be HTML Code: Code: <div id="nav"> <img class="menupic" src="images/mainmenu.png" alt="Main Menu"/> <ul class="navli"> <li><a class="point" href="#"><img src="images/menu_findme.png" alt="findMe"/></a></li> <li> <ul class="navlinks"> <li><a href="#goto_facebook" id="facebook">- Facebook</a></li> <li><a href="#goto_myspace" id="myspace">- Myspace</a></li> <li><a href="#goto_youtube" id="youtube">- Youtube</a></li> </ul> </li> </ul> <ul class="navli"> <li><a class="point" href="#"><img src="images/menu_blog.png" alt="blog"/></a></li> <li> <ul class="navlinks"> <li><a href="#blogid2" id="blogid2">- Testing | May 01</a></li> <li><a href="#blogid1" id="blogid1">- Debut Album | Apr 30</a></li> <li><a href="#goto_blogarchive" id="blogarchive">- Archives</a></li> <li class="donthidethis"><ul class="navli donthidethiseither" style="padding:0;"> <li><a class="point" href="#">- Categories</a></li> <li><ul class="navlinks"> <li><a href="#goto_catid2" id="catid2">- Media</a></li><li><a href="#goto_catid1" id="catid1">- News</a></li><li><a href="#goto_catid3" id="catid3">- Off Topic</a></li><li><a href="#goto_catid4" id="catid4">- Tutorials</a></li> </ul></li> </ul></li> </ul></li> </ul> <ul class="navli"><li><a class="point" href="#"><img src="images/menu_eliasmusictv.png" alt="eliasMusic Tv"/></a></li> <li><ul class="navlinks"> <li><a href="#" id="coming">- Coming soon...</a></li> </ul></li> </ul> <ul class="navli"><li><a class="point" href="#"><img src="images/menu_about.png" alt="about"/></a></li> <li><ul class="navlinks"> <li><a href="#goto_biography" id="biography">- biography</a></li> </ul></li> </ul> <ul class="navli"><li><a class="point" href="#"><img src="images/menu_links.png" alt="links"/></a></li> <li><ul class="navlinks"> <li><a href="#" id="links">- Coming soon...</a></li> </ul></li> </ul> <ul class="navli"><li><a class="point" href="#"><img src="images/menu_contact.png" alt="contact"/></a></li> <li><ul class="navlinks"> <li><a href="#goto_contact" id="contactpage">contactForm</a></li> </ul></li> </ul> CSS Code: Code: #nav { float:right; width:195px; padding-left:20px; background:url("images/navback.png"); } #nav ul { list-style: none; margin-left:1px; border: none; } #nav .navli { padding-top:3px; padding-bottom:3px; } #nav .navlinks { padding-left:25px; } #nav .navlinks a,a:link { color:#262626; } #nav .navli img { margin-top:5px; margin-bottom:5px; } #nav .navlinks a:hover { color:#dadada; } #nav img.menupic { margin:20px 10px 5px 95px; } #nav a { font-size:14px; display:block; } #nav a.point { font-size:14px; font-weight:bold; } .navliover { background:url("images/navhover.jpg"); }
Any help at all would be appriciated please I can show u the website via Private message if you are interested in helping Thanks in advance Reply With Quote Hey Guys I have a 1px X 5px image and I am trying to wrap a border around it. It looks fine in FF but in internet explorer there is a small gap. See images below: FireFox: IE6: Here is the coding: CSS: HTML Code: #tabUnderline {
border : solid 1px #aaa9a9;
background-image : url(images/buttons/tab_underline.gif);
background-repeat : repeat-x;
height : 3px;
}
HTML: HTML Code: <div id="tb"><div id="tabUnderline"></div></div> can anyone tell me how this is done? the border can be seen on the football manager site hattrick. thx Hi, is there a way to put a border around only some parts of a table? I've tried using css, but it didn't work: <p style="border-bottom: 1px; border-left: 1px; border-right: 1px; border-top: 1px"> can anyone help? thanks Buddy... I looking for the solution about this border. which is always around the swf in IE. Any solution to remove this. I keep in waiting... Thanx... Where in my CSS would I add a border and border color? html,body { height:100%; margin:0; } body { background-color:#000; background-image:url(../images/background.jpg); background-attachment:fixed; background-size:100% 100%; } #container { width:700px; padding:40px; border-right:1px solid #003; border-left:1px solid #003; margin:auto; background-color:rgba(0,0,0,0.5); color:#ccf; box-shadow:#000 0 0 10px; } Hello, I ran into this problem today in my Basic XHTML class, and it was enough to stump me and the instructor: if you want to put an unordered list in the middle of a page, but you want the list items to be left-aligned so the bullets are one on top of the other...how do you do it? I started with code something like <div align="center"> <ul type="disc"> <li>Wine</li> <li>Women</li> <li>Song</li> </ul> </div> This centers the list on the page, but it also centers each list item. I tried placing a <div align="left"> around the list items, individually and collectively, but depending on the positioning it either had no effect or it nullified the center attribute completely and gave me a left-aligned list on the left edge of the page. Attempts to change the style of the <li> tag, which I haven't done in months and was never all that good at, failed. I know I can do this in ten seconds by putting the list inside a one-cell table, and with much fiddling I could probably do it with a spacer GIF...but what's the 1.0 Strict way? |
|||||||