project_lumino
Members
-
Joined
-
Last visited
Everything posted by project_lumino
-
At the moment I am undergoing a project for my father in law; renovating the vintage car restoration he made (he is now 64 so a good attempt on his part!) I am teaching myself web design and thought this would be a good challenge as there are a lot of improvements that can be made: Ashridge Automobiles original site Here is my current design: What I have done so far! There are a few things I would like help in sorting: the footer on the index page doesn't appear in a straight line at the bottom left hand side of the page like the rest of the site The gallery for each car model works correctly on IE (appears horizontally) and Safari (appears vertically) but goes completly wrong in Mozilla. How can I make this work consistently for all? See the CSS code - #photostrip In IE the site appears magnified and the navigation bar gets along to the next line. How can I make this the size of the other browsers and make the navigation bar fixed dead centre? As of yet my contact form doesn't "submit" will it depend on the server accepting php script? I will work on this after the other problems though. The html for the main index page. <!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 name="generator" content="HTML Tidy for Linux (vers 1 September 2005), see www.w3.org" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Ashridge Automobiles | Bedfordshire</title> <link href="ashridge.css" rel="stylesheet" type="text/css" /> <style type="text/css"> /*<![CDATA[*/ <!-- .style3 {font-size: 14px} .style7 {font-size: 12px} .style8 {color: #000000} --> /*]]>*/ </style> <meta name="keywords" content="vintage cars, restoration, jaguars, british sport cars, PVT, Pst Vintage Thoroughbred, Ashrdge Automobiles, Automobiles, Leighton Buzzard, Befordshire, Barn finds" /> <style type="text/css"> /*<![CDATA[*/ p.c3 {visibility:visible;} object.c2 {width:400px;height:262px} p.c1 {text-align: left} /*]]>*/ </style> </head> <body> <div id="container"> <div id="header"><img src="images/ashridgebanner.jpg" alt="Ashridge Automobiles Ltd" /></div> <div id="navigation"> <ul> <li><a href="ashridgeindex.html" target="_parent">Home</a></li> <li><a href="britishsports.html" target="_parent">British Sport & Saloon Cars</a></li> <li><a href="vintagepvt.html">Vintage & PVT</a></li> <li>Projects & Barnfinds</li> <li>Riley Spares & Automobiles</li> <li>Restoration Services</li> <li>Wanted</li> <li><a href="contact.html">Contact Us</a></li> </ul> </div> <div id="content"> <p class="c1"><img src="images/welcometitle.jpg" alt="Welcome" /></p> <p class="c1">Ashridge Automobiles is based in the South of Bedfordshire. We offer cars at competitive prices owing to low overheads and funding by a group of investors. Our investors are all like-minded classic car enthusiasts.</p> <p class="c1">We specialise in the purchase, sale and restoration of vintage, PVT (post vintage thoroughbred) and classic cars.</p> <p class="c1">Ashridge Automobiles is happy to sell selective vehicles on commission and actively seeks to buy cars similar to those that appear on this website.</p> <p class="c1">Please look at our Wanted list for cars and parts that our sought at present and for which immediate funds are available.</p> </div> <div id="sale"> <p><img src="images/carsforsale.jpg" alt="Cars for Sale" /></p> <table width="510" border="1" cellpadding="1" summary="Briish Sport cars and Saloon cars that Ashridge Autmobiles currently have on sale."> <tr> <th scope="col"><a href="jagetype.html"><img src="images/sale/jaguaretypethumbnail.jpg" alt=" Jaguar E-Type Series 3 Roadster Automatic." width="170" height="128" border="0" align="left" /></a></th> <th scope="col"><a href="jaguarMK2.html"><img src="images/sale/jaguarmk2thumbnail.jpg" alt=" Jaguar MK2 2.4 litre" width="170" height="128" border="0" align="top" /></a></th> <th scope="col"><a href="vw.html"><img src="images/sale/vwthumbnail.jpg" alt=" VW T25 Transporter" width="170" height="128" border="0" /></a></th> </tr> <tr> <td><span class="style7">Jaguar eType S3</span> <span class="style7">Roadster</span></td> <td><span class="style7">Jaguar MK2 2.4 Litre 19</span></td> <td><span class="style7">VW T25 Transporter</span></td> </tr> </table> <p> </p> </div> <div id="salevintage"> <p><img src="images/VintageandPVT.jpg" alt="Vintage & PVT Cars for Sale" /></p> <table width="526" border="1" cellpadding="1"> <tr> <td width="255"><a href="delage.html"><img src="images/sale/vintage/delagestraightthumbnail.jpg" alt="** PLEASE DESCRIBE THIS IMAGE **" width="255" height="192" border="0" /></a></td> <td width="255"><a href="frazernash.html"><img src="images/sale/vintage/fnbmwthumbnail.jpg" alt="** PLEASE DESCRIBE THIS IMAGE **" width="255" height="191" border="0" /></a></td> </tr> <tr> <td><span class="style3">Delage D8-15S 8 Cylinder Tourer 1934.</span></td> <td><span class="style3">Frazer Nash/BMW 319</span></td> </tr> <tr> <td><a href="rileysv.html"><img src="images/sale/vintage/rileysvtthumbnail.jpg" alt="** PLEASE DESCRIBE THIS IMAGE **" width="255" height="181" border="0" /></a></td> <td><a href="brooklands.html"><img src="images/sale/vintage/rileythumbnail" alt="** PLEASE DESCRIBE THIS IMAGE **" width="255" height="191" border="0" /></a></td> </tr> <tr> <td><span class="style3">Riley Sidevalve Tourer 1924</span></td> <td><span class="style3">Riley Brooklands Style 6 Cylinder</span></td> </tr> </table> </div> <div id="contact"><img src="images/contactus.jpg" alt="Contact Us" /> <p>If you would like to view our cars then don't hesitate to get in touch!</p> <p>Please ring <strong>01525 377977</strong> to book an appointment.</p> <p>To send an email please visit the Contact Us section.</p> </div> <div id="content"> <p class="c3"><object type="application/x-shockwave-flash" height="262" width="400" class="c2"><param name="movie" value="http://widget-58.slide.com/widgets/slideticker.swf" /> <param name="quality" value="high" /> <param name="scale" value="noscale" /> <param name="salign" value="l" /> <param name="wmode" value="transparent" /> <param name="flashvars" value="cy=ms&il=1&channel=2594073385369566808&site=widget-58.slide.com" /></object></p> </div> <div id="footer"> <ul> <li>Ashridge Automobiles 2008</li> <li><a href="ashridgeindex.html" target="_parent">Home</a></li> <li><a href="britishsports.html" target="_parent">British Sport & Saloon Cars</a></li> <li>Vintage & PVT</li> <li>Projects & Barnfinds</li> <li>Riley Spares & Automobiles</li> <li>Restoration Services</li> <li>Wanted</li> <li>Contact Us</li> </ul> </div> </div> </body> </html> Here is the CSS: /* CSS Document */ body { font-family:Arial, Helvetica, sans-serif; } #container { width:1000px; margin:auto; background-color:#FFFFFF; } #content { width:400px; margin-left:5px; margin-top:10px; border:thin; border-color:#000000; border-style:solid; font-size:14px; float:left; padding:10px; } #content1 { width:1000px; margin-left:5px; border:thin; border-color:#000000; border-style:solid; font-size:14px; padding:10px; } #contact { width:500px; border:thin; border-color:#000000; border-style:solid; font-size:14px; float:right; padding:10px; } #main { width:1000px; padding:10px; } #sale { float:right; width:530px; margin-left:5px; margin-right:5px; margin-top:10px; border:thin; border-color:#000000; border-style:solid; padding:10px; } #salevintage { float:right; width:530px; margin-left:5px; margin-right:5px; margin-top:10px; border:thin; border-color:#000000; border-style:solid; padding:10px; } #contact { width:400px; margin-left:5px; border:thin; border-color:#000000; border-style:solid; font-size:14px; float:left; padding:10px; margin-top:10px; } #navigation li { display:inline; font-size:13px; text-align:right; padding: 0 5px; font-weight:bold; } #logo { margin:10px; } #footer li { font-size:10px; list-style: none; display:inline; margin-left:10px; } #photo_strip {width:630px; margin-left:15px;} #container1 {margin:0; padding:0; height:430px; overflow:auto; color:#222; background:#fff;} #container1 ul {margin:0; padding:0; list-style:none; white-space:nowrap; display:table-row;} #container1 ul li {display:table-cell; padding:0 15px; background:#fff; border-bottom:1px solid #; vertical-align:top;} #container1 ul li img {border:1px solid #555; margin: 30px 0 10px 0;} #photo_strip h1 {text-align:center; padding:0; margin:0; width:630px; height:38px; line-height:35px; color:#555; font-weight:normal; font-size:20px; border-bottom:1px solid #;} #container1 p {margin:0; padding:5px 0; font-size:11px;} #container1 { width:630px; scrollbar-arrow-color: #eee; scrollbar-3dlight-color: #; scrollbar-highlight-color: #eee; scrollbar-face-color: #; scrollbar-shadow-color: #eee; scrollbar-darkshadow-color: #; scrollbar-track-color: #fff; } #container1 ul li {display:inline; zoom:1; height:390px;} * html #container1 {height:470px; he\ight:430px;} /*CONTACT FORM*/ #contactform { margin: 0; width: 500px; background: #CCCCCC; padding: 5px; } #contactform * { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; } #contactform ol { margin: 0; padding: 0; list-style: none; } #contactform li { margin: 0 0 5px 0; padding: 10px; background: #FBFAEC; } #contactform li.buttons { margin: 0; overflow: hidden; } #contactform label { margin:0px; width: 190px; display: block; float: left; padding: 5px 10px 2px 0; } #contactform input.text { width: 274px; border: 1px solid #D4D4D4; padding: 2px; margin: 0; } #contactform textarea { width: 274px; border: 1px solid #D4D4D4; padding: 0px; height: 80px; background: #FDFDF7; } #contactform li.buttons input { padding: 4px; float: right; margin: 0 0 0 5px; width: auto; } a:links { color:#000000; text-decoration:none; } a:hover { color: #0000CC; text-decoration:none; } a:visited { color:#000000; } If there are any improvements that could be done then feel free to point them out :-) (but don't be too harsh as this is only my 2nd attempt at a website)
-
Hi, I've been searching all day for a suitable gallery but have found they are all a bit too flashy for what I need. I would like a gallery with small thumbnails along the bottom that enlarge to an image above that. Ideally with a white background and I would like it to keep open on that page. The site is for my father in laws vintage car restoration site so it needs to be simple and doesn't need to be overly impressive. I need it to advertise the cars on sale and each car has about 4/5 images. Any help would be appreciated!
-
I wondered if anyone knew of a good step by step tutorial for beginners on how to make a collapsable panel nav bar in Dream Weaver 8. All the ones I have found online so far are for CS3 and I dont have the Insert - Spry Widget (well I don't think i do) Any help appreciated
-
I like the banner but I think the three columns should be equal rather than the left column starting at the top then the other two being placed under the "welcome" text. Maybe if you didn't have the Welcome to Wentwood DH there and had all the columns coming from the top. Keeping a space between each column is nice to show the background graphic. Maybe making the columns have the same height? Unless it is meant to go down like that. Also the contact form - email address field and the verification fields come out longer than they should. I am using Safari to browse.
-
That looks like a col validator although I tried to register on the site and couldn't due to a mysql error. Is this because it is still under development? If so then I look forward to seeing its results once completed
-
Thanks for the quick replies I have replaced the welcome banner with a smaller version. At first I wanted it larger as a big "welcome" to the page but now it has been pointed out I agree with it being smaller I too feel that the side bar just goes down too much, especially as it is blank for most of the main div. There is still something about it that niggles me for improvements. My mind goes a bit blank though Glad you like the colours :-) it has changed so much from the horrible blaring orange I began with to a bright blue to now a nice simple white! Glad I got some sense lol
-
I have only just look so don't know how it looked before hand but I think it looks really professional. It has a personal edge to it which is different to other sites advertising the same. At first I wondered what the grey space in the middle was, but then the photo slide show loaded up.
-
I have just finished the design of my first website. It is a personal one for my music. I am happy with the designs and the minimal feel to it so don't want to change that. I feel that the home page needs something else. Because I don't have constant news like some artists might it's hard to pack it out, but is there any suggestion to what I could add? Or any idea to improve the lay out without changing it too much? Any ideas for extra content I could add would be cool, or any widgets that can be easily added. Just would be great to make any improvements My website
-
I'm in the process of designing a music fan zine site for my friends. She wants to include CD/Gig reviews. Instead of me having to type the reviews into the html each time (which will be almost impossible when I go away for 6 mths in August) I'd like to have a system where she can log in and enter the reviews her self. I will try and have it set up so she will have the html/css files and access to the server whilst I'm away but also thought a logging in system could work well. My knowledge is reasonably basic and I'm just about understanding anything past html and css so it is always a learning process. My friend has used Drupal on his page so the band can log in (or anyone reg'd on the site) to leave a comment which appears on the front page almost like a blog. I'm not too sure how towork with Drupal but is this the direction I should be heading?
-
I have just tried uploading my files to a directory for the first time. I initially have my own personal page reg'd with 123 reg and now that site is up and running I understand how to upload etc and have no problems (once i got my head around it) Coincidentally after purchasing my website I won a year of hosting with Ecowebdesign so I decided to use that for the website my friend wanted me to build her. I designed a very basic home page to test I can upload it OK. I tried doing this and I get the error 404 again. I got this previously with my first site but got a friend to help and its fine now. When I first uploaded to 123 reg the directory was blank. The directory with Eco has folders already there, one being a "public-html". This contained a index.html that displayed "welcome to your new website" in the browser untill I replaced it which I have. The directory structure is as follows: Directory/ .bash_logout .bash_profile .bashrc .gtkrc index.html (i have uploaded this to replace their original) logs rockitzine.css (my upload) public_html/ Images/ (images I have uploaded) I have no idea what all the bash files are for, or why there is the public html folder, i uploaded my index into that folder too but it made no difference. I thought it would be easy the second time round obviously not Please help if you can Holly
-
I tried reading the link that you gave me bluedreamer but its really hard for me to understand. I don't know where to paste the right code, where to put it in the html, where to attach the js. Anymore help would be appreciated Really really stuck!
-
OK I've tried looking around. I have created the rss feed javascript that wordpress generated for me by going to "export" Now I have this what are the simple steps to getting it up onto my webpage and running? Much appreciation for any help!
-
Ok thats cool :-) However not the cool bit about javascript, I need to learn it but when reading my text book earlier I may as well've been reading german lol But it can be done which is the important thing! I might need future help but I'll see what I can manage for now :-)
-
Hi, For the front of my web page I would like to have a "news" section in the form of a blog. A friends website has this where they log in to post a new entry and it comes up with the date and time it was left. A Citizen Above Suspicion Website In a couple of months I will be going away for 6 months so although I wont be able to do any new music or input that much I would like my website to be reasonably active throughout this time. I need something that I can log into around the world but is linked and will update onto my webpage. Is there anything out there? I got an account with word press but cant see how this works with want I want yet. Are there any other "widgets" out there that I can add to keep my website updated whilst being away? Thanks, Holly
-
Cheers, that works now :-) TO make the thumbnails appear would I need to place a thumnail img link?
-
Thanks for the help :-) It works now apart from the "close" gif from the gallery doesnt show up. I can see where the previous and next gifs are meant to show on the lightbox css but couldnt spot where close was meant to go? This is it so far Gallery
-
Oops sorry, the actual site can be viewed at www.projectlumino.co.uk/gallery.html Here is the html for the gallery page with the scripting pasted in as the instructions said. Maybe there could be a problem with the linking of the lightbox css? Just under the friends list of the Album div there is a huge list of code but its my Last fm widget. <!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=ISO-8859-1" /> <title>Welcome to Project Lumino</title> <link href="210508.css" rel="stylesheet" type="text/css" /></head> <body> <div id="wrapper"> <div id="header"> <h1><img src="../Images/headerblue.jpg" alt="Project Lumino Site" width="1000" height="174"/></h1> <script type="text/javascript" src="js/prototype.js"></script> <script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script> <script type="text/javascript" src="js/lightbox.js"></script> <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /> </div> <div id="navigation"> <ul> <li><a href="http://www.projectlumino.co.uk/index.html">Home</a></li> <li><a href="http://www.projectlumino.co.uk/biography.html">Biography</a></li> <li><a href="http://www.projectlumino.co.uk/gallery.html">Gallery</a></li> <li><a href="http://www.projectlumino.co.uk/media.html">Media</a></li> <li><a href="http://www.projectlumino.co.uk/merchandise.html">Merchandise</a></li> <li><a href="http://www.projectlumino.co.uk/recommend.html">Recommend</a></li> </ul> </div> <div id="skyline"> <img src="../Images/skyline1000.jpg" /> </div> <div id="main"> <h2>Gallery</h2> <p>This part of the site is still in development - watch this space!</p> </div> <div id="album"> <img src="../Images/PL ALBUM png.png" alt="Waking Up" width="175" height="169"/> <h3>Debut Album - Waking Up</h3> <p>If you would like to listen to my album it is available to purchase from:</p> <ul> <li><a href="http://www.msplinks.com/MDFodHRwOi8vcGhvYm9zLmFwcGxlLmNvbS9XZWJPYmplY3RzL01aU3RvcmUud29hL3dhL3ZpZXdBcnRp 3Q/aWQ9MjY2MjQ0MzY1">iTunes</a></li> <li><a href="http://www.amazon.com/gp/product/B000XSQAUI/ref=dm_sp_adp?ie=UTF8&qid=1212095156&sr=8-1">Amazon mp3</a></li> </ul> <p>To order a special hand-made album you will need a Paypal account.</p> <h3>Project Lumino Profiles:</h3> <ul> <li><a href="http://www.myspace.com/projectlumino">Myspace</a></li> <li><a href="http://www.virb.com/projectlumino">Virb</a></li> <li><a href="http://www.facebook.com/pages/Project-Lumino/6515457735">Facebook</a></li> <li><a href="http://www.amazingtunes.com/users/projectlumino">Amazing Tunes</a></li> <li><a href="http://www.myuploaded.co.uk/projectlumino">Uploaded</a></li> <li><a href="http://www.last.fm/music/Project+Lumino">Last Fm</a></li> <li><a href="http://www.reverbnation.com/projectlumino">ReverbNation</a></li> </ul> <h3>My favourite bands:</h3> <ul> <li><a href="http://www.lemonjelly.ky">Lemon Jelly</a></li> <li><a href="http://www.goddamnelectricbill.com">Goddamn Electric Bill</a></li> <li><a href="http://www.myspace.com/musicvideo">...Music Video?</a></li> <li><a href="http://www.aurevoirsimone.com">Au Revoir Simone</a></li> <li><a href="http://www.myspace.com/portblue">Port Blue</a></li> <li><a href="http://www.zero7.co.uk">Zero 7</a></li> <li><a href="http://www.myspace.com/jacobsstoriesband">Jacobs Stories</a></li> <li><a href="http://www.jimmytamborello.com">Dntel</a></li> <li><a href="http://www.postalservicemusic.net">The Postal Service</a></li> <li><a href="http://www.myspace.com/paperroute">Paper Route</a></li> <li><a href="http://www.myspace.com/froufrou">Frou Frou</a></li> <li><a href="http://www.plasticoperator.com">Plastic Operator</a></li> <li></li> </ul> <h3>My Friends</h3> <ul> <li><a href="http://www.myspace.com/neilcharlesh">Neil Haviland</a></li> <li><a href="htto://www.myspace.com/peppiknott">Pepology</a></li> <li><a href="http://www.myspace.com/thestowawaysband">Stowaway</a></li> <li><a href="http://www.myspace.com/dusc01">Dusc</a></li> </ul> <style type="text/css">table.lfmWidgetchart_5c0382d1f477e89bb4c17dbfddc7659b td {margin:0 !important;padding:0 !important;border:0 !important;}table.lfmWidgetchart_5c0382d1f477e89bb4c17dbfddc7659b tr.lfmHead a:hover {background:url(http://cdn.last.fm/widgets/images/en/header/chart/recenttracks_regular_blue.png) no-repeat 0 0 !important;}table.lfmWidgetchart_5c0382d1f477e89bb4c17dbfddc7659b tr.lfmEmbed object {float:left;}table.lfmWidgetchart_5c0382d1f477e89bb4c17dbfddc7659b tr.lfmFoot td.lfmConfig a:hover {background:url(http://cdn.last.fm/widgets/images/en/footer/blue.png) no-repeat 0px 0 !important;;}table.lfmWidgetchart_5c0382d1f477e89bb4c17dbfddc7659b tr.lfmFoot td.lfmView a:hover {background:url(http://cdn.last.fm/widgets/images/en/footer/blue.png) no-repeat -85px 0 !important;}table.lfmWidgetchart_5c0382d1f477e89bb4c17dbfddc7659b tr.lfmFoot td.lfmPopup a:hover {background:url(http://cdn.last.fm/widgets/images/en/footer/blue.png) no-repeat -159px 0 !important;}</style> <table class="lfmWidgetchart_5c0382d1f477e89bb4c17dbfddc7659b" cellpadding="0" cellspacing="0" border="0" style="width:184px;"><tr class="lfmHead"><td><a title="hsellors: Recently Listened Tracks" href="http://www.last.fm/user/hsellors/" target="_blank" style="display:block;overflow:hidden;height:20px;width:184px;background:url(http://cdn.last.fm/widgets/images/en/header/chart/recenttracks_regular_blue.png) no-repeat 0 -20px;text-decoration:none;border:0;"></a></td></tr><tr class="lfmEmbed"><td><object type="application/x-shockwave-flash" data="http://cdn.last.fm/widgets/chart/friends_6.swf" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="184" height="199" > <param name="movie" value="http://cdn.last.fm/widgets/chart/friends_6.swf" /> <param name="flashvars" value="type=recenttracks&user=hsellors&theme=blue&lang=en&widget_id=chart_5c0382d1f477e89bb4c17dbfddc7659b" /> <param name="bgcolor" value="6598cd" /> <param name="quality" value="high" /> <param name="allowScriptAccess" value="always" /> <param name="allowNetworking" value="all" /> </object></td></tr><tr class="lfmFoot"><td style="background:url(http://cdn.last.fm/widgets/images/footer_bg/blue.png) repeat-x 0 0;text-align:right;"><table cellspacing="0" cellpadding="0" border="0" style="width:184px;"><tr><td class="lfmConfig"><a href="http://www.last.fm/widgets/?colour=blue&chartType=recenttracks&user=hsellors&chartFriends=1&from=code&widget=chart" title="Get your own widget" target="_blank" style="display:block;overflow:hidden;width:85px;height:20px;float:right;background:url(http://cdn.last.fm/widgets/images/en/footer/blue.png) no-repeat 0px -20px;text-decoration:none;border:0;"></a></td><td class="lfmView" style="width:74px;"><a href="http://www.last.fm/user/hsellors/" title="View hsellors's profile" target="_blank" style="display:block;overflow:hidden;width:74px;height:20px;background:url(http://cdn.last.fm/widgets/images/en/footer/blue.png) no-repeat -85px -20px;text-decoration:none;border:0;"></a></td><td class="lfmPopup"style="width:25px;"><a href="http://www.last.fm/widgets/popup/?colour=blue&chartType=recenttracks&user=hsellors&chartFriends=1&from=code&widget=chart&resize=1" title="Load this chart in a pop up" target="_blank" style="display:block;overflow:hidden;width:25px;height:20px;background:url(http://cdn.last.fm/widgets/images/en/footer/blue.png) no-repeat -159px -20px;text-decoration:none;border:0;" onclick="window.open(this.href + '&resize=0','lfm_popup','height=299,width=234,resizable=yes,scrollbars=yes'); return false;"></a></td></tr></table></td></tr></table> <h3> </h3> <h3>Any Questions?</h3> <p>Feel free to <a href="mailto:buywakingup@hotmail.co.uk">Contact Me</a></p> </div> <div id="footer"> Project Lumino 2008 </div> </div> </body> </html>
-
Hi, I found the link to the Lightbox2 gallery on here and really want to use it on my website. I tried following the instructions on the site but as a complete beginner it still doesn't work. I copied the first three lines of javascript into the header like it said. I copied all of the downloaded files to my website folder (js, css & images) these have also been uploaded onto my server. This is the problem I had though: But I don't understand what the answer means It would be great if someone could give me a step by step guide for someone who has only just started web design!
-
I couldn't view the previews when I followed the facebook link. But not being able to collapse the mini feed link annoys me. I know saying "I don't want people to see what I'm doing" is a silly thing to say when they could if they really wanted to check open it. But now the first thing people will see on my profile is every little minute thing I've done on Facebook in the last week. I can't see how it benefits the design? I do really hate the amounts of applications people can have. Sometimes it's ridiculous!
-
I recently bought 2 books to get me started: "Collins - How to create a Website" (£10.99) and the big "9-in-1 Web Design for Dummies" (£22.99) The small collins book was great, it was small enough for me to carry and read on the train to work and everything was explained in an easy to understand step by step way. It didn't delve into too much detail but taught the basics of html & css. Also providing info on how to make the most of your site, visuals and content etc. The huge 400+ pages of the Dummies book provides an awful lot of info, but it's hard to know where to start. It will be handy when I start to learn scripting as the smaller book doesn't touch on it and when I start studying it will make a great reference book. So for price and beginners get the Collins book :-)
-
I've made a slight adjustment to it now. I changed the width of the wrapper to 834px so now the album div stays in place in the browsers. Now in Mozilla everything is fine apart from the header image not showing (but the album image shows fine) and in Safari the lay out is ok and both images show but it isn't picking up any css on the font style or color background
-
I've made a slight adjustment to it now. I changed the width of the wrapper to 834px so now the album div stays in place in the browsers. Now in Mozilla everything is fine apart from the header image not showing (but the album image shows fine) and in Safari the lay out is ok and both images show but it isn't picking up any css on the font style or color background
-
Here is the CSS /* CSS Document */ @charset "utf-8"; /* CSS Document */ body { color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; background-color:#FF9933; margin-left:250px; margin-right:250px; margin-top:0px; margin-bottom:0px; padding:0px; } h1, h2, h3, h4 {color:#000000; font-weight:bold; text-transform:capitalize; font-size:12px;} h1 { margin:0px; font-size:18px; } h2 { margin:0px; } #wrapper { width:750px; margin:auto; background-color:#FFFFFF;} #header { padding-left:0px; padding-right:0px; padding-bottom:0px; padding-top:0px; } #navigation li { display:inline; font-size:14px; } #main { background-color:#FFFFFF; float: left; margin:0px; width:657px; } #album { float:right; margin:0px; width:175px; background-color:#FFFFFF; }
-
I've been having this trouble since I started this website. I posted on another forum I use and even with the code they tried for me that worked for them. It still didnt work for me. Nothing is online just yet but will be when I get a basic design finished and the content finialised. <!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=ISO-8859-1" /> <title>Welcome to Project Lumino</title> <link href="210508.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="wrapper"> <div id="header"> <h1><img src="headerlarge.jpg" alt="Project Lumino Site" width="834" height="107"/></h1> </div> <div id="navigation"> <ul> <li>Home </li> <li>Biography </li> <li>Gallery</li> <li>Music</li> <li> Merchandise </li> <li>Links</li> </ul> </div> <div id="main"> <h1> </h1> <h1>News</h1> <p><strong><u>18.03.08</u></strong> <p>textextextetxtetxtetxtetextextextextextextextexttextextextetxtetxtetxtetextex extextextextextexttextextextetxtetxtetxtetextextextextextextextexttextextextetxt txtetxtetextextextextextextextexttextextextetxtetxtetxtetextextextextextextextex </p> <p>textextextetxtetxtetxtetextextextextextextextexttextextextetxtetxtetxtetextex extextextextextexttextextextetxtetxtetxtetextextextextextextextexttextextextetxt txtetxtetextextextextextextextexttextextextetxtetxtetxtetextextextextextextextex textextextetxtetxtetxtetextextextextextextextext</p> </div> <p>textextextetxtetxtetxtetextextextextextextextexttextextextetxtetxtetxtetextex extextextextextexttextextextetxtetxtetxtetextextextextextextextexttextextextetxt txtetxtetextextextextextextextext.<br /> </p> <p>Hope all is well and give me any feedback you can on my new song!!!</p> <hr /> <p><u><strong>06.01.08</strong></u></p> <p>I am now hand making the "Waking Up" album. Each cd cover will be made personally by myself for each order and they will all be unique. The cd's will be limited and will stop when the limited number is reached.</p> <p>Two extra bonus tracks are included: <br /> - Dont React ft Peppi Knott<br /> - Early Days (re mixed & mastered) </p> <p>To pay for it all you need is a Paypal account and submit £10 to the email address: buywakingup@hotmail.co.uk. The page should look like this:</p> <p>Main Page> Send Money></p> <p>To: buywakingup@hotmail.co.uk<br /> Amount: 10<br /> Currency: GBP British Pounds<br /> Usage: Gift›</p> <p> </p> <p> </p> <p> </p> <p> </p> <p> <p> </div> <div id="album"> <img src="../PL FINAL COVER.jpg" alt="Waking Up" width="176" height="180"/> <h2>Debut Album - Waking Up</h2> <p>If you would like to listen to my album it is available to purchase from:</p> <li>iTunes</li> <li>Amazon mp3</li> <p>To order a special hand-made album you will need a Paypal account. </p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> </div> </div> </body> </html> </div>
-
I am new to these forums and one of the reasons I joined in the first place was because I cant get my page to open in a browser the same way it opens in Dreamweaver 8. This is how it looks in Dw: This is how it looks in Safari: None of the CSS for the font has picked up. It is in default Times New Roman. The "album" div to the right side has moved out of place. The orange background no longer shows up. This is how it looks in Mozilla: The header image doesn't show. The album Div is misplaced. However the orange background and font style show fine. I am using a Mac, I dont know if that would make a difference? Is there some code I need to include? Help!!