|
HTML - Basic Slideshow Problem
Hi Guys
on this page www.thepullmanlodge.co.uk/weddings.htm the top 3 pictures are meant to slideshow into each other. When I preview the site in frontpage it works, but now I've uploaded it online it won't work and just shows the three pictures in a block. Can anyone help me get this working as it should? Thanks alot John Similar TutorialsHello, IE is messing things up for me yet again, lets start with the solutions ive tried: http://homepage.ntlworld.com/bobosola/pnghowto.htm http://koivi.com/ie-png-transparency/ http://www.twinhelix.com/css/iepngfix/ They are all failing? Im guessing its because of the slideshow theyre in.. Could someone give me some advice here? Have a look at the site, in your Internet Explorer ofcourse, here. Thankyou. I been reading books and taking online tutorials to start mixing php in with html, one of the basic examples from the books is echoing something unto a html site, done like this: <html> </body> <? echo "<p>Processed."; ?> </body> </html> The output should be the word "Processed" on the webpage but the output instead is this: Processed.";?> Everything after <p> is displayed. I checked the source code and this changes color: <? echo "<p> While everything else remains black and is displayed. I tried putting a </p> at the end and it reads it and sends everything after that to another line but it stills displays it. I also tried <h1> and others, everything time i open < and close> it stops reading and just displays everything after the > Simple ' instead of " don't change anything either. Any help or advice is appreciated. Okay, it was all working great until I wanted to add another column to make the center logo clickable. Now I am having the problems with the little images being slightly out of alignment again. Any help would be greatly appreciated! The web address is: http://radarcartoons.com/test/test.html Here is the source code: Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> Radar Cartoons </title>
<style type="text/css">
* { margin: 0; border: 0; padding: 0; }
body { background: #000000; text-align: center; }
#wrapper { width: 1101px; margin: 0 auto; }</style>
</head>
<body><br />
<br />
<div id="wrapper">
<table cellspacing="0">
<tbody>
<tr>
<td><img src="1.jpg" alt="1" /></td>
<td><br />
</td>
<td><a href="/shows.html" onmouseover="document.circle1.src='2_lit.jpg'" onmouseout="document.circle1.src='2.jpg'"><img src="2.jpg" alt="Shows Page" name="circle1" height="161" width="145" /></a></td>
<td><img src="3.jpg" alt="3" /></td></tr></tbody></table>
<table cellspacing="0">
<tbody>
<tr>
<td><img src="4.jpg" alt="4" /></td>
<td><br />
</td>
<td><a href="/news.html" onmouseover="document.circle2.src='5_lit.jpg'" onmouseout="document.circle2.src='5.jpg'"><img src="5.jpg" alt="News Page" name="circle2" height="151" width="140" /></a></td>
<td><img src="6.jpg" alt="6" /></td></tr></tbody></table>
<table cellspacing="0">
<tbody>
<tr>
<td><img src="7_1.jpg" alt="7_1" /></td>
<td><a href="/info.html"><img src="7_2.jpg" alt="7_2" /></a></td>
<td><a href="/credits.html" onmouseover="document.circle3.src='8_lit.jpg'" onmouseout="document.circle3.src='8.jpg'"><img src="8.jpg" alt="Credits Page" name="circle3" height="148" width="148" /></a></td>
<td><img src="9.jpg" alt="9" /></td></tr></tbody></table>
<table cellspacing="0">
<tbody>
<tr>
<td><img src="10.jpg" alt="10" /></td>
<td><br />
</td>
<td><a href="/links.html" onmouseover="document.circle4.src='11_lit.jpg'" onmouseout="document.circle4.src='11.jpg'"><img src="11.jpg" alt="Links Page" name="circle4" height="137" width="137" /></a></td>
<td><img src="12.jpg" alt="12" /></td></tr></tbody></table>
<table cellspacing="0">
<tbody>
<tr>
<td><img src="13.jpg" alt="13" /></td>
<td><br />
</td>
<td><a href="/contact.html" onmouseover="document.circle5.src='14_lit.jpg'" onmouseout="document.circle5.src='14.jpg'"><img src="14.jpg" alt="Contact Page" name="circle5" height="133" width="126" /></a></td>
<td><img src="15.jpg" alt="15" /></td></tr></tbody></table></div>
</body>
</html>
I have started making a simple website with notepad which me and my friend could use. I've got a bit of a problem though. I know basic HTML but don't know how to get around this: In the folder I have two files: Lauch(Which opens the website), and a folder called Pages. In the folder 'Pages' I want the other pages for the website, but as his system would have different names, I can't exactly put: C:\My Files\HH Tool, if his is C:\His Files. Get me? I tried linking to: \Pages\Information.html . But it didn't work. I'd appreciate and answer ASAP. Thanks for whoever replies or answers. I want some links to be different colors than others. I tried making a new class and the new links are now colored perfectly, but even though the links changes to the correct color when hovered over, it doesn't actually link... The arrow doesn't turn into a hand to click, it just changes colors, all be it correctly... I know this is very basic and i'm missing something very obvious. I had the standard a class links, and I created a 2nd class called c2... Here's what I have in my css siheet... Code: a, a:visited {
color: #a8a2ee;
text-decoration: none;
}
a:hover {
color: #ff0000;
text-decoration: none;
}
a img {
border: none;
}
a:focus, a:hover, a:active {
outline: none;
}
c2, b:visited {
color: #ff0000;
text-decoration: none;
}
c2:hover {
color: #0c00ff;
text-decoration: none;
}
c2 img {
border: none;
}
c2:focus, c2:hover, c2:active {
outline: none;
}
When I create a link like this... Code: <c2 href="http://itunes.apple.com/" target="_blank">download from iTunes</c2> It does not link... I think it has to be A and maybe have a sub class? I can't call links c2 maybe? So how would I do it? Thanks! Hi everyone, I am having a basic problem with a header for my site. The header template is a 3 column 4 row table, with various graphic pieces plugged into each cell. On the second row, I have a graphic that is as wide as the 2nd column plus the 3rd column, and I used the colspan command so it should take up both columns. But, there is a goofy gap to the left of it! Can anyone help? The website is www.precisionpythons.com Thank you! JonV Hello, First post! I'm going to start out with a stupid question (because that's what you do when you're a noob). I realise what I am trying to do is very basic, but I cant work out what I should google to achieve it. We have a website - www.rosietheband.com - which is incidentally my first site (the dimensions are a bit messed up atm, I changed a few bits and I haven't quite finished tweaking). At the minute I'm using a really awful flash-based flickr plugin for the photo page, which I'm not enjoying at all. I want to replace it with a really simple gallery consisting of lots of little 100x100 thumbnails (with no spaces) that completely fill the screen (no matter what your screen size is). As I click on them I'd like a larger version to pop-up (I should probably stick a header in so you can get back to the site). I'd rather not use flash. It sounds easy, but the more I think about it, the more I'm dreading the task. It will contain hundreds of images. Generating the thumbs will be no problem, but how will I implement a pop-up for each one? and how will I add new images without editing the code? If anyone could help in any way I'd really appreciate it! (also, any comments on the site itself would be welcome!) All the best, Rosie The website I am working on is he http://radarcartoons.com/test/test.html I want each of those "blips" to change to the other pictures I have of them lit when you rollover it, but I can't figure out how to do a rollover script for multiple images on one page. The names of my alternate files are the same as the regular ones, except they have an _lit.jpg after them. So if it's 2.jpg, then the lit one would be 2_lit.jpg. I will also of course want to make them links to pages which i still have to make, but maybe the code just to make them links and an example link could show me how to get it working. Thanks a lot to anyone who can help me out on my big request! I'm doing some homework for my basic html class and i put the code in the w3 validate and it keep's putting errors on my images what am i doing 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" /> <title>Tyler East, ITSE 1411 Lab Project 1, Tutorial 1 Case 4, Due 02/09/2011</title> <!-- Body System's Home Gym Equipment Tyler East 2/4/2011 --> </head> <body> <img src="logo.jpg" alt="Body Systems" /> <hr/> <h2>Body Systems LSM400 Linear Smith Machine</h2> <IMG src="smith.jpg" ALT="LSM4000" /> <h2>Overview</h2> <p>Linear Smith Machines are the ultimate in weight machines and the LSM400 leads the field. Designed for both serious fitness users and beginners, the LSM400's vertical design provides all of the safety and control associated with Smith Machines, while still allowing for the effective use of gravity for effective resistance. You don't even need a workout partner. Lock points can be set to prevent the bar from movement outside of your body's natural range of motion.</p> <p>You can tailor the LSM400 to meet you specific workout needs. Start with the basic package of the Smith Machine rack and, as your needs grow, add a lat/row, pec dec, plate tree, dip, and accessory organizer. Accessories are easy to insert and remove, allowing you to continue your workout without delay. The LSM400 works with all standard Olympic weight plates</p> <p>The LSM400 is compact with all components place one side of the unit for easy access. This makes the LSM400 perfect for people who want a quality home gym, but do not have a lot of space. Place the LSM400 against a wall and you're ready to go!</p> <p><b>Features</b> Smooth Smith Action: The bar (rated at 800 lb. capacity) slides on Teflon bushings alongside solid steel guide rods. Smooth motion is key to successful workouts, as the target muscles are utilized to their full potential with each repetition.</p> <p><b>Proper Angle:</b> The bar travels along a 7 degree path from vertical. Studies have shown that this is the proper lifting angle to increase your comfort and prevent injury.</p> <p><b>Safety:</b> The LSM400 has 20 lock-out points for a safe, solid stop at any point in your workout routine.</p> <p><b>Rugged:</b> Constructed with heavy 12 gauge steel and 7 gauge reinforcing plate. This is a unit built to last.</p> <p><b>Warranty:</b> Every part of the LSM400 has a lifetime guarantee. We will replace or repair anything that goes wrong.</p> <b>Dimensions</b> <ul> <li>Width: 85"</li> <li>Height: 82"</li> <li>Depth: 72"</li> </ul> <b>Optional Attachments</b> <ul> <li>Selectorized Lat/Row station (Part: MA831-4)</li> <li>Pec Dec station (Part: MA218-6)</li> <li>Dip station (Part: MA105-3)</li> <li>Plate tree (Part: MA488-0)</li> <li>Accessory organizer (MA212-1)</li> <li>Workout DVD (MA051-1)</li> <li>Workout poster (MA055-3)</li> </ul> <address> Body Systems 401 Commercial Drive Eaton, TX 87015 (800) 555-2811 </address> </body> </html> hi there, i have a basic page layout written consisting of 3 tables. however, i have a queery. How would i go about putting a line break between the top table (the banner table) and the second table (links) and the same again between the second and third (content) tables. I've provided my code below. Thanks Stuart <body> <center> <table id="shell" title="Shell" height="250" width="100%" border="0" bgcolor="black" cellspacing="1" cellpadding="0"> <tr height="50"><td bgcolor="white"> <table title="banner" id="banner"> <tr><td>Banner goes here</td></tr> </table> </td></tr> <tr height="25"><td bgcolor="DFE6EF"> <table title="Navigation" id="navigation"> <tr><td>Links!</td> <td>Links!</td> <td>Links!</td></tr> </table> </td></tr> <tr><td bgcolor="white"> <table title="Content" id="content"> <tr><td>Content goes here</td></tr> </table> </td></tr></table> </body> </html> Hi, i have been asked to create a page for an existing website. I have created the page using one of the site pages html code, basically i just copied the html layout, and added my own pics/words, and saved it on my computer. What have to do now is get this page to the website administrator. What is the best way?. I tried to upload to a server without success. Can it be emailed?. All i need is for the website admin to view the page so hey can add it to the site. Sory to bother you with simple stuff, Thanks, Tom. hi. i have found a site that displays their images the way i want to http://www.ukhotelsupplies.co.uk/ i want 3 rows and 3 columns of pics with a text lable above it whats the best way of doing this please. a table would be easy but people say not to use them. thanks Hello i hav my own small website that i use for shortcuts for a webiste i use and have this in firefox using the "load this bookmark in the sidebar" option. So what i want is when i click the link in my sidebar that it opens in the tab i have opened and not in the sidebar if you get me. Any help would be welcomed. thanks I got this code (below) from an html tutorial and added into mt index page and my css file. And all that shows on the web page is CONTENT GOES HERE. I guess I need a corner image named box-bg? Can you help me with one? And how do I add a light-grey, thin border around the box? Thanks. Code: In index page:
<div class="box">
<div class="topleft">
<div class="topright">
<div>
CONTENT GOES HERE
</div>
</div>
</div>
<div class="bottomleft">
<div class="bottomright">
</div>
</div>
</div>
and in CSS:
.box div.topleft {
display: block;
background: url("../images/box-bg.png") top left no-repeat white;
padding: 2.0em 0em 0em 2.0em;
}
.box div.topright {
display: block;
background: url("../images/box-bg.png") top right no-repeat white;
padding: 2.0em;
margin: -2.0em 0 0 2.0em;
}
.box div.bottomleft {
display: block;
height: 45px;
margin-top: -2.0em;
background: url("../images/box-bg.png") bottom left no-repeat white;
}
.box div.bottomright {
display: block;
background: url("../images/box-bg.png") bottom right no-repeat white;
height: 45px;
margin-left: 3.0em;
}
Hi everyone, I'm looking for a html/css script that will allow me to do something similar to the image slideshow on http://trilogyproducts.com/. The Trilogy Products slideshow is in flash, however we were hoping to replicate it in HTML - in particular the fade in and out automated slideshow, PLUS the ability to click on to the little circle navigation and fade out the current shot and fade in the selected shot. Any help would be very much appreciated. Thanks Bec <div style="width:600px; text-align: center;"><embed type="application/x-shockwave-flash" wmode="transparent" src="http://w22.photobucket.com/pbwidget.swf?pbwurl=http://w22.photobucket.com/albums/b339/ashezfal/product-misc/91c6ecdd.pbw" height="180" width="600"><a href="http://photobucket.com/slideshows" target="_blank"><img src="http://pic.photobucket.com/slideshows/btn.gif" style="float:left;border-width: 0;" ></a><a href="http://s22.photobucket.com/albums/b339/ashezfal/product-misc/?action=view¤t=91c6ecdd.pbw" target="_blank"><img src="http://pic.photobucket.com/slideshows/btn_viewallimages.gif" style="float:left;border-width: 0;" ></a></div> This is the html code for a photobucket slideshow that i am trying to use on my website. my problem is that when you click on it, it takes you to my album. I know i can change that on photobucket preferences but i just want to make it so that it can't be clicked at all. Can anybody help me? I want to position my slideshow in the center of the side. the buttons are positioned with css. http://javascript.lima-city.de/ Who can help ? Hi, i'm trying to design a webpage and I was wondering if there was a way to create a row of pictures that ONLY scroll like a slideshow when the cursor is hovering over the buttons. Is it possible? How? Thanks I'm making a website for a club in my school. I'm trying to put a slideshow script that has javascript and css into the page, and I've gotten it to fit and everything, but the slideshow isn't functioning. Independently, the slideshow works. Here are the links. It would be great if someone could help me with this. Problematic Site: http://www.freewebs.com/valleykey/new.htm Site without slideshow: http://www.freewebs.com/valleykey/ Slideshow: http://www.freewebs.com/valleykey/1.htm I want to create a slideshow, with the pictures rotating at the bottom of my webpage. However, when the page changes it jumps back to the top of the page. Does anyone know how to prevent this? Thanks. |
|||||||