|
HTML - For Removing The Outline Of The Image In Mailer
Hi Friends,
I am using mailer in html but i cannot remove the outline link of the image. For example i using like this:- <a style="outline:none; border:none; border-style:none;" href="http://www.google.com/"><img src="images/logo.png" /></a> how can i remove the linked image outline. i am waiting for yours reply. If do you have the solutions send me your reply this id vjn_23@yahoo.co.in Vijayan M Similar TutorialsI have a problem that is driving me crazy. I am not an expert by any means with html, but I can usually figure these things out, and this one has stumped me. For my site, I have an .png image that is an outline for what I want my advertisement to be located within. Below is the banner: location: Code: http://www.topsocomsites.com/skins/darktheme/ad-outline.png How do I use HTML to insert my javascript ad code that displays my banners to be located in the empty space of the above outline? Thanks in advance for your help! Hi Guys, I am new to this forum so forgive me if this is already been discussed, but ive searched and could find. I have put together a basic HTML mailer that seems to work on all email clients, Yahoo, Gmail, Outlook, Mac Mail, iPhone Mail but only thing is its not showing up correctly on hotmail as it is repeating the image at the bottom of the mailer. The image in the mailer is linked via URL (as this was the only way it would work in yahoo mail) and I am sending it via Outlook on the PC via Internet Explorer (send this page via email option). http://www.garnellnutrition.com/Mail...ewsletter.html Is there anyway i could place code into the html so it does not repeat the URL linked image within hotmail (but still works in yahoo). Hope this makes sense Thank you Kind Regards Bini Hi All! Im having a real problem removing image and image map outlines from my site at www.quickmarchminiatures.com In internet explorer all images have a border on click... please help.....Ive tried editing css Cheers Dan You will actually have to look at the site: http://www.avenuemall.com/ I need to know how to create the gray lines around the tables. I hope that explains it well enough. Whenever I do tables there is 2 lines outlining the table (boxing it in) or I put "0" in the border and there is none. It looks like each table is outlined by gray, I need to know how to do that. I looked at the coding, but I just got more confused. Is there are a quick easy answer for this? Thank you, ~eDee Hi Friends, I have placed my SWF file in my HTML page and i upload the file in server. That time i saw the outer line in my html file. I cannt click first time, if suppose click second time, that time only processing. So how can i solve the problem. Any required JS or other some. Vjn Hello I thought my site was good to go until I viewed it on a pc. I took a look at it in IE on a pc and noticed outlines around the graphic nav. Do I need to add a bit of code somewhere? I'm attching a screenshot and below is my url to the site. thanks! http://www.bru.us.com html: <!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" lang="en" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <title>BRU</title> <link rel="stylesheet" type="text/css" href="bru.css" /> <script type="text/javascript"> var revert = new Array(); var inames = new Array('about','contact'); // Preload if (document.images) { var flipped = new Array(); for(i=0; i< inames.length; i++) { flipped[i] = new Image(); flipped[i].src = "nav/"+inames[i]+"2.gif"; } } function over(num) { if(document.images) { revert[num] = document.images[inames[num]].src; document.images[inames[num]].src = flipped[num].src; } } function out(num) { if(document.images) document.images[inames[num]].src = revert[num]; } </script> </head> <body> <div id="header"> <img src="images/global/logo_gold.gif" /> </div> <div id="navigation"> <IMG SRC="nav/design.gif"/><br> <a href="tg_moodboard.html"class="catlink">TowerGroup</a><br> <a href="cbuy_moodboards.html"class="catlink">Click&Buy</a><br> <a href="mca_home.html"class="catlink">MCA</a><br> <a href="incretin_home.html"class="catlink">Incretin Forum</a><br> <a href="fifa.html"class="catlink">FIFA World Cup</a><br> <a href="psr.html"class="catlink">PSR</a><br> <a href="baraclude_banner.html"class="catlink">Baraclude</a><br> <a href="forest.html"class="catlink">Forest</a><br><br> <IMG SRC="nav/other.gif"/><br> <a href="divided.html"class="catlink">Divided</a><br> <a href="india_photos.html"class="catlink">Photography</a><br><br> <a href="about.html"> <img src="nav/about1.gif" name="about" onMouseOver="over(0)" onMouseOut="out(0)"> </a><br> <a href="contact.html"> <img src="nav/contact1.gif" name="contact" onMouseOver="over(1)" onMouseOut="out(1)"></a><br> </div> <div id="subnav"> <ul> <li><a href="tg_moodboard.html">Mood Boards</a></li> <li><a href="tg_direction_a.html">Home A</a></li> <li><a href="tg_direction_b.html">Home B</a></li> <li><a href="tg_sublevel.html">Sublevel</a></li> </ul> </div> <div id="portfolio"> <IMG SRC="images/towergroupmarketing/tw_moodboard.jpg"/>     </div> <div id="description"> <h1>TowerGroup / Moodboard</h1> <p> When TowerGroup came to us and talked about what they felt differentiated them from other financial institutions, one thing that stood out to me, was that they wanted to communicate that they're analysts are hands-on and accessible. To express this concept in a website, I thought mixing hand-drawn illustrations with photographs would help give the site a more personable feel. </p> </div> <!--Content--> <div style="position:absolute; top:474px; left:499px;"></div> </body> </html> css: body { font-family: sans-serif; background-color: #ffffff; font-size: 11px; margin: 0px; } #description { background: #ffffff; font-family: sans-serif; padding: 10px; line-height: 14px; margin: 0px 10px 10px 20px; } #portfolio { background: #ffffff; padding: 3px; margin: 0px 10px 10px 10px; } #header { position: absolute; top: 0px; background-color: #ffffff; margin: 20px; height: 80px; padding: 10px; } #subnav { background: #ffffff; padding: 0px; margin: 0px 0px 0px 0px; line-height: 10px; } #navigation { background: #ffffff; padding: 10px; margin: 0px 10px 10px 20px; } h1 { font-size: 16px; font-family: sans-serif; line-height: 24px; color: #000000; margin: -1px 0px 0px 0px; padding:0; } p { margin: 0px; padding: 0px; } a:link { font-family: sans-serif; font-size: 11px; color: #5b5b5b; text-decoration: none; line-height: 11px; font-family: arial, serif; } a:visited { font-family: sans-serif; color: #5b5b5b; font-size: 11px; text-decoration: none; line-height: 11px; font-family: arial, serif; } a:hover{ font-family: sans-serif; color:#C1A62E; font-size: 11px; text-decoration: none; background-color: line-height: 11px; font-family: arial, serif; } a.catlink:link { font-family: sans-serif; color: #5b5b5b; font-size: 11px; line-height: 14px; margin:0; padding:0; font-family: arial, serif; } a.catlink:visited { font-family: sans-serif; color: #5b5b5b; font-size: 11px; line-height: 14px; margin:0; padding:0; } a.catlink:hover { background-color:#C1A62E; font-family: sans-serif; color: #C1A62E; font-size: 11px; line-height: 14px; margin:0; padding:0; } .navheader1 { color: #C1A62E; font-size: 12px; line-height: 19px; margin:0; padding:0; } .navheader2 { color: #5b5b5b; font-size: 11px; line-height:17px; font-family: Georgia, "Times New Roman", Times, serif; margin: 20px 20px 30px 0px; padding:0; } a1:link { color: #5b5b5b; font-size: 11px; line-height:17px; font-family: Georgia, "Times New Roman", Times, serif; margin: 20px 20px 30px 0px; padding:0; } ul { margin: 0 0px 0 0; padding: 17px 10px 10px 2px; } li { display: inline; margin: 0 8px 0 0; padding: 0 0 0 10px; background: url(images/global/icon_asterisk.gif) no-repeat center left; } #description { position: absolute; top: 125px; left: 140px; width: 270px; } #navigation { position: absolute; top: 125px; width: 110px; } #subnav { height: 30px; position: absolute; top: 125px; margin-left: 475px; width: 3200px; } #portfolio { position: absolute; top: 160px; margin-left: 475px; width: 3400px; } How do you do an Outline that expands when u click a item? it would look something like this -Chapter 1 -Chapter 2 -Chapter 3 and then when you click on... lets say Chapter 1 it will expand into -Chapter 1 -Chapter 2 -subsection -Chapter 3 Thanks! I have a set of images on my webpage in a grid that are links to other pages. ON safari these images apear 'normal', but on firefox they have a grey outline them, it's something to do with them being links but i'm not sure how to sort it out. Any ideas? Thanks Dyfrig I have a set of images on my webpage in a grid that are links to other pages. ON safari these images apear 'normal', but on firefox they have a grey outline them, it's something to do with them being links but i'm not sure how to sort it out. Any ideas? Thanks Dyfrig Website - http://www.jakobmetzger.com/misc/sites/kindlingeffects/ CSS - http://www.jakobmetzger.com/misc/sit...stylesheet.css The CSS that is related to the rollover images in under /*-- Features Rollover Image--*/ Whenever someone clicks one of the features on that page in firefox it leaves a grey box around it. Is there a way I can remove that box or somethign I can do to hide it? I'm sure a lot of you know about the css hack for FF to show nofollow links on a page. I have a question about it. On my site I have some links with two "rel" tags, one of which is a nofollow tag. For some reason the firefox doesn't show the nofollow tag. Does anyone know anything about this? It is ok to have two rel tags? I want to know that my nofollow links are working! Hello I'm new to doing websites but recently I have come to understand that particularly Internet Explorer has lots of issues! I realized this after a design that I had evolved mainly testing between Firefox and Safari just went retarded in Internet Explorer, and now I'm not sure what to expect. Can anyone outline the main issues that set IE apart? And whether there is a way to circumvent them? Because for everything I've tried so far Firefox Safari and Omniweb all behave predictably and relatively the same. Thanks- Frustrated Fishpaws Hi Friends, I am using Dreamweaver cs3.... I am create one mailer.... i put the background image with background-repeat y, but it doesn't view the browser... how can i solve this problem........ vjn_23 I have a form on my website and am trying to email the results. All I get is an email with a text attachment... but no content. Someone please debug this. site: http://www.mycollegeninja.com/index-6.html I am using godaddy hosting and their form mailer. Here's the code for the form: HTML Code: <form id="form2" enctype="multipart/form-data" action="_gdForm/webformmailer.asp" method="post">
<div class="wrapper">
<div class="col-1">
<div class="form"><input title="name" name="name" type="text" value="name" /></div>
<div class="form"><input title="e-mail" name="e-mail" type="text" value="e-mail" /></div>
<div class="form"><input title="phone" name="phone" type="text" value="phone" /></div>
<div class="form"><input title="address" name="address" type="text" value="address" /></div>
</div>
<div class="col-2">
<div><textarea name="textarea" cols="20" rows="20">message</textarea></div>
<div class="alignright"><input type="hidden" name="form_order" value="default"/><input type="hidden" name="form_interval" value="default"/> <input type="hidden" name="form_format" value="text"/>
<a href="#" onclick="document.getElementById('form2').reset()">Clear</a> <a href="index-6a.html" onclick="document.getElementById('form2').submit()">Send</a></div>
</div>
</div>
</form>
Hi, I've been going nuts trying to remove the gap between my banner image and the navbar underneath. I know this can be done with a table, but is there another way to make them touch? Heres the code: <p align="left"><img src="/climatebanner.jpg" alt="Climate change and global warming articles" width="1017" height="150" border="0" /> <div id="navcontainer"> <div align="center"> <ul class="bannernav1" id="navlist"> <li id="active"><a href="/climatebanner.jpg" id="current">Item one</a></li> <li><a href="/climatebanner.png">Item two</a></li> <li><a href="#">Item three</a></li> <li><a href="#">Item four</a></li> <li><a href="#">Item five</a></li> </ul> </div> </div> Thanks Fred I need some help removing css from some html. The reason for this, is that the html is only going to be run through a program that doesn't understand CSS, and the entire header will need to be removed. Anyway, I need the page to look the same as it does now, just without using any CSS, and it needs to be HTML 3.2. Here's the code: HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
<meta http-equiv="content-Language" content="en-us" >
<title>osos.xml</title>
<style>
table {
border-collapse: collapse;
}
th {
border-top: 1px solid black;
border-bottom: 3px solid black;
}
</style>
</head>
<body>
<table>
<tr>
<th width="346" height="18" align="left">5. Inventory</th>
<th width="19" height="18" align="left"></th>
<th width="86" height="18" align="right">2006</th>
<th width="19" height="18" align="left"></th>
<th width="86" height="18" align="right">2005</th>
<th width="19" height="18" align="left"></th>
<th width="86" height="18" align="right">2004</th>
</tr>
<tr>
<td width="346" height="17" align="left"></td>
<td width="19" height="17" align="left"></td>
<td width="86" height="17" align="left"></td>
<td width="19" height="17" align="left"></td>
<td width="86" height="17" align="left"></td>
<td width="19" height="17" align="left"></td>
<td width="86" height="17" align="left"></td>
</tr>
<tr>
<td width="346" height="17" align="left">Office Supplies</td>
<td width="19" height="17" align="center">$</td>
<td width="86" height="17" align="right">80,915</td>
<td width="19" height="17" align="center">$</td>
<td width="86" height="17" align="right">156,757</td>
<td width="19" height="17" align="center">$</td>
<td width="86" height="17" align="right">64,732</td>
</tr>
<tr>
<td width="346" height="17" align="left">Cabinets</td>
<td width="19" height="17" align="center"></td>
<td width="86" height="17" align="right">383,115</td>
<td width="19" height="17" align="center"></td>
<td width="86" height="17" align="right">465,894</td>
<td width="19" height="17" align="center"></td>
<td width="86" height="17" align="right">306,492</td>
</tr>
<tr>
<td width="346" height="17" align="left">Computers</td>
<td width="19" height="17" align="center"></td>
<td width="86" height="17" align="right">352,703</td>
<td width="19" height="17" align="center"></td>
<td width="86" height="17" align="right">976,666</td>
<td width="19" height="17" align="center"></td>
<td width="86" height="17" align="right">282,162</td>
</tr>
<tr>
<td width="346" height="17" align="left">Communication</td>
<td width="19" height="17" align="center"></td>
<td width="86" height="17" align="right">414,458</td>
<td width="19" height="17" align="center"></td>
<td width="86" height="17" align="right">472,497</td>
<td width="19" height="17" align="center"></td>
<td width="86" height="17" align="right">331,567</td>
</tr>
<tr>
<td width="346" height="18" align="left"></td>
<th width="19" height="18" align="center">$</th>
<th width="86" height="18" align="right">1,231,191</th>
<th width="19" height="18" align="center">$</th>
<th width="86" height="18" align="right">2,071,814</th>
<th width="19" height="18" align="center">$</th>
<th width="86" height="18" align="right">984,953</th>
</tr>
</table>
</body>
</html>
Feel free to clean up any of the html. Just make sure it comes out looking like it does at the url below. http://www.linuxhardwarereview.com/inventory/index.html Is there a way to make the spaces in between each link in the navbar go away? becuase i need to put 2 more links and if i did it the way where i have no spaces in between it would work out perfectly, p.s. you can join the furms, lol. here is the site http://wiseones.50webs.org/index.html here is the navbar code Code: <ul>
<li><a href="index.html" title="Home">Home</a></li>
<li><a href="http://wiseones.jokemaster.org/" title="Spirituality Forums">Spirituality Forums</a></li>
<li><a href="spiritualityarticles.html" title="Spirituality">Spirituality</a></li>
<li><a href="religiousarticles.html" title="Religious">Religious</a></li>
<li><a href="itemsarticles.html" title="Items">Trees,Gems,Herbs,& Items</a></li>
</ul>
can someone also tell me what the ul's mean? hiii. im having this difficulty on how to remove the <br> in the textarea when its not supposed to be there. for example... originally html code in the editor: <textarea style="font-family: georgia; font-size: 12px; padding: 2; background-color: transparent;" style="overflow:auto;"> Name: Email: </textarea> then once i insert that codes in the html editor and checked the preview. the results is this within the textarea: <br>Name: <br>Email: so, how do i get rid of those <br> in the textarea? im using the uni.cc domain name with the sitebuilder, by the way. not the paid domain. Hi all, I'm having a problem with trying to get a table to have a tidy border. I want the border around one td cell to join the image in the cell above it, but because there is a border around the cell the border in the cell below isn't joining with the one above, there is a white gap between the two. This is the relevant code in the html file: <table class="core"> <tbody> <!-- menu --> <tr> <td width="200px"> <table class="menu"> <tbody> <tr> <td><img src="images\menuheading.jpg" alt="Mojo Menu" border="0"></td> </tr> <tr> <td class="menumain"> Link1<br> Link2<br> Link3<br> </td> </tr> </tbody> </table> </td> <!-- main body --> <td valign="top">Test Main</td> </tr> </tbody> </table> This is the code in the css file body { vertical-align: top; font-weight: normal; font-size: 12px; color: #000000; font-style: normal; font-family: Verdana; text-align: left; margin: 0; } table.headerfooter { background-color: #000066; vertical-align: top; text-align: left; border: #000066 0px solid; width: 100%; color: #FFFFFF; font-size: 10px; text-align: center; padding: 10px; } table.core { vertical-align: top; text-align: left; border: #000000 0px solid; background-color: #FFFFFF; width: 100%; padding: 10px; font-size: 12px; } table.menu { vertical-align: top; text-align: left; background-color: #FFFFFF; width: 100%; margin: 0px; padding: 0px; } td.menumain{ border-left: #000066 1px solid; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; border-right: #000066 1px solid; border-bottom: #000066 1px solid; margin: 0px; padding-top: 0px; } td.headerfooter-left { text-align: left; } td.headerfooter-right { font-size: 10px; text-align: right; } p.menubody{ color: #FFFFFF; padding: 4px; border-left: #000066 1px solid; border-right: #000066 1px solid; } Any help would be appreciated as I'm stumped! Hello everyone. Sorry for appearing to be another person to register with "vitally important question" and then probably never be seen again, but I think I'll be using this site to learn as much as I can about HTML. Anyway, my question is about HTML, but not for a website. It's for an iPhone widget. I don't want to advertise for any other forums or anything, but there is currently a tweak in development that allows for windows phone 7 live tiles on an iPhone. They use HTML code and as you can tell, I'm not a coder. There is a slideshow widget available that displays a random picture from a set location. I'm very new to HTML, but I have figured out quite a bit by changing a value and having a look at what it did. There is one thing that has me completely stumped though and this is what I would like to know. In the following code, it has the [Math.floor(math.random() bit. I've tried to add a 1 in the brackets, I've tried changin the random to no and false, I've tried just removing the line and I still can't get it. <html> <head> <meta name="viewport" content="width=238, user-scalable=no" /> <script> window.onload = onLoad; var array = "101|102|103|104|105|106|107|108|109|110|111|112|113|114|115|116|117|118|119|120|121|122|123|124".sp lit("|"); function onLoad(){ document.getElementById("show").src = array[Math.floor(Math.random()*array.length)] + ".png"; setTimeout(onLoad,1*200); } </script> </head> <body> <img src = "overlay.png" style = "position:absolute;top:0px;left:0px;z-index:1;"/> <img id ="show" style="position:absolute;top:-0px;left:0px;width:238px" /> </body> </html> What I want is for it to cycle through all the images in order. Any help would be greatly appreciated. THanks. |
|||||||