Jump to content

Yankman30

Members
 View Profile  See their activity

  • Posts

    17

  • Joined

  • Last visited

Yankman30's Achievements

Apprentice

Apprentice (3/14)

  • First Post
  • Collaborator
  • Conversation Starter
  • Week One Done
  • One Month Later

Recent Badges

0

Reputation

  1. Yankman30
    Thanks for your reply! I'm sorry but what is hotscripts? I'm not sure where to look for that.
  2. Yankman30
    After creating a thumbnail with a link to a full sized photo, how can I make the full sized photo show up in its own window the size of the photo itself? I know that by setting the target to _blank, the photo comes up on its own page but it also displays all the toolbars of the browser. Is there a way for, bacially, the photo to come up by itself and show part of the website the displayed photo doesn't cover? An example of what I'd like can be seen here: http://galleries.wickedweasel.com/contributors/ a bikini retail site. Thanks for any help or advice! Joe
  3. Yankman30
    Hi, I have a basic photo gallery where there are 5 thumbnails in the Bottom div. When clicked, the full size photo will display in the Center div. In the Top div, I have Previous and Next links. I would like to be able to run though the photo gallery by clicking the Previous or Next button and having thge full size photo show up in the Center div. I used Swap Image for te thumbs but I'm not sure how the make the buttons work. Here is what I have so far: ><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> <link href="Layout.css" rel="stylesheet" type="text/css" /> <script language="JavaScript" type="text/JavaScript"> <!-- function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } //--> </script> </head> <body onload="MM_preloadImages('NextPrev/joe_1.jpg','NextPrev/joe_2.jpg','NextPrev/joe_3.jpg','NextPrev/joe_4.jpg','NextPrev/joe_5.jpg')"> <div id="top"> <div align="center"> Previous Next </div> <div id="center"> <div id="bottom"> <div align="center"><a href="javascript:;" onclick="MM_swapImage('target','','NextPrev/joe_1.jpg',1)"><img src="NextPrev/tjoe_1.jpg" name="Image1" width="75" height="75" border="0" class="thumb" id="Image1" /></a><a href="javascript:;" onclick="MM_swapImage('target','','NextPrev/joe_2.jpg',1)"><img src="NextPrev/tjoe_2.jpg" width="75" height="75" border="0" class="thumb" /></a><a href="javascript:;" onclick="MM_swapImage('target','','NextPrev/joe_3.jpg',1)"><img src="NextPrev/tjoe_3.jpg" width="75" height="75" border="0" class="thumb" /></a><a href="javascript:;" onclick="MM_swapImage('target','','NextPrev/joe_4.jpg',1)"><img src="NextPrev/tjoe_4.jpg" width="75" height="75" border="0" class="thumb" /></a><a href="javascript:;" onclick="MM_swapImage('target','','NextPrev/joe_5.jpg',1)"><img src="NextPrev/tjoe_5.jpg" width="75" height="75" border="0" class="thumb" /></a></div> </div> <div align="center"><img src="NextPrev/joe_1.jpg" name="target" id="target" /></div> </div> </div> </body> </html> Thanks for any help or advice! I can't seem to find any good tutorials on this matter.
  4. Yankman30
    Your javaScript skills may be rusty but mine are nonexistent! I was thinking some type of sequence script would be required. Do you know of any tutorials or what type of google search I should do? So far, I haven't come up with anything. Thanks for replying!
  5. Yankman30
    Hi, I've created a photo gallery using Swap Image so all the photos and their related thumbnails are on the same page. I would like to have a Next and Previous button which would go the next or previous full sized photo. I've been looking but can't find any tutorials or ideas. Is this possible to do with just Dreamweaver? Thanks for any help!
  6. Yankman30
    That was easy enough, thanks! I was actually looking in the CPanel and missed it, several times actually! Is this very secure or can visitors get tge password easily? Thanks for your time!
  7. Yankman30
    Hi, to create a Password Protected area in Dreamweaver, you need Windows XP Professional because it supports PWS to use ASP. It seems you need ASP to create a database that stores the passwords and user names. I have XP Home and I'm afraid to upgrade because of all the potental problems, not to mention the cost. Is there any other way to Password Protect certain pages of a site? I'm using Dreamweaver to create the website. I really only need a few passwords and I don't need to get any information from the user. I would like something very basic and simple. Thanks for any help!
  8. Yankman30
    That worked too! Thanks again for your help! I did notice the paragraph above the table but didn't know how to get rid of it. I tried hitting delete but it wouldn't leave. I don't know much about code and I didn't even think of trying to remove it from there. I appreciate the time time you took to help. Thanks again!
  9. Yankman30
    Hi, that worked! Thanks so much! I hate to be a pain but I do have another question. I added a table in that static box. I can't position the table inside the box very well. I'd like to adjust the table a little higher. Everything is set to zero so the table should really be in line with the top of the box, touching the top boarder actually. If it's not too much trouble, could you give this a look? ><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> <link href="percent.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="pertop">Top #pertop = CSS </div> <div id="perbody">Body #perbody = CSS <div id="perbottom">Bottom #perbottom = CSS </div> </div> <div id="pertopR"> <p> </p> <table width="209" border="0" cellspacing="0" cellpadding="10"> <tr> <td width="17" rowspan="5"><img src="Pics/TAMING_THE_F_19410.gif" width="17" height="400" /></td> <td width="96"><img src="Pics/thumb.jpg" width="66" height="66" /></td> <td width="96"><img src="Pics/thumb6.jpg" width="66" height="66" /></td> </tr> <tr> <td width="96"><img src="Pics/thumb6.jpg" width="66" height="66" /></td> <td width="96"><img src="Pics/thumb6.jpg" width="66" height="66" /></td> </tr> <tr> <td width="96"><img src="Pics/thumb6.jpg" width="66" height="66" /></td> <td width="96"><img src="Pics/thumb6.jpg" width="66" height="66" /></td> </tr> <tr> <td width="96"><img src="Pics/thumb6.jpg" width="66" height="66" /></td> <td width="96"><img src="Pics/thumb6.jpg" width="66" height="66" /></td> </tr> <tr> <td width="96"><img src="Pics/thumb6.jpg" width="66" height="66" /></td> <td width="96"><img src="Pics/thumb6.jpg" width="66" height="66" /></td> </tr> </table> </div> </body> </html> CSS with what you had me add, which worked! #pertop { border: 2px solid; position: absolute; height: 25px; width: 550px; left: 0px; top: 0px; } #pertopR { border: thin solid; position: static; height: 500px; left: 550px; top: 0px; float: none; margin-top: 0px; padding-top: 0px; margin-left: 550px; } #perbody { border: thin solid; position: absolute; height: 450px; width: 550px; left: 0px; top: 25px; } #perbottom { border: thin solid; position: absolute; height: 25px; width: 550px; left: 0px; top: 455px; margin-top: 0px; } body { margin: 0px; } Thanks for any help!
  10. Yankman30
    Thanks for your reply! I have change the layout slightly but I still want the right box to adjust to different monitor sizes. It's laid out in Static postion, which works, except for the gaps that are created above and to the right of the box. I set all the margins to zero but the gaps remain. I want to insert atable with photos in the right box. Here is the code and CSS code: ><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> <link href="percent.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="pertop">Top #pertop = CSS </div> <div id="perbody">Body #perbody = CSS <div id="perbottom">Bottom #perbottom = CSS </div> </div> <div id="pertopR"> <p>Right # pertopR = CSS </p> <p>Static position but there are gaps</p> <p>all around which I don't want.</p> <p>I will insert a table here with photos </p> </div> </body> </html> CSS under percent.css #pertop { border: 2px solid; position: absolute; height: 25px; width: 550px; left: 0px; top: 0px; } #pertopR { border: thin solid; position: static; height: 500px; left: 550px; top: 0px; float: none; margin-top: 0px; padding-top: 0px; margin-left: 550px; } #perbody { border: thin solid; position: absolute; height: 450px; width: 550px; left: 0px; top: 25px; } #perbottom { border: thin solid; position: absolute; height: 25px; width: 550px; left: -2px; top: 455px; } Thanks for any help!
  11. Yankman30
    Thanks for your reply. The first two boxes have to be that exact width because they contain photos and text. The last box also contains stuff but I want it to fill out any larger monitors or shrink a little for smaller ones. Is that possible?
  12. Yankman30
    I ended up using the Swap Image Behavior in Dreamweaver.
  13. Yankman30
    Hi, I'm basically creating three boxes 500 px high and 250 px wide. I'm using CSS in Dreamweaver. I want the last box, the one all the way on the right, to have a 100% width to fill different browser sizes. I use absolute positioning on all three boxes and use 100% width on the right side box only but it makes the box stretch very far to the right, way past any browser's width. Using a set number for the last box's width makes it work but I would like the flexibility 100% width provides. Thanks for any help! I'm very new to this so I appreciate any time taken to help me out.
  14. Yankman30
    Are you using Dreamweaver for your site? If so, you can make a Navigation Bar in there.
  15. Yankman30
    Thanks for all your welcomes! It seems most people don't like Frames. Is there another way to have a thumbnail button open a photo in a different area of the same page? Thanks again!
×
×
  • Create New...