27 Jun 2017

feedHTMLHelp Forums Full Feed

Table heights in Dreamweaver

Sorry in advance if I am posting in the wrong place, I am new to this.
I am working on an email signature in dreamweaver and after I added the <p style= tag to set my font size and color etc, I am unable to set the height of the table rows. They need to be shorter so that the text in the different lines are more condensed.

It is much appreciated if anyone can tell me what I am doing wrong/what I can do to fix this! Thank you.

Here is a image showing how the signature looks like right now:
IPB Image

Here is my code:

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Signature</title>
</head>

<body>
<table width="500" border="0">
<tbody>
<tr>
<td colspan="5"> <p style="font-family:Arial, Helvetica, sans-serif; color: #000000; font-size: 12px;"> Best regards, </p></td>
</tr>
<tr> </tr>
<tr>
<td colspan="5"><p style="font-family:Arial, Helvetica, sans-serif; color: #000000; font-size: 15px;">
<strong>Name Lastname</strong></p></td>
</tr>
<tr> </tr>
<tr>
<td colspan="5"><p style="font-family:Arial, Helvetica, sans-serif; color: #000000; font-size: 12px;">Title here</p> </td>
</tr>
<tr>
<td colspan="5"><img src="ai-fil/images/Signature_Linebreak.jpg"/></td>
</tr>
<tr>
<td rowspan="4"><a href="https://www.xxl.no" target="_blank"><img src="ai-fil/images/Signature_Logo.jpg"></a> </td>
<td colspan="4"><p style="font-family:Arial, Helvetica, sans-serif; color: #7A7474; font-size: 12px;">T: + 47 999 99 999 | E: email@domail.com </p></td>
</tr>
<tr>
<td colspan="4"><p style="font-family:Arial, Helvetica, sans-serif; color: #7A7474; font-size: 12px;">A: Streetname 00 | P.O.Box 353, City | NO-0614 City</p></td>
</tr>
<tr>
<td colspan="4"><p style="font-family:Arial, Helvetica, sans-serif; color: #000000; font-size: 12px;"> <a href="https://www.xxl.no" title="XXL Sport & Villmark" target="new">xxl.no</a> | <a href="https://www.xxl.se" target="new">xxl.se</a> | <a href="https://www.xxl.fi" target="new">xxl.fi</a> | <a href="https://www.xxl.dk" target="new">xxl.dk</a> | <a href="https://www.xxlsports.at" target="new">xxlsports.at</a></p></td>
</tr>
<tr>
<td><a href="https://www.facebook.com/xxlnorge" target="_blank"><img src="ai-fil/images/Signature_Facebook.jpg" </a></td>
<td><a href="https://www.instagram.com/xxlsport" target="_blank"><img src="ai-fil/images/Signature_Instagram.jpg"</a></td>
<td><a href="https://www.youtube.com/xxlallsports" target="_blank"><img src="ai-fil/images/Signature_Youtube.jpg"</a></td>
<td><a href="https://www.xxl.no/nyhetsbrev" target="_blank"><img src="ai-fil/images/Signature_Newsletter.jpg"</a></td>
</tr>
<tr>
<td colspan="5"> </td>
</tr>
</tbody>
</table>
</body>
</html>

http://forums.htmlhelp.com/index.php?act=Attach&type=post&id=2879 http://forums.htmlhelp.com/index.php?act=Attach&type=post&id=2880

27 Jun 2017 12:01pm GMT

feedCSS Beauty

30+ Best Free Sketch Plugins to Boost Your Productivity

Sketch has steadily been gaining in popularity among web designers and is fast becoming the tool of choice for creating website mockups and UI designs. It includes many features that other more traditional programs such as Photoshop do not. For example it includes support for multiple pages and artboards within the same project, the ability […]

The post 30+ Best Free Sketch Plugins to Boost Your Productivity appeared first on CSS Beauty.

27 Jun 2017 7:20am GMT

feedSmiley Cat: Christian Watson's Web Design Blog

Micro-interactions Improve the Chase Bank Online User Experience

The Chase bank website shows some thoughtful use of micro-interactions to make the user experience more delightful.

27 Jun 2017 1:08am GMT

23 Jun 2017

feedHTMLHelp Forums Full Feed

HTML Code Column width displays wrongly on Outlook email but okay on web

