|
HTML - Image Instead Of Label, Newsletter
Hi,
I'm a HTML newbie (have some programming experience though), so please forgive me if my question is maybe unclear or naive. I've managed to build a newsletter that displays nicely in the most-used webmail clients and offline clients. For personalization I can add form fields (like: name) to the html code that graphicmail will fill with the indivual recipient's data (like: Bob) on sending out the newsletter. To add an "Unsubscribe" link to the newsletter, graphicmail recommends to insert this code: <DIV><LABEL class=FormField data="Unsubscribe">Unubscribe</LABEL></DIV> This results in a simple: Unsubscribe text in the newsletter. If the reader clicks on it, the unsubscribe webpage is opened. I would like to achive the same functionality but with something different than the LABEL tag, since this plain text "Unsubscribe" doesn't fit the design of the newsletter. Ideally I'd like to be able to use an image that when clicked provides the same functionality as the label tab does. Sorry for the confused description. Thanks for your help. Mark Similar Tutorialsi have added dropdown list and associated label with it and i want to know the value for label and the value selected in dropdown list. How can I access both values inside javascript? can anybody help? Afternoon everyone, I have a table with many rows and a checkbox in the first cell of each row. I want the user to be able to click anywhere on the row and activate the checkbox, so I'm using a label tag in front of each row. The following code works in IE7, but not Firefox or Chrome. Any ideas how to make it work cross-browser? Code: <table>
<label for="X">
<tr>
<td>
<input type="checkbox" id="X"/>
</td>
<td>
THIS TEXT SHOULD ACTIVATE THE LEFT CHECKBOX
</td>
</tr>
</label>
</table>
Thanks! Hi, I know the label element is for associating a text label with a control, and that when you click it the control gets focus. But is that its only purpose? Is it supposed to be used for describing a more general semantic relationship. In particular can/should/is it intended to be used to associate key value pairs to describe a semantic relationship sort of like <dt> <dd>? For example say I have a listing of key values pairs from say a config file. Should I do this: <label for="val0">screenheight:</label><span id="val0">7560</span> I dont know, maybe I should use <dt> <dd> and re-style with CSS? Or maybe thats what the ":" is for(!) and I dont need to express this in HTML (Thinking about the boundary between presentation and semantics makes my crazy, its very fuzzy in my opinion). Any thoughts appreciated. Thanks. Is there a way to dynamically create text in html/jsp based on a value the user chooses? I have the following code in a jsp and based on the value of the returntype that the user chooses. The value SSN: has to change to SSN/FEIN: depending on what is choosen in the return type drop down (note, the change has to be in the text and not the inputType field). Is there an easy way to do this? Here is the form code... <form action="CompareData" method="post"> <center> <table cellspacing="5" border="0"> <col width=450> <tr> <td align = "LEFT" colspan=2><b>Please enter the parameters below to retrieve the information:</b></td> </tr> </table> </center> <center> <table cellspacing="5" border="0"> <col width=200> <col width=100> <tr> <td align = "LEFT"><b>SSN:</b></td> <td><input type="text" name = "SSN" value="000000000" ></td> </tr> <tr> <td align = "LEFT"><b>End Year:</b></td> <td><input type="text" name = "ENDYEAR" value="2007" ></td> </tr> <tr> <td align = "LEFT"><b>Num of Years:</b></td> <td><input type="text" name = "NUMYEARS" value="2" ></td> </tr> <tr> <td align = "LEFT"><b>Return Type:</b></td> <td> <select name="ReturnTypeDropDown" > <option value="WI">WI</option> <option value="IRS">IRS</option> <option value="Informational">Informational</option> </select> </td> </tr> <tr> <td><input type="hidden" name="RETURNTYPE" value="" ></td> <td><input type="button" value="Retrieve" onClick="validate(this.form)"></td> </tr> </table> </center> </form> I have a <select> drop down list. I have a label associated with this element. Here is the code; <select name="v" id="v" value="0" size="1"> <option>0</option> <option>1</option> <option>2</option> <option>3</option> <option>4</option> </select> <label for="v">No. required</label><br /> The problem is that when the user clicks on the text of the label, the value in the <select> list is changed back to 0. For example, the user selects 3 using the drop down list. Then if the user ever clicks on the label's text, this value returns to 0. How can I stop this from happening and maintain the initially diisplayed value of the <select> list as 0? 2 Quick questions: 1) Is it considered good, poor, or indifferent programming style to implicitly connect labels with other form tags. For instance, is one of these preferable to the other? Code: <label for="username">Username</label> <input type="text" name="username" id="username" /> <label>Username: <input type="text" name="username" id="username" /></label> 2) Is it good or bad programming style to have the name and id of a tag the same? For instance, in the example above, the input object has an id and name of "username". Is this considered ok? Tahnks for all the help~ How do I place a label for a radio button above the radio button? Good day guy's. Im very new to html programming and scripting, but I was wondering if it would be possabe to insurt a dynamic label field in you body where to content must be fetch from a notepad or wordpad ( /docs/someting.txt ) Thanks Hey, For the first time I need to prepare a newsletter template for a company. I read a lot about this in web but I coun't understand one thing. It should be used repeatedly. So how can I make a Html template to be use repeatedly? May be the programmer will use my template and make it reusable? Somebody know about this? Thanks! Hi all, I'm really struggling with getting my e-newsletters to view correctly (as they do in my web browser) in the actual mail message. I usually code the page and when it's done, load it onto our server, then open the page, copy the content and paste it into the new mail message. This works fine, except when your html page has layers or flash clips in it, everything goes completely crazy. It seems like the layers are the big problems, spacing goes out and the layers aren't actually in the "newsletter" anymore, they load at the top of the page, almost seperate from the rest of the file. Any help would greatly be appreciated. Thanks so much. Bees I have created an html newsletter which is just about ready. I am trying to add a header image to top cell of table however when I preview the table expands and I get a bunch of whitespace. Image is set width and in edit mode appears fine. I am using Sharepoint Designer and Web Expression 2 but not luck removing all the whitespace. Any suggestions? thx I'd like to have a newsletter opt-in, but I don't want to move the person to a php page to confirm they're in the system. Is it possible to add them from the same page, and without a page refresh, show them they're added? Hello i'm new here and i'm in need of some help... i'm trying to send out a newsletter blast but when i copy the code from front page into the thirdparty to send out the newsletter when we send out a test the messege loooks all wrong why woould that be?? it shifts everything down or to the side..... please help.. here is the code from front page that i paste into the third party HTML Code: <html>
<head>
<title>Untitled-2</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>
<!--
div.Section1
{page:Section1;}
p.MsoNormal
{margin:0in;
margin-bottom:.0001pt;
font-size:12.0pt;
font-family:"Times New Roman";}
-->
</style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div align="center">
<table id="Table_01" width="750" height="600" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="9">
<a href="http://www.bootbarn.com/">
<img src="http://bootbarn.ws/newsletter/Blue%20Hornet/Welcome%20Letter/images/welcome_01.jpg" width="755" height="104" alt="" border="0"></a></td>
</tr>
<tr>
<td rowspan="2">
<img src="http://bootbarn.ws/newsletter/Blue%20Hornet/Welcome%20Letter/images/welcome_02.jpg" width="8" height="650" alt=""></td>
<td colspan="7">
<img src="http://bootbarn.ws/newsletter/Blue%20Hornet/Welcome%20Letter/images/welcome_03.jpg" width="738" height="609" alt=""></td>
<td rowspan="2">
<img src="http://bootbarn.ws/newsletter/Blue%20Hornet/Welcome%20Letter/images/welcome_04.jpg" width="9" height="650" alt=""></td>
</tr>
<tr>
<td>
<a href="http://www.bootbarn.com/navigate/men">
<img src="http://bootbarn.ws/newsletter/Blue%20Hornet/Welcome%20Letter/images/welcome_05.jpg" width="95" height="41" alt="" border="0"></a></td>
<td>
<a href="http://www.bootbarn.com/navigate/women">
<img src="http://bootbarn.ws/newsletter/Blue%20Hornet/Welcome%20Letter/images/welcome_06.jpg" width="107" height="41" alt="" border="0"></a></td>
<td>
<a href="http://www.bootbarn.com/navigate/youth">
<img src="http://bootbarn.ws/newsletter/Blue%20Hornet/Welcome%20Letter/images/welcome_07.jpg" width="89" height="41" alt="" border="0"></a></td>
<td>
<a href="http://www.bootbarn.com/brand">
<img src="http://bootbarn.ws/newsletter/Blue%20Hornet/Welcome%20Letter/images/welcome_08.jpg" width="94" height="41" alt="" border="0"></a></td>
<td>
<a href="http://www.bootbarn.com/multiview/viewspecial/1/view/view">
<img src="http://bootbarn.ws/newsletter/Blue%20Hornet/Welcome%20Letter/images/welcome_09.jpg" width="111" height="41" alt="" border="0"></a></td>
<td>
<a href="http://www.bootbarn.com/multiview/viewspecial/1/view/view/0/12/new/All/All/All/All">
<img src="http://bootbarn.ws/newsletter/Blue%20Hornet/Welcome%20Letter/images/welcome_10.jpg" width="136" height="41" alt="" border="0"></a></td>
<td>
<div style="position: absolute; width: 711px; height: 587px; z-index: 1; left: 106px; top: 113px; border-style: outset; padding-left: 4px; padding-right: 4px; padding-top: 1px; padding-bottom: 1px" id="layer1">
<p class="MsoNormal"><font face="Arial" style="font-size: 11pt">
<span style="font-family: Arial">Dear (First Name),</span></font></p>
<p class="MsoNormal"><font face="Arial" style="font-size: 11pt">
<span style="font-family: Arial"> </span></font></p>
<p class="MsoNormal"><font face="Arial" style="font-size: 11pt">
<span style="font-family: Arial">Welcome to Boot Barn!</span></font></p>
<p class="MsoNormal"><font face="Arial" style="font-size: 11pt">
<span style="font-family: Arial"> </span></font></p>
<p class="MsoNormal">
<span style="font-family: Arial"><font face="Arial" style="font-size: 11pt">
We are excited to include you into our
fast-growing e-mail program –and as a thank you for signing up with us,
please enjoy a special <b>15% </b>off
your next order.</font></span></p>
<p class="MsoNormal"><font face="Arial" style="font-size: 11pt">
<span style="font-family: Arial">Just use code: <b>
<span style="FONT-WEIGHT: bold">welcome</span></b> at checkout to redeem
the offer. <u><a href="http://www.bootbarn.com/">Shop now</a></u></span></font></p>
<p class="MsoNormal"><font face="Arial" style="font-size: 11pt">
<span style="font-family: Arial"> </span></font></p>
<p class="MsoNormal"><font face="Arial" style="font-size: 11pt">
<span style="font-family: Arial">You can expect to receive special and
sometimes exclusive offers in future e-mail newsletters, along with product
updates related to our many brands.</span></font></p>
<p class="MsoNormal"> </p>
<p class="MsoNormal">
<font face="Arial" color="black" style="font-size: 11pt">
<span style="color: black; font-family: Arial">Boot Barn is a place you can
trust. We’re proud to offer one of the world's largest boot
<span class="grame">selections for</span> over 30 years!<b><span style="FONT-WEIGHT: bold"> </span></b>
</span></font><font face="Arial" style="font-size: 11pt"><span style="font-family: Arial">
We started in <span class="grame">California in 1978 and we've been global
for many years. </span>We are backed by over <u>
<a href="http://www.bootbarn.com/indexflatfile/store_locator.html">80 retail
store locations</a></u> in states ranging from California to Arizona,
Nevada, New Mexico, Wyoming and.Montana.<span class="grame"></span></span></font></p>
<p class="MsoNormal"> </p>
<p class="MsoNormal"><span class="grame">
<font face="Arial" color="black" style="font-size: 11pt">
<span style="color: black; font-family: Arial">We carry the best boots in
the business. Many of the brands we carry have a rich heritage and legacy
of designing and manufacturing footwear for several decades! We strive to
offer the best selection of top quality leather footwear in the styles you
are looking for, and we are known for </span></font>
<font face="Arial" style="font-size: 11pt"><span style="font-family: Arial">providing our
customers with great quality service<U2:P></U2:P></span></font></span><font face="Arial" style="font-size: 11pt"><span style="font-family: Arial">
Over the years, we've expanded our product assortment to include men's,
women's and youth clothing and a wide assortment of accessories.</span></font></p>
<p class="MsoNormal"></p>
<p class="MsoNormal">
<font face="Arial" color="black" style="font-size: 11pt">
<span style="color: black; font-family: Arial">And, while many websites wait
for the one big blow-out sale to offer you value prices, we offer them
everyday! Check our
<a title="http://www.bootbarn.com/indexflatfile/about.html#lowprice" style="color: blue; text-decoration: underline" href="http://www.bootbarn.com/indexflatfile/about.html#lowprice">
low price guarantee</a>. </span></font><font face="Arial" style="font-size: 11pt"><span style="font-family: Arial">And,
to be clear, we have a no nonsense privacy policy that NEVER shares, rents
or <span class="grame">sells</span> your personal information and email
addresses to outside third parties.<U3:P></U3:P></span></font></p>
<p class="MsoNormal"><font face="Arial" style="font-size: 11pt">
<span style="font-family: Arial"> </span></font></p>
<p class="MsoNormal"><font face="Arial" style="font-size: 11pt">
<span style="font-family: Arial">So, thanks for your interest and we look
forward to serving your needs,</span></font></p>
<p class="MsoNormal"><font face="Arial" style="font-size: 11pt">
<span style="font-family: Arial"> </span></font></p>
<p class="MsoNormal"><font face="Arial" style="font-size: 11pt">
<span style="font-family: Arial">Sincerely,</span></font></p>
<p class="MsoNormal"><font face="Arial" style="font-size: 11pt">
<span style="font-family: Arial"> </span></font></p>
<p class="MsoNormal"><font face="Arial" style="font-size: 11pt">
<span style="font-family: Arial"> The Boot Barn Team</span></font></div>
<a href="http://www.bootbarn.com/multiview/apparel/clothing">
<img src="http://bootbarn.ws/newsletter/Blue%20Hornet/Welcome%20Letter/images/welcome_11.jpg" width="106" height="41" alt="" border="0"></a></td>
</tr>
</table>
</div>
<!-- End ImageReady Slices -->
</body>
</html>
Hi all, I'm trying to build a newsletter for a company. This thing has to be sent via e-mail so all the styling has to be done inline I have pretty much everything right, except for the background. I want to use a gradient that aligns to the bottom (bottom of content, not bottom of viewport) over the entire width of the screen (5px wide, repeat-x) However: when I go to the page, the gradient is in the bottom of my viewport. When I scroll down, I go below that gradient. Anybody have any idea how I can get that gradient down? (so far only IE6 behaves the right way, Safari and Firefox do not) tnx how can i put an option in my html code to subscribe to a newsletter with only two field boxes for the name and email address? I wish to then have this info sent to a default emaill address. I have a newsletter sent out via email to subscribers. IT has a table of contents with all the headings at beginning of the page. Here is my problem. I wanted the subscriber who receives the email to be able to click the heading and it takes them directly to the paragraph without all the scrolling. I did try this ( the original word doc you could do it and then i transfered it to html,but it opened the heading in the browser as a separate link. Its quite a long newsletter and as it is they scroll and scroll. Any advice? thanks. Hello to all. I have designed a newsletter in html that i am ready to email out to people. Only thing is the client wants the image to be displayed instantly with no attachments. So basically embedded into the email. Does anyone know how to do this? Reading other people's comments i am sure there is a way. If i insert the html ito the email itbecomes an attachment which i do not want? PLEASE HELP!!! Thanks Gray is there a way of removing link underline without CSS? I want to make a page on my website where someone can enter there email address and it will auto add it to my mailing list. And another place on the website where they can enter there email so unsubscribe to it. I do not have anything to start me of with this. E.g Database. Thanks your help |
|||||||