|
HTML - Lost Girl In Desperate Need Of Slideshow Help...
Hi all, I hope I'm in the right place, I'm completely new to html and web related things but due to lack of funds have decided to try to make my own website in notepad with the help of a free template and some html and css for dummies books from the library.
I currently have a gallery on my front page www.familyhistoryhelpers.co.uk and would like to change it to a slideshow. The code below is for a slideshow I have been attempting to put together with help of browsing forums and 'trial and error' editing. I have swapped out the images as the ones I will be using are still currently sitting on my desktop. My aim is to make the below slide show look kind of like the gallery on my front page - with the thumbnails underneath and maybe a small border around the whole thing. Any help at all would be very very greatly appreciated! Kind regards, Danika Grace <!DOCTYPE html> <html> <head> <title>JQuery Cycle Plugin</title> <style type="text/css"> #slideshow { left: 75px } #nav { width: 100%; height: 50px; margin: 25px; } #nav li { width: 60px; float: left; margin: 8px; list-style: none } #nav a { width: 65px; padding: 3px; display: block; border: 1px solid #ccc; } #nav a.activeSlide { background: #88f } #nav a:focus { outline: none; } #nav img { border: none; display: block } </style> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">></script> <script type="text/javascript" src="http://malsup.github.com/chili-1.7.pack.js"></script> <script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.2.72.js"></script> <script type="text/javascript" src="http://malsup.github.com/jquery.easing.1.1.1.js"></script> <script type="text/javascript"> jQuery(function($){ $('#slideshow').before('<ul id="nav">').cycle({ fx: 'fade', speed: 1000, timeout: 5000, pager: '#nav', pagerAnchorBuilder: function(idx, slide){ return '<li><a href="#"><img src="' + slide.src + '" width="65" height="50" /></a></li>'; } }); $('#nav a').click(function(){ $('#slideshow').cycle('pause'); }); }); </script> </head> <body> <div id="main"> <div id="slideshow" class="pics"> <img src="http://cloud.github.com/downloads/malsup/cycle/beach1.jpg" title="My Great Great Grandparents, John and Sarah, with my Great Grandfather, Leslie, and his sister, Margaret" width="600" height="340" /> <img src="http://cloud.github.com/downloads/malsup/cycle/beach2.jpg" title="Certified Copy of an 1895 Marriage Certificate" width="600" height="340" /> <img src="http://cloud.github.com/downloads/malsup/cycle/beach3.jpg" title="My Great Great Aunts and Uncles" width="600" height="340" /> <img src="http://cloud.github.com/downloads/malsup/cycle/beach4.jpg" width="600" height="340" /> <img src="http://cloud.github.com/downloads/malsup/cycle/beach5.jpg" width="600" height="340" /> <img src="http://cloud.github.com/downloads/malsup/cycle/beach6.jpg" title="Certified Copy of an 1882 Birth Certificate" width="600" height="340" /> <img src="http://cloud.github.com/downloads/malsup/cycle/beach7.jpg" title="My Great Great Grandparents, Fred and Carrie" width="600" height="340" /> <img src="http://cloud.github.com/downloads/malsup/cycle/beach8.jpg" title="An 1851 Census Report" width="600" height="340" /> </div> </div> </body> </html> Similar TutorialsEllo I'm a complete newb so sorry if I'm posting in the wrong place guys. Could anybody out there help me make a field / box like the one on this site. http://www.laptopsdirect.co.uk/Acer_...62/version.asp Below the laptop is a large field, if you click things like "technical specification" etc, it changes only that field. Then if you press the back button it backs up to the last page, rather than the last configuration of the current page. Phew.. confusing myself now lol. Anyhoo, just want to know how I would make such a box, with tabs that change that box only? Thanx Sarah Hi guys! i need a help as i am new to html.I am sharing the part of my html code which creates a office directory with employee's name,departement,telephone number,mobile number etc.I also want the employee pictures in it based on their username. I have created a folder according to their username with all the employess pictures in it,Now i want to map that folder according to their username,Like if i have a user called test so addition to the basic attributes(name,departement,telephone number,mobile number etc) i also want his picture in it and i want this for all the employee.Its not possible for me to add one single code(<image src=/> for each user.Please help how can i achieve that.Sharing some part of the code. Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<title>PowerGUI Report (07/28/2011 17:38:35)</title>
<meta http-equiv=Content-Type content='text/html; charset=windows-1252'></meta>
<meta name="save" content="history"></meta>
<style type="text/css">
body {
margin-left: 4pt;
margin-right: 4pt;
margin-top: 6pt;
font-family: Tahoma;
font-size: 8pt;
font-weight: normal;
}
h1 {
display: block;
position: relative;
height: 2em;
color: #ffffff;
background-color: #0061bd;
border-left: #b1babf 1px solid;
border-right: #b1babf 1px solid;
border-top: #b1babf 1px solid;
border-bottom: #b1babf 1px solid;
padding-left: 5px;
padding-top: 8px;
margin-left: 0px;
margin-right: 0px;
font-family: Tahoma;
font-size: 8pt;
font-weight: bold;
}
h2 {
display: block;
position: relative;
height: 2em;
color: #ffffff;
background-color: #ad1c18;
border-left: #b1babf 1px solid;
border-right: #b1babf 1px solid;
border-top: #b1babf 1px solid;
border-bottom: #b1babf 1px solid;
padding-left: 5px;
padding-top: 8px;
margin-left: 0px;
margin-right: 0px;
font-family: Tahoma;
font-size: 8pt;
font-weight: bold;
}
h3 {
display: block;
position: relative;
height: 2em;
color: #ffffff;
background-color: #ADADAD;
border-left: #b1babf 1px solid;
border-right: #b1babf 1px solid;
border-top: #b1babf 1px solid;
border-bottom: #b1babf 1px solid;
padding-left: 5px;
padding-top: 8px;
margin-left: 0px;
margin-right: 0px;
font-family: Tahoma;
font-size: 8pt;
font-weight: bold;
}
span.expandableHeaderLink {
display: block;
position: absolute;
color: #ffffff;
top: 8px;
font-family: Tahoma;
font-size: 8pt;
font-weight: bold;
text-decoration: underline;
}
span.expandableHeaderLinkRightJustified {
display: block;
position: absolute;
color: #ffffff;
top: 8px;
font-family: Tahoma;
font-size: 8pt;
font-weight: bold;
text-decoration: underline;
right: 8px;
}
table {
table-layout: fixed;
font-size: 100%;
width: 100%;
color: #000000;
}
th {
color: #0061bd;
padding-top: 2px;
padding-bottom: 2px;
vertical-align: top;
text-align: left;
}
td {
padding-top: 2px;
padding-bottom: 2px;
vertical-align: top;
}
*{margin:0}
div.visibleSection {
display: block;
position: relative;
color: #000000;
background-color: #f9f9f9;
border-left: #b1babf 1px solid;
border-right: #b1babf 1px solid;
border-top: #b1babf 1px solid;
border-bottom: #b1babf 1px solid;
padding-left: 16px;
padding-top: 4px;
padding-bottom: 5px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
div.hiddenSection {
display: none;
position: relative;
color: #000000;
background-color: #f9f9f9;
border-left: #b1babf 1px solid;
border-right: #b1babf 1px solid;
border-top: #b1babf 1px solid;
border-bottom: #b1babf 1px solid;
padding-left: 16px;
padding-top: 4px;
padding-bottom: 5px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
div.visibleSectionNoIndent {
display: block;
position: relative;
color: #000000;
background-color: #f9f9f9;
border-left: #b1babf 1px solid;
border-right: #b1babf 1px solid;
border-top: #b1babf 1px solid;
border-bottom: #b1babf 1px solid;
padding-left: 0px;
padding-top: 4px;
padding-bottom: 5px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
div.hiddenSectionNoIndent {
display: none;
position: relative;
color: #000000;
background-color: #f9f9f9;
border-left: #b1babf 1px solid;
border-right: #b1babf 1px solid;
border-top: #b1babf 1px solid;
border-bottom: #b1babf 1px solid;
padding-left: 0px;
padding-top: 4px;
padding-bottom: 5px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
div.visibleSectionNoFrame {
display: block;
position: relative;
color: #000000;
padding-left: 0px;
padding-top: 4px;
padding-bottom: 5px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
div.hiddenSectionNoFrame {
display: none;
position: relative;
color: #000000;
padding-left: 0px;
padding-top: 4px;
padding-bottom: 5px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
div.filler {
display: block;
position: relative;
color: #ffffff;
background: none transparent scroll repeat 0% 0%;
border-left: medium none;
border-right: medium none;
border-top: medium none;
border-bottom: medium none;
padding-top: 4px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: -1px;
font: 100%/8px Tahoma;
}
div.save {
behavior: url(#default#savehistory);
}
</style>
<script type="text/javascript">
function toggleVisibility(tableHeader) {
if (document.getElementById) {
var triggerLabel = tableHeader.firstChild;
while ((triggerLabel) && (triggerLabel.innerHTML != 'show') &&
(triggerLabel.innerHTML != 'hide')) {
triggerLabel = triggerLabel.nextSibling
}
if (triggerLabel) {
triggerLabel.innerHTML = (triggerLabel.innerHTML == 'hide' ? 'show' :
'hide');
associatedTable = tableHeader.nextSibling
while ((associatedTable) && (!(associatedTable.style))) {
associatedTable = associatedTable.nextSibling
}
if (associatedTable) {
associatedTable.style.display = (triggerLabel.innerHTML == 'hide' ?
'block' : 'none');
}
}
}
}
if (!document.getElementById) {
document.write('<style type="text/css">\n'+'\tdiv.hiddenSection {\n\t
\tdisplay:block;\n\t}\n'+ '</style>');
}
</script>
</head>
<body>
<b><font face="Arial" size="5">PowerGUI Report (07/28/2011 17:38:35)</font></b>
<hr size="8" color="#0061bd"></hr>
<font face="Arial" size="1"><b>Generated with PowerGUI</b></font>
<br />
<font face="Arial" size="1">Report created on 07/28/2011 17:39:52</font>
<div class="filler"></div>
<div class="filler"></div>
<div class="filler"></div>
<div class="save">
<h1 style="cursor: pointer" onclick="toggleVisibility(this)">
<span class="expandableHeaderLink">Entire Organization</span>
<span class="expandableHeaderLinkRightJustified">hide</span>
</h1><div class="visibleSection">
<h2 style="cursor: pointer" onclick="toggleVisibility(this)">
<span class="expandableHeaderLink">IN</span>
<span class="expandableHeaderLinkRightJustified">hide</span>
</h2>
<div class="visibleSection">
<table>
<tr>
<th width='25%'><b>Name:</b></th>
<td width='75%'>A.Singh</td>
</tr> <tr>
<th width='25%'><>Image:</b></th>
<td width=75%'> <img src="C:\EmployeesPhotos\IN\a.singh.jpg" </td>
</tr>
<tr>
<th width='25%'><b>Department:</b></th>
<td width='75%'>Marketing</td>
</tr> <tr>
<th width='25%'><b>TelephoneNumber:</b></th>
<td width='75%'></td>
</tr> <tr>
<th width='25%'><b>MobileNumber:</b></th>
<td width='75%'>+91 971-652-9221</td>
</tr> <tr>
<th width='25%'><b>Email:</b></th>
<td width='75%'>A.Singh@cvent.com</td>
</tr> <tr>
<th width='25%'><b>Manager:</b></th>
<td width='75%'>KSaxena</td>
</tr>
</table>
<hr />
<table>
<tr>
<th width='25%'><b>Name:</b></th>
<td width='75%'>AAbrol</td>
</tr> <tr>
<th width='25%'><b>Department:</b></th>
<td width='75%'>Client Services</td>
</tr> <tr>
<th width='25%'><b>TelephoneNumber:</b></th>
<td width='75%'>703-663-2886</td>
</tr> <tr>
<th width='25%'><b>MobileNumber:</b></th>
<td width='75%'>+91 783-859-2767</td>
</tr> <tr>
<th width='25%'><b>Email:</b></th>
<td width='75%'>AAbrol@cvent.com</td>
</tr> <tr>
<th width='25%'><b>Manager:</b></th>
<td width='75%'>SRathore</td>
</tr>
</table>
<hr />
<table>
<tr>
<th width='25%'><b>Name:</b></th>
<td width='75%'>AAgarwal</td>
</tr> <tr>
<th width='25%'><b>Department:</b></th>
<td width='75%'>Sales Operations</td>
</tr> <tr>
<th width='25%'><b>TelephoneNumber:</b></th>
<td width='75%'></td>
</tr> <tr>
<th width='25%'><b>MobileNumber:</b></th>
<td width='75%'>+91 997-129-3465</td>
</tr> <tr>
<th width='25%'><b>Email:</b></th>
<td width='75%'>AAgarwal@cvent.com</td>
</tr> <tr>
<th width='25%'><b>Manager:</b></th>
<td width='75%'>ASehgal</td>
</tr>
</table>
ok, im so close to launching our site, but i have hit a road block. we have a simple form on our home page, its the dada mail script so customers can subscribe to our list. What i am trying to accomplish is a hidden field which will also send their request to one of our email addresses which has an autoresponder, which in turn will send them back a free report which we are offering. I inserted a hidden field and put the correct values i think. Can someone please take a look at it and see why its not working? here is the code: <form action="http://magiciansgallery.com/cgi-bin/dada/mail.cgi" method="get"> <div align="center"> <input name="mail_to" type="hidden" id="mail_to" value="mailto:freereport@magiciansgallery.com" /> <input type="hidden" name="list2" value="magiciansgallery" /> <input type="hidden" name="f2" value="subscribe" /> <input type="text" name="email2" value="email address" size="16" onfocus="this.value='';" maxlength="1024" /> <input type="submit" value="Sign me up!" /> </div> </form> OK, here's the deal....and I cannot stress enough how much of a newbie I am, so please give me your answer in the form of "HTML's" for idiots. I know little of the jargon, and even less of the process behind it. I have a blog: www.ladybugapprentice.blogspot.com When I want to add something (like a visitor counter, we'll say) I get as far as producing the code. I copy and then the weirdness begins. Where I copy from doesn't tell me where to past, other than in the HTML section. The blog spot information doesn't tell me where to paste. Where I have attempted to past it tells me that it is not properly formed or that some other error reporting. OK, firstly, I didn't form it to begin with, the code was generated for me. Secondly, I have also tried the code for java script, no java script, and a myriad of different ways to enter the gadget, or whatever. My latest failed attempt is to work with AdSense with google on my spot. I get the code, copy it, and from that point on I am pulling my hair out!!! Please help me before my head is looking totally like a cue ball!!! Oh, BTW, should you go to my website, you may feel good about clicking "I know and I want to enter anyway," because that flag was put up when, as a choice for reaction to my entries, "offensive" was added. There is nothing offensive there, I simply have a touchy family..... Hello! Ive been struggling with this for a few hours. http://oliviergraphics.se/uneven/index.html The background pic is in the right position in every browser (I think) and the right size on all type of screens. The problem is that if I add a extra div, it takes different positions on different sizes of screens. On my 13" screen, my site is perfect. On a 17", not a chance. I can send you the codes and so on. The main problem is that, the divs don't get the same positions on every screen. Wich ruins my design, here are the whole html: Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title>K R E O N [Debut album this year. 2011]</title> <link rel="stylesheet" type="text/css" href="style.css" /> <meta http-equiv="imagetoolbar" content="no" /> <link rel="shortcut icon" href="favicon.gif"> </head> <body> <div id="holder"> <div><img style="width: 1920px;" alt="" src="tok.jpg" /></div> </div> <div id="body"> <div id="twitterfeed"> @<a href="http://twitter.com/KreonSweden">KREON:</a> <div id="twitter_update_list"></div> <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script> <script type="text/javascript" src="http://twitter.com/statuses/user_timeline/kreonsweden.json?callback=twitterCallback2&count=1"></script> </div> <div id="video" style="position:absolute; bottom:20%; left:70%; margin-left:-156px;"> <iframe src="http://player.vimeo.com/video/24798537?title=0&byline=0&portrait=0&color=ffffff" width="400" height="300" frameborder="0"></iframe><p><a href="http://vimeo.com/24798537"> <div id="links" style="position:relative; margin: -10px auto; left:18%;"> <a href="https://www.facebook.com/unevenstructure"><img src="facebook.png" title="Join us on Facebook!" /></a> <a href="http://www.twitter.com/unevenstructure"><img src="twitter.png" title="Follow us on Twitter!" /></a> <a href="http://www.soundcloud.com/unevenstructure"><img src="lastfm.png" title="Listen to us on Soundcloud!" /></a> <a href="http://basickrecords.com"><img src="myspace.png" title="Visit our label BASICK Records!" /></a> </div> </div> </div> <script type="text/javascript" src="scaler.js"></script> </body> </html> PLEASE help me, i'm desperate. i'm calling upon anyone to help me, i've been tearing my hair out for hours over this! i'm trying to reformat a blog template to include in a client's website, but the html is driving me crazy. i am trying to center the blog, making it about a 480px width. i have tried to correct the html to reflect this (however i am a bit of a novice and teaching myself!), but what seems to happen is that the 'next page' of the blog follows my request, but not the main page. i hope that makes sense! here's the html, if anyone can see any glaring errors i'd love to know as this is the final part of the website and i'm losing sanity fast... any input is SO welcome. thanks to you all, minki HTML Code: <html>
<head>
<title><%WindowTitle%></title>
<style type='text/css'>
p {
margin: 0px;
}
body {
background: #FFFFFF;
margin-left: 15px;
margin-top: 15px;
}
td.topbar {
padding: 5px;
padding-left: 15px;
padding-right: 15px;
background: #FFFFFF;
}
td.content {
padding: 5px;
padding-left: 15px;
padding-right: 15px;
background: #FFFFFF;
color: #000000;
font-family: courier new;
font-size: 10pt;
line-height: 1.7;
}
td.border {
background: #FFCCFF;
font-size: 6pt;
}
td.box {
padding: 10px;
padding-top: 20px;
padding-bottom: 150px;
font-family: courier new;
font-size: 10pt;
background: #FFCCFF;
color: #000000;
line-height: 17px;
}
div.date {
margin-bottom: 4px;
color: #777777;
}
div.box {
float: right;
margin-left: 10px;
margin-bottom: 10px;
}
div.comment {
padding-left: 20px;
}
h2 {
margin-top: 0px;
margin-bottom: 0px;
font-family: courier new;
font-size: 30pt;
color: #FF00FF;
}
h3 {
margin-top: 0px;
margin-bottom: 0px;
font-family: courier new;
font-size: 16pt;
color: #FF00FF;
}
a:link { color: #FF00FF; }
a:visited { color: #FF00FF; }
a:hover { color: #FF00FF; }
a.menu:link { color: #990099; }
a.menu:visited { color: #990099; }
a.menu:hover { color: #990099; }
</style>
</head>
<body>
<center>
<table cellpadding='0' cellspacing='0'>
<tr><td><img src="http://www.andreadonovan.com/buttons/title%20name.jpg" border='0'><br><center><img src="http://www.andreadonovan.com/buttons/news%20heading.jpg"></center></td></tr>
<tr><td width='580' class='topbar'></td></tr>
</table></center>
<br>
<table cellpadding='0' cellspacing='0' align='center'>
<center>
<tr>
<td width='480' class='content'>
</center>
<div class='box'>
<table cellpadding='0' cellspacing='0'>
<tr><td></td></tr>
<tr>
<td width='169' align='center' valign='top' class='box'>
<img src="http://www.andreadonovan.com/Reas%20Website/glasses%20sm.jpg" border='0'><br><br>
<%Description%>
<br><br>
<a href='http://www.andreadonovan.com' class='menu'>home</a><br><a href='http://www.andreadonovan.com/gigs.html' class='menu'>gigs</a><br><a href='http://www.andreadonovan.com/photos.html' class='menu'>photos</a><br><a href='http://www.andreadonovan.com/cv.html' class='menu'>cv</a><br><a href='http://www.andreadonovan.com/contact.html' class='menu'>contact</a><br><a href='http://www.andreadonovan.com/links.html' class='menu'>links</a>
</td>
</tr>
<tr>
<td></td>
</tr>
</table>
</div>
<!-- ARCHIVE PAGE -->
<IfArchivePage>
<h3>Archives</h3>
<%ArchiveInfo%>
</IfArchivePage>
<!-- MAIN PAGE -->
<IfMainPage>
<Entry>
<h3><%EntryTitle%></h3>
<div class='date'>Posted at <%EntryTime%> on <%EntryDate%><IfCategoriesAllowed> in <%EntryCategory%></IfCategoriesAllowed></div>
<div><%EntryBody%></div>
<IfCommentsAllowed><a href='<%EntryURL%>'>Comments</a> (<%EntryCommentCount%>) <IfCommentPostAllowed>| <a href='<%CommentPostURL%>'>Post A Comment!</a></IfCommentPostAllowed> |</IfCommentsAllowed> <a href='<%EntryURL%>'>Permanent Link</a>
<br><br>
</Entry>
</IfMainPage>
<!-- ENTRY PAGE -->
<IfEntryPage>
<Entry>
<h3><%EntryTitle%></h3>
<div class='date'>Posted at <%EntryTime%> on <%EntryDate%><IfCategoriesAllowed> in <%EntryCategory%></IfCategoriesAllowed></div>
<div><%EntryBody%></div>
<IfCommentsAllowed><IfCommentPostAllowed><a href='<%CommentPostURL%>'>Post A Comment!</a></IfCommentPostAllowed></IfCommentsAllowed>
<br><br>
<IfCommentsAllowed>
<Comment>
<div class='comment'>
<h3><%CommentTitle%></h3>
<div class='date'>Posted by <%CommentAuthor%> <%CommentAuthorIP%> at <%CommentTime%> on <%CommentDate%></div>
<div><%CommentBody%></div>
<a href='<%CommentURL%>'>Permanent Link</a> <CommentEdit>Edit</CommentEdit> <CommentDelete>Delete</CommentDelete>
</div>
</Comment>
</IfCommentsAllowed>
</Entry>
</IfEntryPage>
<!-- FRIENDS PAGE -->
<IfFriendsPage>
<Entry>
<h3><%EntryTitle%></h3>
<div class='date'>Posted at <%EntryTime%> on <%EntryDate%> by <%EntryAuthor%></div>
<div><%EntryBody%></div>
<IfCommentsAllowed><a href='<%EntryURL%>'>Comments</a> (<%EntryCommentCount%>) <IfCommentPostAllowed>| <a href='<%CommentPostURL%>'>Post A Comment!</a></IfCommentPostAllowed> |</IfCommentsAllowed> <a href='<%EntryURL%>'>Permanent Link</a>
<br><br>
</Entry>
</IfFriendsPage>
<IfPages>
<center>
<br><br>
<- <LaterLink>Last Page</LaterLink> | <EarlierLink>Next Page</EarlierLink> ->
</center>
</IfPages>
</td>
</tr>
<tr><td></td></tr>
</table>
</center>
</body>
</html>
I want to sell some stuff over the internet like cloths.... And I use Pagseguro (Its a brazilain thing, like paypal). So, I have this wordpress site, with pagseguro plugin installed on it. To add products on my posts I use the following code to get the Add to cart button. HTML Code: <object><form method="post" action="" style="display:inline">
<input type="submit" value="Adicionar ao Carrinho" />
<input type="hidden" name="product" value="[b]PRODUCTNAME[/b]" /><input type="hidden" name="price" value="PRODUCTPRICE" /><input type="hidden" name="addcart" value="1" /><input type="hidden" name="cartLink" value="<?php the_permalink() ?>" />
</form></object>
The thing is, the plugin is really simple. All it does is: show "add to cart" button and the "pay" button. And like I said, I want to sell cloths. To sell cloths there got to be the Sizes: "S""M""L" and color. And what I wanted to do is: Create a form like this: HTML Code: <form name="jump"> <p align="center"> <select name="menu"> <option value="URL">Text that will appear in the choices</option> <option value="URL">Text that will appear in the choices</option> <option value="URL">Text that will appear in the choices</option> </select> <input type="button" onClick="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO"> </p> </form> (I found that on http://personal-computer-tutor.com/dropdownlist.htm) On the options there would be the sizes for my clients to choose. And on the "ADD TO CART CODE" (the first code on the top) on the "PRODUCTNAME" part would be a PHP or something that would gather the clients choice and add it there. So when he press the button the product he chose would show on the cart with the size in parentesis. Like this: HTML Code: <object><form method="post" action="" style="display:inline">
<input type="submit" value="Adicionar ao Carrinho" />
<input type="hidden" name="product" value="Alpinestars (<?php GET FORM VALUE ?>)" /><input type="hidden" name="price" value="PRODUCTPRICE" /><input type="hidden" name="addcart" value="1" /><input type="hidden" name="cartLink" value="<?php the_permalink() ?>" />
</form></object>
(for the button) and if he chooses small it be like this on the shopping cart: Alpinestars (Small) I know its really difficult to understand My english is really bad. But im really sad because I cant do this by any way. Could yall please help me with my problem? Thank You. Okay. I am lost. I am designing a webpage for a customer. Displays just fine in I.E. but for some reason, in firefox, it looks in total disarray. I think what the problem is, is that the google ads box is left aligning and pushing the rest of the content down. Everything looks fine to me. Any ideas? I am lost! So Ill give you the low down first. Im running a shopping cart software program. When you use the menu bar on the left side of the page it messes up. The first time you use any of the links it works fine, any time after that it shifts the page to the left, and if you hit refresh it puts everything back in the center. Now it only does it in Internet Explorer and only after the first click. Also only happens on the products page where there are products, if the catagory is empty then it doesnt happen. Below is the link, use the left side menu bar to see what I'm talking about, but click "Guys" or "Girls" more than once. Thanks any ideas are appreciated http://www.stitchlifestyle.com/shop.asp I have an iframe that scrolls pics and it works great in FF, but only some of the time works in IE..... This was my first time using an iframe so I am more lost than usual Any help much appreciated... www.andygphoto.com Thank you, Bryan Hi, I webmaster a web page at, lets call the address: www.ourlittledivision.bigcompanydomain.org. Here (at our company) I have all files of the web page, including a functioning favicon. I have also complemented with a more readable web address, lets call it: www.ourlittledivision.com. This second address simply redirects to the first address mentioned above. This domain with its redirection is located at an external web hotel. These two alternative addresses means you can reach the web pages either way by just writing either the first or the second url. My question is that the favicon appears fine if you use the first address, but not if you use the second. The favicon seems to be lost in the redirection, and just IEs default icon is shown. The web hotel should not be blamed. I use it for other web pages where the favicons work, but they are not redirected. My picture favicon.ico lies just next to the index file in the root, not in any of the folders. The code in the index file is simply: <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> <link rel="icon" href="/favicon.ico" type="image/x-icon"> So, can anyone mediate...? Somebody out there must have seen this phenomena. I guess there are more than I that could be helped by a solution to this question... Best regards Stonechat All I am trying to do is unstretch my template that I am using, but all I keep doing is messing it up even more... Could someone please help??? http://PracticeWriter.com/vu/?34DB1 Hey guys, so, I'm having some problems creating HTML newsletter emails in Outlook 2003, whenever the newsletter is viewed in a browser it works fine, the layout stays the same and everyones happy. However, when this is put in an email as HTML text the format completely messes up. Does anyone know a way round this? I've tried importing it into Word and saving it, then copying and pasting it in but still no luck. Any help would be great! Hi All This is my first post so i hope I provide all the info you need, to be able to help. I am working inside Macromedia UltraDev as this is waht I was taught with over a decade ago. Problem started when I set a fixed background image to the page . . . dropdown menu still displays, but everything else (text & pics) in table seem to be hiddden behind the background image. here is the code HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Expires" CONTENT="0">
<style type="text/css">
html, body {height:100%; margin:0; padding:0;}
#page-background {position:fixed; top:0; left:0; width:100%; height:100%;}
#content {position:relative; z-index:1; padding:10px;}
</style>
<link rel="stylesheet" type="text/css" href="dropdown/dropdown.css" />
<script src="dropdown/btp.js" type="text/javascript"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Language" content="en-au">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Barcaldine Tourist Park</title>
</head>
<body>
<div align="center"> <center>
<table width="1000" border="0" cellpadding="0" height="100%">
<tr>
<td height="54" colspan="2">
<div align="center">
<h1><font face="Georgia, Times New Roman, Times, serif" size="+7">Barcaldine
Tourist Park</font></h1>
</div>
</td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="146" colspan="2"> <span class="preload1"></span> <span class="preload2"></span>
<ul id="nav">
<li class="top"><a href="#nogo1" class="top_link"><span>Home</span></a></li>
<li class="top"><a href="#nogo2" class="top_link"><span>Park Features</span></a></li>
<li class="top"><a href="#nogo22" class="top_link"><span>Accommodation</span></a></li>
<li class="top"><a href="#nogo27" class="top_link"><span>Our Tarrifs</span></a></li>
<li class="top"><a href="#nogo57" class="top_link"><span>Special Offers
</span></a></li>
<li class="top"><a href="#nogo57" class="top_link"><span>Local Photos</span></a></li>
<li class="top"><a href="#nogo57" class="top_link"><span>Contact Us</span></a></li>
<li class="top"><a href="#nogo53" id="shop" class="top_link"><span class="down">Local
Attractions</span></a>
<ul class="sub">
<li><a href="#nogo54">Australian Workers Heritage Centre</a></li>
<li><a href="#nogo55">Tree of Knowledge</a></li>
<li><a href="#nogo56">Artesian Country Tours</a></li>
</ul>
</li>
</ul>
</td>
</tr>
<tr bgcolor="#FFFFFF">
<td rowspan="2" width="99"> </td>
</tr>
<tr>
<td rowspan="5" width="895" bgcolor="#FFFFFF">
<div align="center"></div>
</td>
</tr>
<tr bgcolor="#FFFFFF">
<td width="99"> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td width="99"> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td width="99"> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td width="99" height="23"> </td>
</tr>
</table>
</center></div>
<div id="page-background"><img src="images/bg.jpg" width="100%" height="100%" alt="Smile"></div>
<div id="content">
</div>
</body>
</html>
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 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 Right, I have started up a gaming website and I need that Headline Slideshow feature implemented soon as. Here is what I'm struggling with: I want to swap the normal action buttons (supplied by the slide generator *liink at bottom) with images I have created. Buttons I want changed too (<)Left button =http://i40.tinypic.com/mrftlc.jpg (>)Right button =http://i39.tinypic.com/5wuo5.jpg I do not want any other action buttons. But I want my images to be placed around the slide like so http://i40.tinypic.com/2176tf.jpg Here is the Code: Code: <!-- configurable script -->
<script type="text/javascript">
theimage = new Array();
// The dimensions of ALL the images should be the same or some of them may look stretched or reduced in Netscape 4.
// Format: theimage[...]=[image URL, link URL, name/description]
theimage[0]=["http://i42.tinypic.com/205tidx.jpg", "http://enj.yolasite.com", ""];
theimage[1]=["http://i42.tinypic.com/205tidx.jpg", "http://enj.yolasite.com", ""];
///// Plugin variables
playspeed=5000;// The playspeed determines the delay for the "Play" button in ms
//#####
//key that holds where in the array currently are
i=0;
//###########################################
window.onload=function(){
//preload images into browser
preloadSlide();
//set the first slide
SetSlide(0);
//autoplay
PlaySlide();
}
//###########################################
function SetSlide(num) {
//too big
i=num%theimage.length;
//too small
if(i<0)i=theimage.length-1;
//switch the image
document.images.imgslide.src=theimage[i][0];
//if they want name of current slide
document.getElementById('slidebox').innerHTML=theimage[i][2];
}
//###########################################
function PlaySlide() {
if (!window.playing) {
PlayingSlide(i+1);
if(document.slideshow.play){
document.slideshow.play.value=" Stop ";
}
}
else {
playing=clearTimeout(playing);
if(document.slideshow.play){
document.slideshow.play.value=" Play ";
}
}
// if you have to change the image for the "playing" slide
if(document.images.imgPlay){
setTimeout('document.images.imgPlay.src="'+imgStop+'"',1);
imgStop=document.images.imgPlay.src
}
}
//###########################################
function PlayingSlide(num) {
playing=setTimeout('PlayingSlide(i+1);SetSlide(i+1);', playspeed);
}
//###########################################
function preloadSlide() {
for(k=0;k<theimage.length;k++) {
theimage[k][0]=new Image().src=theimage[k][0];
}
}
</script>
<!-- slide show HTML -->
<form name="slideshow">
<table border="1" cellpadding="2" cellspacing="0">
<tr>
<td align="center">
<a href="#" onmouseover="this.href=theimage[i][1];return false">
<script type="text/javascript">
document.write('<img name="imgslide" id="imgslide" src="'+theimage[0][0]+'" border="0">')
</script>
</a>
</td>
</tr>
<tr>
<td align="center"><div id="slidebox"></div></td>
</tr>
<tr>
<td align="center">
<input type="button" value="I<<" onclick="SetSlide(0);" title="Jump to starting image">
<input type="button" value="<<" onclick="SetSlide(i-1);" title="Previous image">
<input type="button" name="play" value=" Play " onclick="PlaySlide();" title="Autoplay">
<input type="button" value=">>" onclick="SetSlide(i+1);" title="Jump to next image">
<input type="button" value=">>I" onclick="SetSlide(theimage.length-1);" title="Jump to ending image">
</td>
</tr>
</table>
</form>
<!-- end of slide show HTML -->
(code generated from http://www.ricocheting.com/code/java...e-slideshow-v2 if that helps) PLEASE NOTE: We do not want the (>>) (<<) or <PLAY> buttons. Just as above. We would gratefully accept any help - we are really bad with HTML. We have contacted the developer of the code but as of posting there has been no response. Thx. <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? below there is a piece of code with slideshow (I took it from http://www.ricocheting.com/code/java...mage-slideshow). I can see only the first picture, not the rest. Can someone help me? <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"> <title>try5</title> </head> <body> <script type="text/javascript"> // Author: ricocheting.com // Description: slideshow that allows visitors to flip through a series of images on your website var x=0; function rotate(num){ fs=document.ff.slide; x=num%fs.length; if(x<0) x=fs.length-1; document.images.show.src=fs.options[x].value; fs.selectedIndex=x;} function auto() { if(document.ff.fa.value == "Stop"){ rotate(++x);setTimeout("auto()", 5000);}} </script> <form name="ff"> <table style="border: 1px solid black; border-collapse: collapse;" cellpadding="3"> <tbody> <tr> <th align="center"></th> </tr> <tr> <td align="center"><img src="IMG0.JPG" name="show"> </td> </tr> <tr> <td style="border: 1px solid black;" align="center"> <select name="slide" onchange="rotate(this.selectedIndex);"> <option value="IMG0.JPG"></option> <option value="IMG1.JPG"></option> </select> </td> </tr> <tr> <td style="border: 1px solid black;" align="center"><input onclick="rotate(0);" value="ll<<" title="Jump to beginning" type="button"> <input onclick="rotate(x-1);" value="<<" title="Last Picture" type="button"><input name="fa" onclick="this.value=((this.value=='Stop')?'Start':'Stop');auto();" value="Stop" title="Autoplay" style="width: 75px;" type="button"> <input onclick="rotate(x+1);" value=">>" title="Next Picture" type="button"><input onclick="rotate(this.form.slide.length-1);" value=">>ll" title="Jump to end" type="button"> </td> </tr> </tbody> </table> </form> </body> </html> 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 |
|||||||