|
HTML - Just Another Desperate Newbie!
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..... Similar TutorialsHi 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> 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>
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> 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. Hi All, Wondered if I could get some help. I have wrote a simple HTML script to create a simple Pro-Forma for cusotmers to fill out a few things. I also have a SUBMIT button that what I want it to do when clicked is automatically send the data from the form to an email address. So far I have managed to get the SUBMIT button to create an email with the email address in the to and the data in the subject. However I want it to auto send without the cusotmer seeing and also when the data is copied into the email it is just all linked together seperated by & signs. I am new to this and cant seem to get it to automatically send and wondered if anyone could help Thanks in advance Hy I'm new here and new to everything that's related to webdesign and coding so maybe I have silly questions but that's it!,and also sorry for my english - hope you will understand what I have to say. I work on this ImageCube http://keith-wood.name/imageCube.html but I would like to make it like this one http://www.cancan.ro/ with previous/next buttons and with thumbscroller. I know my question is related also to jquery but I will be pleased with the answer regarding only html too. I succeeded to make both previous/next buttons and the thumbscroller to work somehow but I can only make them functioning properly one at a time - I can't make them to function properly both in the same time. I know to make this things work only like this so if you know a better way to do it just tell me. Whatever values do I put either in html or javascript can't seems to work like it should. For example in this case like in below all thumbs and both directionButtons get the first value from document in this case "0" which is uluru.jpg.So,in another words (in this case from below) whenever I click either on whichever of the thumbs or on whichever of the directionButtons the Cube repeatedly rotate the Uluru image. I tried all kinds of variants -to put different values but in neither cases don't work well. So if you can help me I would much appreciate it,and if you have other ideas please give me the entire code because like I said I'm very new to all in this field. HTML Code: <body>
<div id="directionCube" class="cube">
<img src="img/uluru.jpg" >
<img src="img/islands.jpg" >
<img src="img/gorge.jpg" >
</div>
<div id="thumbs">
<input id="direction" value="left" type="hidden"> <input id="next" value="0" type="hidden" /> <img src="1_thumb.jpg">
<input id="direction" value="left" type="hidden"> <input id="next" value="1" type="hidden" /> <img src="2_thumb.jpg">
<input id="direction" value="left" type="hidden"> <input id="next" value="2" type="hidden" /> <img src="3_thumb.jpg">
</div>
<script type="text/javascript">
$('#directionCube').imagecube({direction: 'up', repeat: true, pause: 3000, shading: true});
$('#thumbs').click(function() {
var cube = $('#directionCube');
var next = parseInt($('#next') .val(), 10);
cube.imagecube('change', {direction: $('#direction') .val()}).
imagecube('rotate', next, function() {
$('#current').text($(cube.imagecube('current')).attr('title'));
});
});
</script>
<input id="direction" value="right" type="hidden"> <input id="next" value="" type="hidden">
<img id="directionButtonRIGHT" src="control_right.jpg">
<script type="text/javascript">
$('#directionButtonRIGHT').click(function() {
var cube = $('#directionCube');
var next = parseInt($('#next').val(), 10);
cube.imagecube('change', {direction: 'right' , selection: 'forward'}).
imagecube('rotate', next, function() {
$('#current').text($(cube.imagecube('current')).attr('title'));
});
});
</script>
<input id="direction" value="right" type="hidden"> <input id="next" value="" type="hidden">
<img id="directionButtonLEFT" src="control_left.jpg">
<script type="text/javascript">
$('#directionButtonLEFT').click(function() {
var cube = $('#directionCube');
var next = parseInt($('#next').val(), 10);
cube.imagecube('change', {direction: 'left', selection: 'backward'}).
imagecube('rotate', next, function() {
$('#current').text($(cube.imagecube('current')).attr('title'));
});
});
</script>
</body>
Hi all, I'm new to this forum and to HTML and i have a question when i create a button in HTML how do i: A. run a function once the button is clicked on? (i want to run some exe file from my machine) B. locate the button on a specif place on the screen (ex, up,down,sides) any where on the screen an example whould be great. Thanks. hi guys, i have just learned HTML and at first i thought it is easy but it frustates sometimes when i can't find the solution, here is the code of a page i am designing, Quote: <HTML><HEAD><TITLE></TITLE> <META http-equiv=Content-Type content="text/html; charset=UTF-8"> <META content="MSHTML 6.00.5730.13" name=GENERATOR> <STYLE type=text/css>BODY { FONT-FAMILY: verdana, arial, sans-serif } </STYLE> <LINK media=screen href="Cybus X_files/template_css.css" type=text/css rel=stylesheet></HEAD> <BODY> <TABLE cellSpacing=0 cellPadding=0 width="80%" align=center border=0> <TBODY> <TR> <TD class=s5_tl></TD> <TD class=s5_tm></TD> <TD class=s5_tr></TD></TR> <TR> <TD class=s5_ml></TD> <TD class=s5_mm></TD> <TD class=s5_mr></TD></TR></TBODY></TABLE></BODY></HTML> as far as first row is concerns it seems ok but as soon as i add second row the output becomes wierd.here is the snapshot, here comes the css code, Quote: .s5_tl { height:20px; width:24px; background:url(../images/s5_tl.png) no-repeat top left; float:left; } .s5_tm { height:20px; background:url(../images/s5_tm.png) repeat-x; float:left; } .s5_tr { height:20px; width:24px; background:url(../images/s5_tr.png) no-repeat top right; float:left; } .s5_ml { width:24px; background:url(../images/s5_ml.png) repeat-y top left; float:left; padding-left:24px; } .s5_mm { background:url(../images/s5_mm.png); float:left; } .s5_mr { width:24px; background:url(../images/s5_mr.png) repeat-y top right; float:left; padding-right:24px; } and here are the images which im using as a background, => s5_tl.png => s5_tm.png => s5_tr.png => s5_ml.png => s5_mm.png = s5_mr.png plz guys help me here i can't find what's going wrong with this!!!to see the original site of which im copying the basic design is http://cybusx.in/ Hi Len here from Cape Town,South Africa. Done a lot of websites, using Netobjects Fusion, hence no coding.(Damn!) My own website www.2busycamping.co.za has a database which I want to change to PHP/MySQL based but battling with the data entry form. Any help would be appreciated. The drop down box (Province/Country) does not forward the entered data when selected and submitted. The other fields do! PS. this is code I have copied and pasted form bits and pieces I have found, so apologies in advance! Code follows: <form action="welcome3.php" method="get"> <FONT COLOR='#6633FF' SIZE='4'> <label><label><br /> <label>Select the fields that apply and click on FIND RESORTS.</label><br /> <label><label><br /> <select> <option value=""></option> <option value="">Southern Africa</option> <option value="">Eastern Cape</option> <option value="">Free State</option> <option value="">Gauteng</option> <option value="">Kwazulu-Natal</option> <option value="">Limpopo</option> <option value="">Mpumalanga</option> <option value="">North West</option> <option value="">Northern Cape</option> <option value="">Western Cape</option> <option value="">Bostwana</option> <option value="">Malawi</option> <option value="">Mozambique</option> <option value="">Namibia</option> <option value="">Zimbabwe</option> </select> <label>Province/Country<label><br /> <label><label><br /> <input type ="text" name = "Resort_name" </label> Resort Name (Can be left blank) : <label><br /> <label><label><br /> <input type ="text" name = "Route" </label> Route (Can be left blank) : <label><br /> <label><label><br /> <input type ="text" name = "Closest_town" <label> Closest Town (Can be left blank) : </label><br /> <label><label><br /> <input type ="text" name = "Pets_allowed" <label> Pets Allowed (Can be left blank) : </label><br /> <label><label><br /> <input type ="text" name = "Day_visitors_allowed" <label> Day Visitors Allowed (Can be left blank) : </label><br /> <label><label><br /> <input type ="text" name = "Have_conference" <label> Has conference facilities (Can be left blank) : </label><br /> <label><label><br /> <input type ="submit" value="FIND" /> </form> Thanks Len Hello, i'm a business manager for 2 different up and coming businesses within the UK. On one of our sites we have widgets we are putting on the site displaying news from a few different organisations within the environmental sector. I have 5 or 6 widgets in total I am using, and when I put the widget codes into my boxes on the page I wish to have the information displayed on the website, they appear vertically on top of each other, meaning that the page becomes very long with the widgets on there. What code should I use to get the HTML code to know that I want the widgets to sit next to each rather than in a line down the page? I hope you understand what I mean, things involving websites are not my primary business activities so my knowledge of terminology is a bit lacking. Regards, Sean Html email does not display image background in Outlook, Gmail, Yahoo and MSN, i am using PHP code.. the images will not appear when sitting it as a back ground in the TD. but i am sure with my file path, it will only display if being coded as <img src=images.jpg> Hi folks. I need some help with an HTML site I am trying to make, so please do me a favour and hear me out. I should add that I know some simple HTML stuff (ie. I can make simple pages no sweat), but am pretty quick on the uptake. What I am trying to do is make a HTML page to keep track of orders for my small business. The layout is pretty simple- I need to make a form where I can enter orders as they come in (simple info- cutomer name, order size, that kind of thing), and then have the form publish the order into a queue/chart of some sort. Then, I need to be able to have that published order queue somehow accessible/editable so that once an employee has finished an order, they can confirm that the order is indeed finished, as well as include notes about when it was finished, where the order is in waiting in the warehouse, etc. Finally, a page essentially the same as above, but this time to confirm shipping with notes about shipping company/time, etc. Hopefully this model came out clear, and someone can point me in the right direction of how to go about getting this started. It by no means has to be pretty- just functional. Can someone give me a brief tutorial about how to make the forms and have them publish into some kind of master queue? fixed!sdasffdf deeletete Hello, I recently started making websites and I need a little help. I'm using adobe dream weaver cs3 and am having trouble with a few things. First, I am wanting to use a conveyor belt with images sort of thing, so I found one on the internet and am using that..but now I want to put it in front of a picture but it's not letting me..here's a picture of my screen.. http://img72.imageshack.us/img72/6222/screenvf4.jpg So that box of pictures I want to be right after the "Bayside Baptist" Any help would be appreciated..I've never posted on forums before so I don't know if you would need to see the XHTML code but if you do just ask Thanks! Shane Hi everyone, i have been getting errors on validator w3 i have tried every thing i can to sort this problem out but im now lost for ideas. Here is the code i have errors on, if you need any more info please let me know <script language='javascript'>var sp_key = 'd6nz91881gggks48';</script><script type='text/javascript' src='http://www.spottt.com/js/spottt.js'></script><noscript><style type="text/css"> table.spottt_tb, table.spottt_tb tr, table.spottt_tb td, table.spottt_tb a, table.spottt_tb tr a img { margin:0; padding:0; border:none; background:none; position:static; text-decoration:none; display:block; width:125px; vertical-align:top;} .spottt_thumb, .spottt_thumb img, .spottt_thumb a, .spottt_thumb td { height:125px; } .spottt_label, .spottt_label img, .spottt_label a, .spottt_label td { height:21px;}</style><table cellspacing="0px" class="spottt_tb" id="sp_code_table_d6nz91881gggks48"><tr class="spottt_thumb"><td><a href="http://click.spottt.com/sp_click_d6nz91881gggks48.php" target="_top"><img src="http://view.spottt.com/sp_image_d6nz91881gggks48.jpg" border="0" alt="Spottt"></a></td></tr><tr class="spottt_label"><td><a href="http://home.spottt.com/sp_index_d6nz91881gggks48.php"><img src="http://view.spottt.com/sp_label_d6nz91881gggks48.jpg" border="0" alt="Spottt"></a></td></tr></table></noscript> Hi there, Im currently making a website and im afraid im pretty new to this. I am making a fairly simple site >> http://www.monk3d.com/healthcarebed3.html If you download the page, you will see I have placed the logo, links, and footers, however I dont have a space for the actual content! Im probably being stupid, but im not sure how to add a new section. I attached a diagram where the blue box shows where I need the content. I hope this is explained properly. kind regards, Rob hello all i am so happy to have found your site! I have a domain and website hosting set up with my internet provider. i downloaded filezilla. i created my website using microsoft publisher. when i try to upload it using the filezilla, i get 550 access denied. help, what am i missing???? thanks! I want to make my own web site for a computer game that I play. It will basically have custom made content for download for other users. I have an idea of how I want the site to look but I have no idea how to take it from Photoshop and actually make it my web site. I looked at the tutorials on here but I must be really computer dumb because I cant for the life of me figure it out. Is there anyone here who could help me maybe if i show them what I have created?? I cant afford for someone to make it for me but maybe someone would be nice enough to help me out?? Thanks Elaina |
|||||||