Hi guys,

I need assistance on my HTML code. I am preparing a marketing email (EDM) to send out to some people through email and my code looks fine under HTML Editor and on chrome browser. The column width of my table is just right. However, when I test it on Outlook, the column width of my first column is too wide and the second column becomes too narrow.

Please give me advice on how to fix this column properly. I have set the td width as below for each of my cell. (2 rows and 2 columns for my table)

<td width="300" height="40" align="center" style="border-radius: 5px; color: rgb(255, 255, 255); display: block; -webkit-border-radius: 5px; -moz-border-radius: 5px;" bgcolor="#928eb1">

Thank you.

Shirley

23 Jun 2017 8:59am GMT

22 Jun 2017

feedCSS Drive News

jQuery Full Screen Image Viewer

This script expands any image to fill the entire browser screen when clicked on, with the option to further zoom in when the user mouses over the enlarged image.

22 Jun 2017 3:32pm GMT

21 Jun 2017

feedHTMLHelp Forums Full Feed

Extra Spaces on Page - Simple Stuff...

Hello,

First time poster...

I recently purchased a template, which you can see here:
http://re.eimpactweb.com/index.html

I am converting the template to a .ASPX Master Page, which I have started here:
http://re.eimpactweb.com/default.aspx

If you toggle between the two pages, you'll notice that the search box at the top is not right justified in the .ASPX page as it should be and there is additional white space between the main menu and the first set of images. I am not sure where these formatting inconsistencies are coming from. Other than the addition of some server-side code from the .ASPX page, the code should be identical. I have looked at the pages side-by-side and not seeing where the issue might be. You can see the additional code below that is rendered on the .ASPX page, but this should not be impacting the page in this manner. Any help you can provide is GREATLY appreciated!

Thank you!

CODE

<form name="aspnetForm" method="post" action="default.aspx" id="aspnetForm">
<div>
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKMjEwNDQyMTMxM2RkVaEAr5QwVbi0guKlxt7r0AOPX9U=" />
</div>

<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['aspnetForm'];
if (!theForm) {
theForm = document.aspnetForm;
}
function __doPostBack(eventTarget, eventArgument) {
if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
theForm.__EVENTTARGET.value = eventTarget;
theForm.__EVENTARGUMENT.value = eventArgument;
theForm.submit();
}
}
//]]>
</script>


<script src="/WebResource.axd?d=sny4fDsP01Cb_XHK8gI3zQYFskK6sgF3_-7w8239vtbLCTL5FrAd4iRLp9Ms-wy8QdudAeEGiN5Us7LH6zCm00LxItI1&t=635082976903173947" type="text/javascript"></script>


<script src="/ScriptResource.axd? d=EQFuC1ZVNpabPE_hvOm3tBm4cdL0eFIDeYcgO32SG_1GFF7gcCVxwwhgAmHkN0DKBH5curoPr1ss5h
GHQwrX_6xqFuAuOShIUc1uHkBxo05fmA9MA_X0dc2pAyJQDFGoXIwnvtcG5dOj3D5ccMPrRmN_vNnrxg
yepMEJwjYf3GLEXJ9b0&t=79a3e1ff" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
if (typeof(Sys) === 'undefined') throw new Error('ASP.NET Ajax client-side framework failed to load.');
//]]>
</script>

<script src="/ScriptResource.axd?d=UYlej1zf69bPCDt3OTgVYwI5e-FOTF- zUWQABFwEehxM98YPAFl8x4XNwCyV7SUuPW4FBO6RDdWGqkKsZRLLe4_3bgnGyxqmtMLUQH8yhrDpCro
BtR0sNFryZPyl-xbS0KyevzCq5Dk2ptLdznj7mT7UX2vCO1GOoglvT4qQnRyCGbwG0&t=79a3e1ff" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
Sys.WebForms.PageRequestManager._initialize('ctl00$ScriptManager1', document.getElementById('aspnetForm'));
Sys.WebForms.PageRequestManager.getInstance()._updateControls([], [], [], 90);
//]]>
</script>

21 Jun 2017 11:36pm GMT

feedCSS Beauty

Complete Guide to the Best Free JavaScript Charting Libraries 2017

Charts and Graphs are important ways to display complex information visually, it can be hard for a person to comprehend data when it is displayed as text for example in a table or list format. By taking that information and using an appropriate graph or chart to display it, you make it a lot quicker […]

