HTML - Html List / Positining Help
I am using Photoshop/Dreamweaver to redo a church site.
Total noob question but how do I center the page and position a list of events over the events place holder? If I use absolute positioning the text is in different areas depending on the size of the browser window. This is what I have so far. Code: <html> <head> <title>index</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <!-- Save for Web Slices (index.psd) --> <table width="776" height="730" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01"> <tr> <td colspan="3"> <img src="images/index_01.jpg" width="775" height="45" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="45" alt=""></td> </tr> <tr> <td colspan="3"> <img src="images/index_02.jpg" width="775" height="259" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="259" alt=""></td> </tr> <tr> <td rowspan="2"> <img src="images/index_03.jpg" width="264" height="141" alt=""></td> <td colspan="2"> <img src="images/index_04.jpg" width="511" height="2" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="2" alt=""></td> </tr> <tr> <td colspan="2" rowspan="2"> <img src="images/index_05.gif" width="511" height="276" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="139" alt=""></td> </tr> <tr> <td rowspan="2"> <img src="images/index_06.gif" width="264" height="239" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="137" alt=""></td> </tr> <tr> <td> <img src="images/index_07.gif" width="257" height="102" alt=""></td> <td> <img src="images/index_08.gif" width="254" height="102" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="102" alt=""></td> </tr> <tr> <td colspan="3"> <img src="images/index_09.gif" width="775" height="46" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="46" alt=""></td> </tr> </table> <!-- End Save for Web Slices --> </body> </html> I also uploaded a zip file containing the PSD file, HTML file and all images to my dropbox. It can be found here. It was too big to directly upload. Please help me. =( Thanks everyone! Similar TutorialsHi i have sucessfully added an embedded code to my site... not a problem.. copied and pasted html coding from a video.. into html view.. fine. However.. the video appears top left of my page always. Within the embed video code i see no parameters for screen positioning.. just size.. which is repeated twice (all codes from utube vids etc seem the same) eg <object width="400" height="300" ><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://www.facebook.com/v/124990176803" /><embed src="http://www.facebook.com/v/124990176803" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="400" height="300"></embed></object> is there a piece of html code i should add... either within this before it or after it? Im new to this stuff.. been on ages! Please help! Ive been challenged with coming up with 50 tags and fifty attributes. Tags Im ok with but cant for the life of me find the attributes now most of them are in css. Yelp, help? I have a list of names in say a data base flat file, Do you know if there is a utility that will take and read per line and generate a html file? Hav'nt found anything as of yet but am wondering if someone could steer me in the right direction. thanks Hi there I am trying to link the 4 entries below to other pages but when i do use the code it all jumbles up. I am using a CMS and i am using the code at the bottom of this page. Any help would be greatly appreciated. Ben (START-LIST) 59 1 Bedroom (sleeps 2) 69 1 Bedroom (sleeps 4) 89 2 Bedroom (sleeps 4) 99 2 Bedroom (sleeps 6) (END-LIST) (START-LINK)http://www.centralhotelcheltenham.co...me.php~Central Hotel(END-LINK) Hello all, I have created a dropdown list in a form using the <select> tag. My question is, is there any way to have that dropdown list display a different <option> as the default option when the page loads? The default option right now is always whatever option is the first one in my code. EX. <select> <option value="1">1</option> //by default this first option shows up on page load <option value="2">2</option> <option value="3">3</option> //can I have this option show up instead by default? </select> Thanks in advance. I am coding a page in strait HTML. It was going fine until I put in a list. When I put the list in, it wont show, just caused a large area of blank space. Below is the code I used for the list. Let me know if you need the whole page. I am new to this and would greatly appreciate any help you can give. <ol type="I"> <li>Complete G1 Collection</li> <ol type="a"> <li>C-8.0+ Transformer</li> <li>All Accessories</li> <li>Tech Spec File Card</li> <li>Instructions</li> </ol> <li>Japanese only G1 Transformers</li> <ol type="a"> <li>C-8.0+ Transformer</li> <li>As Complete as Possible</li> </ol> <li>Complete G2 Collection</li> <ol type="a"> <li>C-8.0+ Transformer</li> <li>All Accessories</li> <li>Tech Spec File Card</li> <li>Instructions</li> </ol> <li>Complete Classics Collection</li> <ol type="a"> <li>C-9.0+ Transformer</li> <li>All Accessories</li> <li>Instructions</li> </ol> </ol> any1 knows how to add and remove data into/from html list at runtime having a bunch of jpeg images, i need to create a html table listing all the jpegs in a folder, like <td><img src="image1"></td> <td><img src="image2"></td> <td><img src="image3"></td> is there a small software or script so i could do it? finally i want to have something that looks like this: http://www.victorboyko.com/runway/ss...aakhmadullina/ thank you! I have a task that I need help with... I have been tasked to build a simple HTML page with a list of Hyperlinks that represent the files within a specific folder. The page must be HTML. The folder name will be hard coded. Show file names, extentions optional. Links will not be pages Links will be files (mostly PDF) Thanks in advance for any assistance with this task. Thanks SquireDude I would like to have a "User" or "Memebers Only" section on our website. What differs from other HTML code that I have been able to find is that what we would like to do is from our login page have have a specific page come up depending on the "User Name" and "Password". We DO NOT want to have a list of other users to be shown though, we have found a code that has a list to select from but this shows other users. Can anyone assist? ______________________ sport book betting steroid Hey guys, this is the second thread in my series "___ Books" and I know a lot of people have trouble picking out books when it comes to programming. There are a ton of programming books, and I always have trouble deciding if I should go to Border's or Barnes & Noble to pick out my book since so much are alike. Well, hopefully this list will help you pick out a nice good book to read! Step by Step: HTML & XHTML A great book that I personally love and always referr to Dynamic HTML Another amazing book with everything about HTML HTML 4 For Dummies This book is definitely a good one to check out HTML & XHTML: The Definitive Guide One more great book with everything HTML & XHTML Head First HTML with CSS & XHTML A great book with a bunch of stuff, even CSS! 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 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? My html problem keeps failling, with all my image codes.. shown for 10 errors which are all for the images what's wrong? Here is the 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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!-- New Perspectives on HTML and XHTML 5th Edition Tutorial 2 Case 2 Fiddler Home Page Author: Date: 2-16-2011 Filename: home.htm Supporting files: fiddler.jpg --> <title>, ITSE 1411 Lab Project 2, Tutorial 2 Case 2, Due 02/23/2011</title> </head> <body> <div> <img src="fiddler.jpg" alt="Fiddler on the Roof" /> <hr /> <a href="home2.htm"><img src="home.jpg" alt="home" /></a> <a href="slide1txt.htm"<img src="start.jpg" alt="start" /></a> <a href="slide1txt.htm"<img src="back.jpg" alt="back" /></a> <a href="slide2txt.htm"<img src="forward.jpg" alt="forward" /></a> <a href="slide6txt.htm"<img src="end.jpg" alt="end" /></a> <br /> <a href="slide1txt.htm"<img src="thumb1.jpg" alt="slide1" style="border-width: 5" /></a> <a href="slide2txt.htm"<img src="thumb2.jpg" alt="slide2" style="border-width: 0" /></a> <a href="slide3txt.htm"<img src="thumb3.jpg" alt="slide3" style="border-width: 0" /></a> <a href="slide4txt.htm"<img src="thumb4.jpg" alt="slide4" style="border-width: 0" /></a> <a href="slide5txt.htm"<img src="thumb5.jpg" alt="slide5" style="border-width: 0" /></a> <a href="slide6txt.htm"<img src="thumb6.jpg" alt="slide6" style="border-width: 0" /></a> </div> <hr /> <div> <img src="slide1.jpg" alt="slide1" /> </div> <blockquote> <p><i>Do You Love Me?</i> sung by Deb Ingalls and Thomas Gates</p> </blockquote> </body> </html> I just upgraded all my .HTML pages to .PHP . But now I noticed that when my pages pull up in the search engines like Google, Yahoo, and MSN. They still show the old .HTML links?? When they click on the webpages from the search engines results you get error 404 page cannot be found. How can I update the search engines or add code to my page so the search engines will reflect the new .PHP pages. Also it's been over a good week since I've update to .PHP Thank you all in advanced!! hi, I need to display all the names in the list box. So using select tag i have done this. When the data exceeds the scroll bar will be displayed. But the scrollbar stands in top and shows the top data. Instead i need to display the bottom data that is the scroll bar should be always down and when the user needs the top then they can scroll and see it. Can you please give me suggestions to be done like this. regards thiru List boxes and Text boxes Hi, so I'm trying to make this e-mail newsletter. It's entirely images, tables and text. So no javascript, just plain stuff. I tried attaching it as a signiture file and I had trouble sending it. It also didn't come out right. I'm trying to avoid using a software. Its basically just a block of HTML I need to show up as the only content in an email. If you just put HTML into a email text field, it just shows the HTML code in the email as text. Any ideas? Hi everyone, I've been searching around the web trying to find out how I can send using Outlook a html and text email newsletter automatically. I am quite happy creating html only newsletters, and text ones for that matter, but I have been digging and believe that by using multi-part code I can send to both and the recipients email client "allows" whichever version to be displayed - does this sound right? I'm hoping to simply create the html with the relevent mime references and boundaries (dont know what they are but have seen them on enough Google'd pages to know that they mean something!) and then copy and paste into Outlook - the newsletter is only going out to a few people at a time. Any suggestions or advice would be very greatly appreciated. Regards Allan |