|
HTML - Website Bullets Not Appearing Correctly. Any Help Much Appreciated!
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! Similar TutorialsAs stated can anyone see where my "main" issue is this page... http://materialmaterial.com/products/sunshop/ I have checked it in FF, Chrome and Opera and there is problem with any of them but for some reason in Safari the entire content is thrown to the right of the main container. Also, it works fine throughout the rest of the site (which is in static HTML /the shop part is dynamic...) I am sure that it is a simple miscalculation in the CSS but I cannot find it... Any help would be humbly appreciated... Thanks I'm not much of a html guru, I cobbled this web page together and everything looks good to me but the images don't appear. It works find when I test it, view the file in the in browser, but when I uploaded it to the server it flunked. I'm guessing the html is pointing to the wrong location of the files, but I can't figure it out. I need a little help. Here's the web location: http://home.att.net/~puudstrand/index2.htm Here's the HTML for the page: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <!-- saved from url=(0014)about:internet --> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Minneapolis photographer</title> <meta name="keywords" content="Minneapolis, wedding, portrait, event, photographer"> <meta name="description" content="Minneapolis wedding, portrait, event, and corporate photography"> <link rel="stylesheet" href="res/css/slightbox.css" type="text/css" media="screen" /> <link rel="stylesheet" href="res/css/jd.gallery.css" type="text/css" media="screen" /> <script language="javascript" type="text/javascript" src="res/scripts/mootools.js"></script> <script language="javascript" type="text/javascript" src="res/scripts/jd.gallery.js"></script> <script language="javascript" type="text/javascript" src="res/scripts/slightbox.js"></script> <link rel="alternate" href="album.rss" type="application/rss+xml"> <style fprolloverstyle>A:hover {color: #FF0000; font-weight: bold} </style> </head> <body id="index" bgcolor="#000000"> <center> <!-- Create navigation buttons if more than one index page --> <h1><font color="#FFFF00" face="Garamond" size="4">Paul Udstrand Photographer</font><font face="Garamond" color="#FFFF00"> Paul's Photography</font><font face="Garamond" size="4" color="#FFFF00"> &nbs p; 952-546-2802</font></h1> <p><font face="Georgia" size="5" color="#FFFF00"> <a style="color: #FFFF00; font-style: italic" href="http://home.att.net/~pudwed/wed1/wed1.htm"> <font color="#FFFF00">Weddings</font></a><i> <font color="#FFFF00"> </font><a style="color: #FFFF00" href="http://home.att.net/~pudstrand/Portraits/Portraits.html"><font color="#FFFF00">Portraits</font></a> <a style="color: #FFFF00" href="http://home.att.net/~paulsassignments/Main/intro/Assments.html"> <font color="#FFFF00">Freelance</font></a> <font color="#FFFF00"> </font> <a style="color: #FFFF00" href="http://home.att.net/~puudstrand/assignment/Decor1.htm"> <font color="#FFFF00">Fine Art</font></a> <font color="#FFFF00"> </font> <a style="color: #FFFF00" href="http://home.att.net/~paulsassignments/Main/events/events.html"> <font color="#FFFF00">Corporate Events </font></a> </i></font></p> <p><font face="Garamond" size="5" color="#FFFF00"><i>Special Feature</i>: <a style="color: #FFFF00" href="http://home.att.net/~pthumb/frank09/index.html"> <font color="#FFFF00">Al Franken</font></a></font></p> <div class="content"> <div id="myGallery"> <script type="text/javascript"> function startGallery() { var myGallery = new gallery($('myGallery'), { timed: true, textShowCarousel: '', lightbox: true }); var mylightbox = new Lightbox(); } window.onDomReady(startGallery); </script> <div class="imageElement"> <h3>Weddings </h3> <p> </p> <a href="slides/Iphoto02 .jpg" title="open image" class="open" ></a> <img src="slides/Iphoto02 .jpg" class="full" /> <img src="thumbs/Iphoto02 .jpg" width="120" height="120" alt="thumbnail" class="thumbnail" /> </div> <div class="imageElement"> <h3>News </h3> <p></p> <a href="slides/Iphoto17 .JPG" title="open image" class="open" ></a> <img src="slides/Iphoto17 .JPG" class="full" /> <img src="thumbs/Iphoto17 .JPG" width="120" height="120" alt="thumbnail" class="thumbnail" /> </div> <div class="imageElement"> <h3>Weddings </h3> <p></p> <a href="slides/Iphoto05 .jpg" title="open image" class="open" ></a> <img src="slides/Iphoto05 .jpg" class="full" /> <img src="thumbs/Iphoto05 .jpg" width="120" height="120" alt="thumbnail" class="thumbnail" /> </div> <div class="imageElement"> <h3>News </h3> <p> </p> <a href="slides/Iphoto07 .JPG" title="open image" class="open" ></a> <img src="slides/Iphoto07 .JPG" class="full" /> <img src="thumbs/Iphoto07 .JPG" width="120" height="120" alt="thumbnail" class="thumbnail" /> </div> <div class="imageElement"> <h3>Reunions and Corporate Events </h3> <p> </p> <a href="slides/Iphoto18 .jpg" title="open image" class="open" ></a> <img src="slides/Iphoto18 .jpg" class="full" /> <img src="thumbs/Iphoto18 .jpg" width="120" height="120" alt="thumbnail" class="thumbnail" /> </div> <div class="imageElement"> <h3>Weddings </h3> <p> </p> <a href="slides/Iphoto09 .jpg" title="open image" class="open" ></a> <img src="slides/Iphoto09 .jpg" class="full" /> <img src="thumbs/Iphoto09 .jpg" width="120" height="120" alt="thumbnail" class="thumbnail" /> </div> <div class="imageElement"> <h3>Weddings</h3> <p> </p> <a href="slides/Iphoto08 .jpg" title="open image" class="open" ></a> <img src="slides/Iphoto08 .jpg" class="full" /> <img src="thumbs/Iphoto08 .jpg" width="120" height="120" alt="thumbnail" class="thumbnail" /> </div> <div class="imageElement"> <h3>Portraits </h3> <p> </p> <a href="slides/Iphoto01 .jpg" title="open image" class="open" ></a> <img src="slides/Iphoto01 .jpg" class="full" /> <img src="thumbs/Iphoto01 .jpg" width="120" height="120" alt="thumbnail" class="thumbnail" /> </div> <div class="imageElement"> <h3>Portraits</h3> <p> </p> <a href="slides/Iphoto03.jpg" title="open image" class="open" ></a> <img src="slides/Iphoto03.jpg" class="full" /> <img src="thumbs/Iphoto03.jpg" width="120" height="120" alt="thumbnail" class="thumbnail" /> </div> <div class="imageElement"> <h3>Bar Mitzvahs </h3> <p></p> <a href="slides/Iphoto15 .JPG" title="open image" class="open" ></a> <img src="slides/Iphoto15 .JPG" class="full" /> <img src="thumbs/Iphoto15 .JPG" width="120" height="120" alt="thumbnail" class="thumbnail" /> </div> <div class="imageElement"> <h3>Portraits</h3> <p></p> <a href="slides/Iphoto06 .JPG" title="open image" class="open" ></a> <img src="slides/Iphoto06 .JPG" class="full" /> <img src="thumbs/Iphoto06 .JPG" width="120" height="120" alt="thumbnail" class="thumbnail" /> </div> <div class="imageElement"> <h3>Fine Art </h3> <p> </p> <a href="slides/Iphoto13 .jpg" title="open image" class="open" ></a> <img src="slides/Iphoto13 .jpg" class="full" /> <img src="thumbs/Iphoto13 .jpg" width="120" height="120" alt="thumbnail" class="thumbnail" /> </div> <div class="imageElement"> <h3>Portraits </h3> <p> </p> <a href="slides/Iphoto04 .jpg" title="open image" class="open" ></a> <img src="slides/Iphoto04 .jpg" class="full" /> <img src="thumbs/Iphoto04 .jpg" width="120" height="120" alt="thumbnail" class="thumbnail" /> </div> <div class="imageElement"> <h3>News </h3> <p> </p> <a href="slides/Iphoto12 .JPG" title="open image" class="open" ></a> <img src="slides/Iphoto12 .JPG" class="full" /> <img src="thumbs/Iphoto12 .JPG" width="120" height="120" alt="thumbnail" class="thumbnail" /> </div> <div class="imageElement"> <h3>Wedding</h3> <p> </p> <p> <a href="slides/Iphoto11 .jpg" title="open image" class="open" ></a> <img src="slides/Iphoto11 .jpg" class="full" /> <img src="thumbs/Iphoto11 .jpg" width="120" height="120" alt="thumbnail" class="thumbnail" /> </div> <div class="imageElement"> <h3>Weddings </h3> <p> </p> <a href="slides/Iphoto08 .jpg" title="open image" class="open" ></a> <img src="slides/Iphoto08 .jpg" class="full" /> <img src="thumbs/Iphoto08 .jpg" width="120" height="120" alt="thumbnail" class="thumbnail" /> </div> <div class="imageElement"> <h3>Weddings </h3> <p> </p> <a href="slides/Iphoto14 .jpg" title="open image" class="open" ></a> <img src="slides/Iphoto14 .jpg" class="full" /> <img src="thumbs/Iphoto14 .jpg" width="120" height="120" alt="thumbnail" class="thumbnail" /> </div> <div class="imageElement"> <h3>Fine Art</h3> <p> </p> <a href="slides/StFferriswhl3web.jpg" title="open image" class="open" ></a> <img src="slides/StFferriswhl3web.jpg" class="full" /> <img src="thumbs/StFferriswhl3web.jpg" width="120" height="120" alt="thumbnail" class="thumbnail" /> </div> </div> </div> </div> <div class="inc"> </div> </div> <p> </p> <p> <!--webbot bot="HitCounter" i-image="4" I-ResetValue="20660" B-Reset="TRUE" I-Digits="0" U-Custom --></p> <p></p> <p><small>S</small></p> </body> </html> I designed a website for a client. It shows fine on my mac in Firefox but the CSS isn't loading properly in Windows Browsers because the background and the Link details aren't loading at all. What could be the issue? http://kangazoomparty.com/kangazoom.html This is the website btw. Hello. I have created a website: www.launchtechusa.com It looks fine when you view it through mozilla or safari, but it gets distorted when you view it through internet explorer. Any reasons why this may be happening? Thanks for any pointers you can give! What are the common issues with websites not being properly displayed in Firefox? Reason is due to my website being displayed correctly in IE but when switching to Firefox the site suddenly breaks apart. Any ideas? Hello everyone. I have just stumbled across this group whilst investigating an issue I am having with a website, what a great resource you have here. I look after the website for my local volunteer fire brigade and I have maintained it for a number of years without any major problems. However in the last couple of weeks it has become apparent that the website is not loading all of the frames for the pages. This appears to only be an issue when browsing with Internet Explorer, as it all looks fine in Firefox. The website is located at http://www.mvcfs.asn.au/ It is only very basic, as that is my current level of HTML programming, I am considering changing to an alternate web layout program like Wordpress, however I haven't looked too much into the details of it yet. I have tried loading this page in I.E. on a number of different computers and they all suffer the same problem, I am currently using version 8.0.600 right now and it is not working, the Firefox version I am viewing it on is 8.0 and that appears to work ok. Is anyone able to suggest a possible solution to this issue, I haven't made any significant changes to the site in the last couple of weeks, so I am not sure why this problem has suddenly come up. Thankyou for your assistance. Regards Matt I have a wordpress blog in which on the single post page the container div is non-existent and the sidebar and footer go into the content div. The page displays fine in firefox it only has the problem in internet explorer. Any help would be greatly appreciated. Here is an example of the problem: http://purplemushroomreviews.com/gam...mption-review/ My website doesn't render correctly in the WebKit browsers (Apple Safari and Google Chrome). It works as expected in Firefox, Internet Explorer versions 6 and above, and Opera. If you click here to view the site, it is the text on the left-hand side underneath the navigation menu that is proving problematic. This text is supposed to appear directly beneath the navigation menu, but when the site is viewed in Safari or Google Chrome, it appears at the very bottom of the page, where the blue background is. I have run the code through the W3C validator and after a bit of alteration, it came back saying there's no errors. What makes it confusing is that I didn't write the code myself and it is mainly table-based (I inherited it from a previous web developer). I am currently working on a brand new layout for the website which will solve the accessibility problem completely, but for the time being we have to continue using the current layout. Does anyone know if there's a quick fix which will get the text on the left-hand side to display correctly in WebKit browsers? This has been bugging me for a while now and I'd really like to get it fixed. Is there anything obvious that I've missed? Thanks in advance for any help. Hi, can anyone help me with this? My site shows in firefox but when it is viewed using internet explorer, parts are missing and everything is everywhere. I really hope someone can teach me how to correct it. Site is www.agraphix.com.sg Thanks! ps: i know my html is a mess, i'm not really good at it. =/ Robbie. Hello All I am currently working on a website and I need the image links on the top to display a different image whether that link is active or not. I cannot use the css a:active because the whole page realoads after. I was thinking that there might be a way to do it with url encoding sending the message of which image needs to change. I have no idea how to do this. If this isnt possible could you people help me out?. Thanks, Chad I am a novice at HTML / Coding and I'm just getting my feet wet when it comes to proper hands on coding rather than just the very simple aspects of editing say a forum theme or very, very basic HTML. I have this web template that I am trying to use, it's live he http://www.themeanstreets.net/revamp/index.html Essentially, I use MyBB 1.6.4. This template pulls recent posts from specific forums. I've found a Mod for MyBB to do this located he http://community.mybb.com/thread-62787.html What I can't figure out is how to put this all together to work. It seems that this web template which is PSD / HTML / CSS has the recent posts hand written / coded in. Like there's no sample code showing it pulling from any where. If there's any help or advice you can provide it would be so very greatly appreciated because I'm a day away from scraping this template that I really really love LOL Thanks! *******it won't let me upload the index file with the code and posting it here is too many characters. Here's a snippet of the code. Quote: <!-- post --> <div class="post"> <a href="#"><img src="images/posts/02.jpg" class="post-image" /></a> <h2><a href="#">Second post</a></h2> <div class="metadata"><a href="#">Lorem Ipsum Category</a></div> <div class="post_content"> <div class="post_brief">Lorem ipsum dolor sit amet, Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores </div> <div class="post_info"> <span class="author">Posted by <a href="#">Admin</a></span>, <span class="date">Apr 14</span> </div> <div class="post_comments"> <div class="number"><a href="#">159</a></div> <div class="comments"><a href="#">Comments</a></div> </div> </div> </div> <!-- post --> 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. Hi I have a Normal Div area: <div style="width:300px;height:300px;overflow:auto;border-width:0px;border-color:000000;border-style:solid;"> Text is here Text is here Text is here </div> I want when the page is loaded, the div area shows the bottom automatically i.e. The last Line I dont want users to take it down manually with the mouse everytime the page is loaded Do you know how this can be done? Hello people here, I playing with my own blog and i encounter many problem on HTML. So any help will be appreciated. I describe my problem below; Currently i am Using this as my Backgroud: <head> <style type="text/css"> Body{ background-image:url(http://www.mahgolwebv3.persiangig.co...runge_bg.jpg); background-attachment:fixed; background-position:left-top; background-repeat:no-repeat; background-color:#000000; margin-top:0px; Now i wanna add some emben object onto the bottom of the Background, which i got from imeem music playlist. <object width="277" height="80" ><param name="movie" value="http://media.imeem.com/m/Ot0eIFQxaG"></param><param name="wmode" value="transparent"></param><embed src="http://media.imeem.com/m/Ot0eIFQxaG" type="application/x-shockwave-flash" width="277" height="80" wmode="transparent" ></embed></object> The design i want for it is the "Imeem" (Object) Can LOCKED onto the bottom of the background so Even if i scroll the Imeen Object will not move (Fixed), But i cant seem to get the code correct.. Anyone mind teach me? And another problem which i dont know how to describe, its just that my blogspot is not covering the whole page. Example : Please take a look - blitzkriez.blogspot.com This is my page, my menu (Walking Alone) Cannot appear on the right side(too much space wasted) Anyway to move it onto the most right? My menu Code: .menu{ text-align:center; font-family:Tahoma; font-size:8pt; color:#F3C6EA; width:150px; height:auto; float:right; margin-right:0px padding-left:4px; padding-top:0px; background-color:#000000; padding-right:0px } .menu a{ text-decoration:none; color:#cccccc } .menu a:hover{ border-bottom:dashed 1px #cccccc; color:#777777; cursor: crosshair } And Lastly this is my container : } .container{ position:relative; width:575px; margin-left: 19em; <body> <div class="container"> <img src="http://www.mahgolwebv3.persiangig.com/walls2/walls_grunge_topbar.gif" class="img"/><br /> <span class="blogtitle"><i>At the end of another lost highway, Signs misleading to nowhere... </i> <body> How to make my container Lock its position like background? I cant figure the code for it.. Gidday gang, I'm trying to clean up some code on my site, and I'm having one little bit of trouble meeting XHTML 1.0 Transitional standards. The problem is this: I have the following code: Code: <a href="(javascript code to bring up AJAX popup)"> <div id="descriptions" style="height:30px;width:30px;"> <center>ANY</center> </div> </a> To meet W3C standards, the href tag needs to be inside the div tag, otherwise I get the beloved: Quote: document type does not allow element "div" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag. error. However, I want the user to be able to click anywhere within the 30px by 30px box, not just the "any" text. I'm sure this must be quite easy to do while satisfying the W3C standards (perhaps some peculiar method of "object" or "button" tags?), but it really has me stumped. If anyone has any ideas I'd be most appreciative. Many thanks, - JB 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 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 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> Message removed |
|||||||