The post Complete Guide to the Best Free JavaScript Charting Libraries 2017 appeared first on CSS Beauty.

21 Jun 2017 7:29am GMT

20 Jun 2017

feedCSS Beauty

Free Geometric Shapes & Polygon Backgrounds Textures 2017

Geometric polygon backgrounds are a very popular trend right now in online design, they have been gaining popularity as web designers have chosen to start using them as backgrounds for "hero" headers, for section and banner backgrounds and they are also being used in print media for posters and brochure designs. They are simple to […]

The post Free Geometric Shapes & Polygon Backgrounds Textures 2017 appeared first on CSS Beauty.

20 Jun 2017 8:05am GMT

feedCSS Drive News

Displaying Content in Full Screen using the Fullscreen API in JavaScript

Some content just beg to be displayed full screen, such as select images or videos on your site. See how to do it easily using the Fullscreen API.

20 Jun 2017 3:12am GMT

03 Jun 2017

feedSmiley Cat: Christian Watson's Web Design Blog

11 Tips to Improve Your Ecommerce Mobile Site Search

If you run an ecommerce website or app, it's likely that 30-50% of your transactions involved your site search. That's why it's critical that your mobile site search is well optimized, both in terms of functionality and user experience. Here are 11 tips for taking your ecommerce mobile search to the next level. 1. Dedicated […]

03 Jun 2017 5:17am GMT

20 May 2017

feedCSS Drive News

LowerCase and Title Case Converter

Online tool to easily fix up a headline so it's all lowercase or capitalized on every first letter:

20 May 2017 4:16am GMT

14 Jan 2017

feedSmiley Cat: Christian Watson's Web Design Blog

My Favorite Productivity Tools of 2016

A selection of the software and web apps that I used most frequently in 2016 to improve my productivity at work and personal activities.

14 Jan 2017 5:14am GMT

22 Mar 2011

feedArticles – CSS Globe

Easy Percentage Grid System with HTML5

Web grid systems help front end coders to layout a document faster. In this article I am presenting a percentage based grid system that is included in the Easy framework's CSS.

22 Mar 2011 10:04am GMT

09 Mar 2011

feedArticles – CSS Globe

Easy Paginate jQuery plugin for pagination

This plugin allows you to browse easily through the list of items with pagination controls. It is very easy to implement and very lightweight so it might come in handy to use in your own projects.

09 Mar 2011 11:16am GMT

21 Feb 2011

feedArticles – CSS Globe

jQuery plugin Easy Image Zoom

I have been working on a little script for a client of mine, that required product image magnification. The task was to create a script that will allow users to see large details of the product while moving cursor over medium sized image. During the process I decided to create a jQuery plugin and share it with you guys!

21 Feb 2011 11:29am GMT

30 Nov 2008

feedNycGraphix BlogPhoto

Photography Blogs and Feeds

digtal Photography School - (RSS) JMG-Galleries - (RSS) Photocritic - (RSS) 365 Portraits - (RSS) Strobist - (RSS) Kwerfeldein - (RSS) Joseph Szymanski - (RSS) File Magazine - (RSS) PhotographyVoter - (RSS) Photopreneur - (RSS) The Daily Critique - (RSS) Catchy Colors Photoblog - (RSS) photodoto - (RSS) daily dose of imagery - (RSS) NYCgraphix Blog Photo - (RSS) Photoshop User TV - (RSS) DIYPhotography.net - (RSS) Earthbound Light - (RSS) Earth Shots [...]

30 Nov 2008 12:45pm GMT

20 Oct 2008

feedNycGraphix BlogPhoto

WP Plugins October 20, 2008

NextGEN Gallery (Download)NextGEN Gallery is a full integrated Image Gallery plugin for WordPress with a Flash slideshow option. d13slideshow (Download)Add animated slideshows of your featured pages and posts. Lifestream (Download)Lifestream displays your social feeds and photos much like you would see it on many of the social networking sites. WP Super Cache(Download)A very fast caching engine for WordPress [...]

20 Oct 2008 8:54am GMT

11 Oct 2008

feedNycGraphix BlogPhoto

Windows Software

Avast: Another free Anti-Virus software. Just as good [...]

11 Oct 2008 10:12pm GMT