|
HTML - Help Me! I'm Desperate. Position Problem.
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. Similar Tutorialsok, 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> 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, 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..... i have a problem with position of the page i extended the site to screen, but now i have a problem with left and right box here i have tha code http://www.speedyshare.com/881657120.html i want to look like windows, but now the left and right box not stay in the same width one is higher and other is lower please if someone can help me 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> Hi, I was wondering if someone could help me... I made a drop down menu using fireworks for the site http://www.lakehillsca.org/ and the menu works perfectly in IE. But when viewing the site in firefox, the menu positioning isn't right. The menu uses javascript, but I'm pretty sure it isn't a javascript issue. Is there anyone out there that can figure this out??? Thanks for your time. -Chris 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. I am making a website he http://musicalmadness.zymichost.com/index.htm In the links on the left there is a page called "Solo Albums" - this is the page I'm having trouble with. As you can see, I've made tooltips over the images listing the tracks of the albums. I've decided to make them position underneath the image. However, when they are activated they are shifting the entire page around. Is there a way to make it so they simply appear OVERLAYING the rest of the page? PLEASE look at CSS. Thank you! Howdy all, I have three scrolling divs that i want to be the height of the page, so i'm guessing position:absolute and height:100% will do that just fine. But i want these three scolling divs to be inside a position:fixed element so that they stay put when scrolling down the page. Is this possible? I dont think a pos:absolute will work nested inside a pos:fixed. How could i work around it? thanks! Hi all. I have a page at: http://bartending.com/forum/page.php?page=joke&type=1 My div entitled "Featured" is not lining up. Can any body tell me why? Thank you =) Light and Love and Healing to you, -Patrick Arden McNally Hi I' try to work with div tag for the first time and I would lke to know how do I pu div tag in the center of the page. Margin-left it's not the rigt solution. Any other idea? Code: <div id="slideshowContainer">
<div id="imagecontainer">
<script type="text/javascript">
changeslides("initial")
</script>
</div>
<div id="numberDiv">
<script type="text/javascript">
createnumbers()
</script>
</div>
<div id="backforthbuttons">
<div><a href="javascript:goforward()" style="float: right"><img src="../images/buttons/foward.gif" border="0"></a> <a href="javascript:goback()"><img src="../images/buttons/back.gif" border="0"></a>
</div>
</div>
</div>
Hey guys I am trying to build a website and I have an image I am trying to write over top of,so I have used a div tag and positioned it and it works. The only problem is when I view the site on another computer that has a different size computer the text is placed completely wrong but on mine it is perfect. Any way to fix this? Code: <div class="style1" style="position:absolute; margin:3px; padding:3px; left:850px; top:154px; width: 50px; height: 25px;"> <a href="page1.htm>1</a></div> I have never been good with this... I cannot get an iframe to be positioned correctly on more than one computer. http://www.e-lusively.com I am using Firefox with 1280x800 and it looks fine for me. Ugh how can I get it to look good in any resolution? Please help... In IE7, 6, and 5 and only in IE7, 6, and 5 my flash navigation menu jumps around a little bit from page to page (no more than half of an inch or so per page, minor, but irritating). Probably an easy fix, but how? Do I need to wrap in a div first or should I just apply the rule to the td with an ID? And, should I use absolute positioning, relative, or neither? And I know I know navigation menu not good - I am working on text links for the bottom. One of the pages in question is below, but just navigate around the site and you will see what I am talking about. Much thanks! http://www.buildingblockshomedaycare.com/parents.html Hi, I am looking for the easiest and reliable solution to make the "View on Google Maps" image to look like here http://www.dublinbynumbers.com/troubleshooter.html instead of here http://www.dublinbynumbers.com/categories/cinemas The solution should work in both IE/FF and any screen resolution. Thanks in advance for your help, Sorin Hello All, I have a problem with div position in my html page. I need two divs position=relative aligned with a single div. Basically I have a header panel, content panel (have two vertical column height changed dynamically) and a footer panel. So Content panel vertical column needs to align with header panel. I need all div tags position relative, so when every div increases in height bottom div sifted down automatically. I have this http://www.arunverma.info/webmaster_help/ Can sombody help me to short it out. Thanks in advance Sunil i want the blue bar stay at the top of <div if i used scroll of div code of div PHP Code: <style type="text/css" media="all"> #boxtable { /*the chat div container*/ text-align:left; margin:0 auto; margin-bottom:10px; padding:1px; background-color: #f0f0f0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-right: 1px solid rgba(9, 9, 9, 0.125); height:400px; width:910px; overflow:auto; } </style> PHP Code: <div id="boxtable" > <div id="blueBarHolder" class="slim"> <div class=" fixed_elem" id="blueBar"> </div></div> Work closely with Development team to ensure timely completion of deliverable.<br> WorkcloselywithDevelopmentteamtoensuretimelycompletionofdeliverableorkcloselywithDevelopmentteamtoensuretimelycompletionofdeliverableorkcloselywithDevelopmentteamtoensuretimelycompletionofdeliverable Analyze, design, develop, implement, and maintain moderate to complex computer programs and subsystems<br> </div> i have tried PHP Code: <style type="text/css" media="all"> .slim #blueBar{ height:37px;} #blueBar{background-color:#3b5998;min-width:981px;width:100%;z-index:300} .fixed_elem{position:absolute; } </style> it worked but ****ed up the style.. picture in attackments thx for help 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 ? |
|||||||