What's new
Photoshop Gurus Forum

Welcome to Photoshop Gurus forum. Register a free account today to become a member! It's completely free. Once signed in, you'll enjoy an ad-free experience and be able to participate on this site by adding your own topics and posts, as well as connect with other members through your own private inbox!

A little border help, please!


Wait

Well-Known Member
Messages
60
Likes
0
The forum is back up :} ...
I tried to post a question the other day but all I got was a blank screen.

This isn't necessarily a P-Shop question but it is web related. I?ve been building a site for a motel out in Branson MO called Gretna Inn and I?m trying to add a border to the left, right, and bottom of the overall design. I can?t seem to figure it out so I?m here for some help. I have a pretty good idea that I need to create this border using a style sheet but what I?ve done so far hasn?t worked. If any of you have time could you look at my code and let me know what is missing or what I need to do to get it working. You have my permission to download the page if you want to take a look at what I?m doing wrong.

Also how can I open the mapquest form in a different window. I don't want users to have to leave the site. I'm having issues with the submit button. I know this is how to do it with just a normal link:

Code:
<a href="http://*URL*" target="_blank">LINK</a>
 
Generally Wait, if you're using a tablelayout for the content, you'd just add this to the table tag that immediately surrounds the content you want to border off:

style="border-top:1px solid #000000; border-left:1px solid #000000; border-right:1px solid #000000; border-bottom:none;

TIP: this style code can also be added to any separate table CELL as well.

If you have a CSS setup in the header or in a separate file, then you'd have to change up the delivery a little:

Create a class and slip it into the table tag, then put this below the class element in the CSS code:

.tableborder {
border-top:1px solid #000000;
border-left:1px solid #000000;
border-right:1px solid #000000;
border-bottom:none;
}

NOTE: the line style can be changed too, to dashed, dotted, etc.

Let me know if that doesn't work for you. :B

As to the MapQuest thing... yeah, just add the Target="_blank" code into the opening FORM tag.
 
Thank you for the reply. I'm going to have to look into the border issue at a later time. I'm in a rush right now to get out of the house. But for what ever reason the submit button still will not open in a separate window. This is the sample code:

Code:
<form action="http://www.mapquest.com/directions/main.adp" method="get">
<div align="center">
<input type="hidden" name="go" value="1">
<input type="hidden" name="2a" value="">
<input type="hidden" name="2c" value="">
<input type="hidden" name="2s" value="">
<input type="hidden" name="2z" value="">
<input type="hidden" name="2y" value="">
<br>
<table border="0" cellpadding="0" cellspacing="0" style="font: 11px Arial,Helvetica;">
<tr><td colspan="2" style="font-weight: bold;"><div align="center"><a href="http://www.mapquest.com/"><img border="0" src="http://cdn.mapquest.com/mqstyleguide/ws_wt_sm" alt="MapQuest"></a></div></td></tr>
<tr><td colspan="2" style="font-weight: bold;">FROM:</td></tr>
<tr><td colspan="2">Address or Intersection: </td></tr>
<tr><td colspan="2"><input type="text" name="1a" size="22" maxlength="30" value=""></td></tr>
<tr> <td colspan="2">City: </td></tr>
<tr> <td colspan="2"><input type="text" name="1c" size="22" maxlength="30" value=""></td></tr>
<tr><td>State:</td>
<td> ZIP Code:</td></tr>
<tr><td><input type="text" name="1s" size="4" maxlength="2" value=""></td><td>
<input type="text" name="1z" size="8" maxlength="10" value=""></td></tr>
<tr><td colspan="2">Country:</td></tr>
<tr><td colspan="2"><select name="1y"><option value="CA">Canada</option><option value="US" selected>United States</option></select></td></tr>
<tr> <td colspan="2" style="text-align: center; padding-top: 10px;"><input type="submit" name="dir" value="Get Directions" border="0" target="_blank"></td></tr>
<input type="hidden" name="CID" value="lfddwid">
</table>
</div>
</form>
 

Back
Top