Email link in image?
Is it possible to insert an email link into an image? I have
an scanned in business card with an email address on it...can I
turn that into an actual email link somehow?
Thanks,
Bernie
do you want the entire image to be the link? Then in the link
part of the
Property inspector, type:
mailto:[email protected]
do you want just the part of the image that is the email
address part of the
business card to be linked? Then click on the image in the
Design window to
select it. Go to the Property Inspector, and use the
"Hotspot" tools to draw
a rectangular hotspot over that area. In the link box, type:
mailto:[email protected] {use the real email address}
in html terms, that associates a <map> tag with that
image, and when the
mouse is clicked in the area you've defined, the link you've
defined for
those coordinates is activated.
If you wanted to make text an email link:
<a href="mailto:[email protected]">email us</a>
> Is it possible to insert an email link into an image? I
have an scanned in
> business card with an email address on it...can I turn
that into an actual
> email link somehow?
Similar Messages
-
In an eMail message, when I attempt to save two photos by clicking the 'Save 2 Images' link, not the 'Save Image' link, the images are not saved. (I use I I apologize for the late notice, butOS7 on IPhone5). Is this feature broken?
Please don't post the same question multiple times!
-
Email Link... and Email Image menu items don't work.
Suddenly, about a week ago, the Email Link... and Email Image menu items stopped working. Problem seems to be on only one login on one of my three machines. The rest seem to be OK.
Using FF 19.0 and TB 17.0.3 under Windows 7.
Any ideas?Thank you. Although I had already checked the MailTo: application and found it set to "Use Thunderbird (default)", clearing that association and setting it to "Always Ask" jarred things loose. When I set it back to T-Bird, it worked again.
Again, thanks for the nudge. -
How do i send an html file exported from muse as email blast with images and live links?
My question it:
How do i send an html file exported from muse as email blast with images and live links?
I have designed a "website" in adobe muse and exported it as an html file. I am not sure how to send my .html file in an email!
Best,
NicoleUnfortunately, the answer is, you don't. The requirements for HTML displayed in an e-mail reader are very different than those for HTML displayed in a browser. The output of Muse won't work as an HTML e-mail. You could upload the Muse site as a website and provide a link to it in an e-mail, but the HTML generated by Muse is not suitable for direct display by an e-mail program.
-
Hi
Just a quick question. Never thought about this before as
normally wouldn't use an image to make an email link, but is there
a way to do this in dreamweaver without entering the html? Just
wondered, as I can't see a quick shortcut within DW.
Thanks
COn Tue, 1 May 2007 09:16:44 +0000 (UTC), "BlueEyedGirl"
<[email protected]> wrote:
>Hi
>
> Yes, thanks RamsTheDon. It's a shortcut to making an
EMAIL link that I'm
>after not Hyperlink!. DW won't let me select the picture
and "add emaillink"
>in the way you can with text. I just wondered if it could
be done without
>using HTML.
>
> Thanks though
>
> Regards
>
> C
just type in mailto: in the link instead of http into the
link box
i.e.
mailto:[email protected]
~Malcolm N....
~ -
TS3276 i am unable to open web pages from email links on my ipad
I am unable to open web pages from email links on my ipad
A few more details might help, if nobody else recognizes this.
What happens when you try to open the links?
Can you post an example of a link that doesn't work?
Is there any particular source for the mail with the (bad) links, or is mail from all sources failing?
If you happen to know it, what's the format of the mail message? (Maybe the message is an image?)
Do the embedded links work as expected from an OS X system running Mail.app, or some system and some other other mail client?
To view the link in iOS: if you press on and hold your finger on an embedded link in most contexts, iOS will show a pop-up with the link contents, and will offer to copy it. You can use that to acquire and post the link. If pressing and holding on the link doesn't offer the pop-up, the format of the link itself may not be valid, or it might not really be a link. -
Neither email image nor email link are working.
Make sure that you have set a default e-mail program (application)
*https://support.mozilla.org/kb/Changing+the+e-mail+program+used+by+Firefox -
Email link incorrect on live website. this is new, Help!
My website has been working fine until I updated it and touched up the layout. I never changed the link for my email but since my latest upload my email link opens up an email addressed to "[email protected]" WHAT? Should be "[email protected]". My website is garisonweiland.com.
iWeb does things like this sometime. It's temperamental.
Oh, I do not use AppleMe or what ever. I'm with Blue Host and I upload with Fetch. And I have been using, with few problems, iWeb 1.1.2.
Thanks in advance.
GaryI figured it out. I just had to erase the image and link and create a new one.
-
So I called tech support and asked them this question
The first question was how do i add text to a image i have already placed on my page.
Answer: Export the image to a pic editor. LIke photoshop.
Ok fair enough
Then my next question was:
How do i get e link or email link on the text in the photo?
Once i have my image and text the way i want it, its saved as a image and i cant edit the text.
So my question is really two questions i guess.
How do i get text on a image in dreamweaver. If a editor is needed, then how do i set a link up to another page?
ThanksUse the smallest image size necessary for the task. Small image slices or tiles make good backgrounds on web pages. You can set background images in your site's CSS to tile or repeat vertically, horizontally, both or none. So a little image can go a long way. It can fill an entire screen, table or a CSS division.
A common mistake among new web designers is trying to "fit" content precisely over a large, background image or photograph. This seldom works as planned because building for the web is nothing like designing for print. Owing to different browsers, user settings, text and display sizes which you cannot control, the web is an inherently flexible medium. You cannot place web content precisely over a big background image and expect it to stick. The only reliable way to retain precision is to place text on an image using your graphics editor, then flatten image and text layers and save for web as jpg, gif or png.
More on Background images -
http://alt-web.com/Backgrounds.shtml
Image Maps with clickable areas or hotspots -
http://www.w3schools.com/TAGS/tag_map.asp
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.com/blogspot.com -
I need an email link ( I'm using Dreamweaver CS5) when I use the
Email Link on the right insert panel in Dreamweaver, it changes to the
same as my navigational links. I need the email link to look different
than my navigational links. I have a jpeg image, which includes a
background and text, the text being my email address. At this point I
will just type my email address. I will need coding and/or java script
codes to convert the information to an email address link.
What is Property Inspector does this have anything to do with
email links, if so where is it and how do I use it?
Need answers as soon as possible.
ThanksSnakEyezO2
The email info was perfect.
One more question regarding Dreamweaver CS5?
I have created a table and in the table is text and PayPal buttons. The table is
in an AP Div.
Under the table, I have another AP Div and in it is animation.
Another AP Div, in it credit card logos.
The problem: Under the table is too much space and then the AP Div.
How do I narrow the space between the table and the div tag under the table?
It looks good in "Design View" in Dreamweaver, but on the internet it looks
terrible - the large space under the table and then the AP Div.
Also, when I close Dreamweaver and reopen, the AP Div tags are overlapping in
the table, each time I open the page
I have to move the Divs out of the table.
The animation is not the problem, because I deleted the animation and there's
still a large gap.
WHAT the heck is wrong?
I've worked on this problem for hours and it's still looks awful.
Can you S-T-O-P the Table/Div Nightmares!
Thanks, Judy Long -
Web links, email links, button links
I have several different links through out my site. I want them to look differently but it keeps inheriting the styles of my button link. How can I make them appear different. For instance, I don't want my email link to have a background behind it when you hoover. I just want it to change colors. What am I doing wrong. Can anyone help?
HTML
<p>According to the American Society of Civil Engineers (ASCE) the nations bridges are getting a little better – last graded as a “C” (2009) in 2013 they are graded as a “C+”. The ASCE not only has the National Report Card on infrastructure available <a href="http://www.infrastructurereportcard.org/" title="ASCE National Report Card" target="new" class="weblink">(see the 2013 report Card here),</a> they have State and Local reports available as well. <a href="http://www.asce.org/Infrastructure/Report-Card/State-and-Local-Report-Cards/" title="ASCE’s State and Local Report Cards." target="new" class="weblink">ASCE’s State and Local Report Cards.</a></p>
<p>Read the entire Case Study by clicking on the RESOURCES tab and selecting Pavemend Case Studies. Send us a photo and a brief report of your Pavemend repair and get a Pavemend Cap by “Mossy Oak.” <strong><a href="mailto:[email protected]" class="emaillink">[email protected]</a></strong>
</p>
CSS
a.weblink:link, a.weblink:visited, a.weblink:active {
/* This will handle all the states of the link other than when it is hovered over */
/* put your style rules in this area */
color: #0033CC; /* or any other color */
text-decoration: underline;
a.weblink:hover {
/* This makes the link Text Hover Color controlable */
color:#999; /* or whatever color you want that is different from the color that you set for the other statuses */
a.emaillink:link, a.emaillink:visited, a.emaillink:active {
/* This will handle all the states of the link other than when it is hovered over */
/* put your style rules in this area */
color: #0033CC; /* or any other color */
text-decoration: underline;
background-color: none;
a.emaillink:hover {
/* This makes the link Text Hover Color controlable */
color: #999; /* or whatever color you want that is different from the color that you set for the other statuses */
background-color: none;
a:link {
color: #FFFFFF;
text-decoration: none;
font-size: 100%;
padding: 5px;
a:visited {
color: #FFFFFF;
text-decoration: underline;
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
text-decoration: none;
background-color: #03C;
color: #FFF;
height: 120%;
alignment-baseline: text-after-edge;
/* [disabled]font-size: smaller; */
text-align: left;
background-size: 0%;Not sure what I'm doing wrong. Still not getting it right. Now my footer is wrong also:
CSS
@charset "UTF-8";
/* BEGIN HORIZONTAL DROP-MENU */
.clear-fix:before,
.clear-fix:after {
content: " ";
display: table;
.clear-fix:after {
clear: both;
.clear-fix {
*zoom: 1;
.sidebarleft img.MgTp {
margin-top: 185px;
#menu {
clear: none;
position: static;
width: 100%;
padding-top: px;
padding-right: px;
padding-left: px;
padding-bottom: px;
background-image: url(_images/topnavpanel.png);
color: #FFFFFF;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: px;
background-repeat: no-repeat;
float: none;
text-align: center;
#menu ul {
margin: 0;
padding: 0;
text-align: left;
#menu li {
list-style: none;
float: left;
text-align: center;
font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
color: #000000;
/**top level menu**/
#menu li a {
display: inline-block;
text-decoration: none;
/* adjust width as needed or use auto */
width: 13em;
padding: 8px;
font-weight: bold;
line-height: 12px;
color: #000;
border-top-style: none;
font-size: 90%;
margin-bottom: 0;
margin-left: 2%;
margin-right: 2%;
margin-top: 0;
border-bottom-style: none;
text-align: center;
/**top menu style on mouse over**/
#menu li:hover > a {
color: #FFF;
width: 13em;
text-align: center;
/**sub-menu**/
#menu li ul {
display: none;
text-align: center;
padding: 0;
margin-bottom: 0;
margin-left: 40px;
margin-right: 0;
margin-top: 0;
border-bottom-style: none;
/**sub-menu, help for older IE**/
#menu li:hover ul, #menu li.hover ul {
display: block;
position: absolute;
z-index: 1000;
padding: 0;
text-align: left;
#menu li:hover li, #menu li.hover li {
float: none;
background-color: #E1D5BB;
text-align: left;
/**drop-menu style**/
#menu li:hover li a, nav li.hover li a {
width: 14em; /* adjust width as needed or use auto */
margin-top: 0;
/**drop-menu style on mouse over**/
#menu li li a:hover {
color: #FFF;
background-color: #03C;
position: relative;
text-align: left;
/* Clear floated elements at the end*/
#menu:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
/**END HORIZONTAL DROP-MENUS STYLES**/
#pavemendlogo {
background-image: url(_images/PAVEMEND_LOGO_WHITE.png);
background-repeat: no-repeat;
height: 78px;
width: 196px;
margin-left: 23px;
margin-top: -130px;
/**END HORIZONTAL DROP-MENUS STYLES**/
#pavemendlogoresourcepage {
background-image: url(_images/PAVEMEND_LOGO_WHITE.png);
background-repeat: no-repeat;
height: 78px;
width: 196px;
margin-left: 23px;
margin-top: -160px;
/**END HORIZONTAL DROP-MENUS STYLES**/
#slqlogo {
background-image: url(_images/PMND_SLQ_logo_White.png);
background-repeat: no-repeat;
height: 92px;
width: 225px;
margin-left: 23px;
margin-top: -170px;
margin-bottom: 35px;
#fifteenlogo {
background-image: url(_images/PMND15Whitesingle.png);
background-repeat: no-repeat;
height: 98px;
width: 225px;
margin-left: 23px;
margin-top: -170px;
margin-bottom: 29px;
z-index: 1000;
#trlogo {
background-image: url(_images/PMND_TRlogoWhite.png);
background-repeat: no-repeat;
height: 115px;
width: 225px;
margin-left: 23px;
margin-top: -185px;
margin-bottom: 26px;
z-index: 1000;
#vrlogo {
background-image: url(_images/PMND_VRlogoWhite.png);
background-repeat: no-repeat;
height: 134px;
width: 225px;
margin-left: 23px;
margin-top: -195px;
margin-bottom: 18px;
z-index: 1000;
#dotlinelogo {
background-image: url(_images/Dotline_White-Red.png);
background-repeat: no-repeat;
height: 91px;
width: 225px;
margin-left: 23px;
margin-top: -170px;
margin-bottom: 35px;
#sllogo {
background-image: url(_images/SLwhitelogo.png);
background-repeat: no-repeat;
height: 92px;
width: 225px;
margin-left: 23px;
margin-top: -170px;
margin-bottom: 35px;
#ialogo {
background-image: url(_images/InstantAsphalttopLogo.png);
background-repeat: no-repeat;
height: 102px;
width: 225px;
margin-left: 23px;
margin-top: -170px;
margin-bottom: 25px;
#kemroklogo {
background-image: url(_images/KEMROK_LOGOWhiteType.png);
background-repeat: no-repeat;
height: 52px;
width: 225px;
margin-left: 23px;
margin-top: -150px;
margin-bottom: 53px;
#kemrokvrlogo {
background-image: url(_images/KEMROK_LOGO_VR.png);
background-repeat: no-repeat;
height: 46px;
width: 230px;
margin-left: 23px;
margin-top: -150px;
margin-bottom: 59px;
#fireroklogo {
background-image: url(_images/Firerok_logo_White.png);
background-repeat: no-repeat;
height: 81px;
width: 225px;
margin-left: 23px;
margin-top: -155px;
margin-bottom: 30px;
#awlogo {
background-image: url(_images/PMNDAWlogowhite1.png);
background-repeat: no-repeat;
height: 70px;
width: 225px;
margin-left: 23px;
margin-top: -155px;
margin-bottom: 40px;
#aslogo {
background-image: url(_images/PMNDASlogowhite1.png);
background-repeat: no-repeat;
height: 64px;
width: 225px;
margin-left: 23px;
margin-top: -155px;
margin-bottom: 47px;
#prochoicetype {
background-image: url(_images/pro_choice_concrete_type.png);
background-repeat: no-repeat;
height: 27px;
width: 550px;
margin-left: 220px;
margin-top: -40px;
bottom: px;
margin-bottom: 66px;
#resourcestype {
background-image: url(_images/ResourcesType.png);
background-repeat: no-repeat;
height: 25px;
width: 148px;
margin-left: 220px;
margin-top: -60px;
bottom: px;
margin-bottom: 73px;
#Contacttype {
background-image: url(_images/PurchaseType.png);
background-repeat: no-repeat;
height: 25px;
width: 151px;
margin-left: 220px;
margin-top: -60px;
bottom: px;
margin-bottom: 73px;
#Contesttype {
background-image: url(_images/ContestType.png);
background-repeat: no-repeat;
height: 54px;
width: 478px;
margin-left: 220px;
margin-top: -75px;
bottom: px;
margin-bottom: 59px;
#sustainabilitytype {
background-image: url(_images/SustainabilityType.png);
background-repeat: no-repeat;
height: 25px;
width: 179px;
margin-left: 220px;
margin-top: -60px;
bottom: px;
margin-bottom: 73px;
#techsupporttype {
background-image: url(_images/TechSupportType.png);
background-repeat: no-repeat;
height: 25px;
width: 761px;
margin-left: 220px;
margin-top: -60px;
bottom: px;
margin-bottom: 73px;
body {
background-color: #666;
color: #000;
text-align: center;
background-image: url(_images/roadblurred.png);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
padding-top: 60px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
line-height: 1.4;
.formtext {
font-size: 100%;
text-align: left;
.bodyfootnote {
font-size: 70%;
margin-left: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
.red {
font-size: 70%;
color: #F00;
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
padding: 0;
margin: 0;
text-transform: capitalize;
text-decoration: none;
list-style: none;
text-align: left;
h1, h2, h3, h4, h5, h6, p {
/* [disabled]margin-top: 0; */ /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
padding-right: 15px;
padding-left: 23px;
line-height: 25px;
h4 {
padding-left: 0px;
color: #F40633;
line-height: 0px;
font-size: 100%;
h5 {
padding-left: 23px;
color: #F40633;
line-height: 0px;
font-size: 120%;
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
border: none;
margin-left: 0px;
position: ;
top: 155px;
-webkit-box-shadow: 0px 0px 0px 0px;
box-shadow: 0px 0px 0px 0px;
left: 9px;
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
color: #FFFFFF;
text-decoration: none;
font-size: 100%;
padding: 5px;
a:visited {
color: #FFFFFF;
text-decoration: underline;
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
text-decoration: none;
background-color: #03C;
color: #FFF;
height: 120%;
alignment-baseline: text-after-edge;
/* [disabled]font-size: smaller; */
text-align: left;
background-size: 0%;
a.weblink:link, a.weblink:visited, a.weblink:active {
/* This will handle all the states of the link other than when it is hovered over */
/* put your style rules in this area */
background-color: none;
color: #0033CC; /* or any other color */
text-decoration: underline;
a.weblink:hover {
/* This makes the link Text Hover Color controlable */
background-color: none;
color:#999; /* or whatever color you want that is different from the color that you set for the other statuses */
a.emaillink:link, a.emaillink:visited, a.emaillink:active {
/* This will handle all the states of the link other than when it is hovered over */
/* put your style rules in this area */
background-color: none;
color: #0033CC; /* or any other color */
text-decoration: underline;
a.emaillink:hover {
/* This makes the link Text Hover Color controlable */
background-color: none;
color: #999; /* or whatever color you want that is different from the color that you set for the other statuses */
/* ~~this fixed width container surrounds the other divs~~ */
.container {
width: 960px;
background-color: #FFF; /* the auto value on the sides, coupled with the width, centers the layout */
background-image: url(_images/Bridge4WebScreened.png);
background-repeat: no-repeat;
margin-bottom: 0;
margin-left: 0px;
margin-right: 0px;
margin-top: 0;
text-align: left;
position: static;
.containerTS {
width: 960px;
background-color: #FFF;
margin: 0 0px; /* the auto value on the sides, coupled with the width, centers the layout */
background-image: url(_images/US_Map.png);
background-repeat: no-repeat;
text-align: left;
/* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
.header {
background-color: #000;
background-image: url(_images/BannerBlured960.png);
height: 229px;
background-repeat: no-repeat;
width: 960px;
background-size: contain;
.headerSL {
background-color: #000;
background-image: url(_images/PMND_SL_Header.png);
height: 229px;
background-repeat: no-repeat;
width: 960px;
.headerPurchase {
background-color: #000;
background-image: url(_images/contact_us_pavemend_header.png);
height: 229px;
background-repeat: no-repeat;
width: 960px;
.headerSLQ {
background-color: #000;
background-image: url(_images/PMND_SLQ_Header.png);
height: 229px;
background-repeat: no-repeat;
width: 960px;
.headerDOTline {
background-color: #000;
background-image: url(_images/DOTLINEHeader.png);
height: 229px;
background-repeat: no-repeat;
width: 960px;
.header15 {
background-color: #000;
background-image: url(_images/PMND15Header.png);
height: 229px;
background-repeat: no-repeat;
width: 960px;
.headerTR {
background-color: #000;
background-image: url(_images/PMND_TRHeader.png);
height: 229px;
background-repeat: no-repeat;
width: 960px;
.headerAW {
background-color: #000;
background-image: url(_images/anti_wear_pavemend_header.png);
height: 229px;
background-repeat: no-repeat;
width: 960px;
.headerAS {
background-color: #000;
background-image: url(_images/anti_scale_pavemend_header.png);
height: 229px;
background-repeat: no-repeat;
width: 960px;
.headerVR {
background-color: #000;
background-image: url(_images/PMND_VRHeader.png);
height: 229px;
background-repeat: no-repeat;
width: 960px;
.headerIA {
background-color: #000;
background-image: url(_images/Instant_asphalt_packaged_Header.png);
height: 229px;
background-repeat: no-repeat;
width: 960px;
.headerKemrok {
background-color: #000;
background-image: url(_images/KEMROKpackagedHeader.png);
height: 229px;
background-repeat: no-repeat;
width: 960px;
.headerKemrokVR {
background-color: #000;
background-image: url(_images/KEMROK_VRpackagedHeader.png);
height: 229px;
background-repeat: no-repeat;
width: 960px;
.headerFirerok {
background-color: #000;
background-image: url(_images/FIREROKpackagedHeader.png);
height: 229px;
background-repeat: no-repeat;
width: 960px;
.headerAntiWear {
background-color: #000;
background-image: url(_images/anti_wear_pavemend_header.png);
height: 229px;
background-repeat: no-repeat;
width: 960px;
.headerTechSupport {
background-color: #000;
background-image: url(_images/FEBlurred.png);
height: 229px;
background-repeat: no-repeat;
width: 960px;
.headerResources {
background-color: #000;
background-image: url(_images/ResourceBanner.png);
height: 229px;
background-repeat: no-repeat;
width: 960px;
.headerContact {
background-color: #000;
background-image: url(_images/contact_us_pavemend_header.png);
height: 229px;
background-repeat: no-repeat;
width: 960px;
.headerSustainability {
background-color: #000;
background-image: url(_images/Sustainability_topheader.png);
height: 229px;
background-repeat: no-repeat;
width: 960px;
.header h1 {
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 20pt;
font-style: normal;
font-weight: bolder;
color: #FFF;
padding-top: 150px;
padding-left: 30px;
/* ~~ These are the columns for the layout. ~~
1) Padding is only placed on the top and/or bottom of the divs. The elements within these divs have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.
2) No margin has been given to the columns since they are all floated. If you must add margin, avoid placing it on the side you're floating toward (for example: a right margin on a div set to float right). Many times, padding can be used instead. For divs where this rule must be broken, you should add a "display:inline" declaration to the div's rule to tame a bug where some versions of Internet Explorer double the margin.
3) Since classes can be used multiple times in a document (and an element can also have multiple classes applied), the columns have been assigned class names instead of IDs. For example, two sidebar divs could be stacked if necessary. These can very easily be changed to IDs if that's your preference, as long as you'll only be using them once per document.
4) If you prefer your nav on the left instead of the right, simply float these columns the opposite direction (all left instead of all right) and they'll render in reverse order. There's no need to move the divs around in the HTML source.
.sidebar1 {
float: right;
width: 180px;
margin-left: 0px;
margin-right: 30px;
clear: none;
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 100%;
font-style: italic;
background-image: url(_images/Testimonialb.gif);
background-repeat: no-repeat;
height: 456px;
text-decoration: none;
z-index: 1000;
.sidebarPurchase {
float: right;
width: 210px;
margin-left: 0px;
margin-right: 0px;
clear: none;
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 100%;
font-style: italic;
background-image: url(_images/purchaseSB.png);
background-repeat: no-repeat;
height: 460px;
margin-top: 0px;
text-decoration: none;
background-color: #217CC0;
background-position: 10px 10px;
.sidebarPurchasePhoto {
width: 190px;
margin-left: 10px;
margin-right: 20px;
clear: none;
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 100%;
font-style: italic;
background-image: url(_images/purchaseSB.png);
background-repeat: no-repeat;
height: 127px;
margin-top: 320px;
text-decoration: none;
/* [disabled]background-color: #217CC0; */
background-position: 10px 10px;
text-align: center;
.ipadsidebar {
float: right;
width: 200px;
margin-left: 0px;
margin-right: -20px;
clear: none;
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 100%;
font-style: italic;
background-image: url(_images/iPadSidebar.png);
background-repeat: no-repeat;
height: 460px;
margin-top: 0px;
text-decoration: none;
background-position: 0px 0px;
text-align: right;
.sidebarleft {
float: left;
width: 200px;
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 85%;
font-style: oblique;
height: 180px;
text-decoration: none;
padding-top: 8px;
padding-left: 10px;
margin-right: 5px;
margin-bottom: px;
background-color: #217CC0;
vertical-align: bottom;
line-height: 120%;
font-weight: bold;
border-bottom-style: groove;
border-bottom-width: 10px;
margin-top: 0px;
text-align: left;
.sidebarleftnonav {
float: left;
width: 200px;
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 85%;
font-style: oblique;
height: 180px;
text-decoration: none;
padding-top: 8px;
padding-left: 10px;
margin-right: 5px;
margin-bottom: px;
/* [disabled]background-color: #217CC0; */
vertical-align: bottom;
line-height: 120%;
font-weight: bold;
border-bottom-style: none;
border-bottom-width: 10px;
margin-top: 0px;
text-align: left;
.sidebarleftresources {
float: left;
width: 200px;
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 83%;
font-style: oblique;
height: 490px;
text-decoration: none;
padding-top: 8px;
padding-left: px;
margin-right: 5px;
margin-bottom: px;
background-color: #217CC0;
vertical-align: bottom;
line-height: 120%;
font-weight: bold;
border-bottom-style: groove;
border-bottom-width: 10px;
margin-top: 0px;
text-align: left;
.sidebargreen {
float: left;
width: 195px;
height: 410px;
text-decoration: none;
padding-top: 20px;
margin-right: 5px;
background-color: #8CC63F;
border-bottom-style: groove;
border-bottom-width: 10px;
margin-top: -4px;
padding-left: 10px;
.nav2 {
font-family: bebas-neue;
font-style: normal;
font-weight: 400;
color: #FFF;
text-align: left;
.content {
width: 730px;
float: left;
background-image: none;
background-repeat: no-repeat;
background-position: left;
font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
padding: 10px 0;
text-align: left;
font-size: 100%;
margin-left: px;
.contactform {
width: 680px;
background-image: none;
background-repeat: no-repeat;
background-position: left;
font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
padding: 10px 0;
text-align: left;
font-size: 90%;
margin-left: 23px;
z-index: 1000;
.contestcontactform {
width: 680px;
background-image: none;
background-repeat: no-repeat;
background-position: left;
font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
padding-top: 0px;
padding-right: 0;
padding-left: 0;
padding-bottom: 10px;
text-align: left;
font-size: 90%;
margin-left: 23px;
z-index: 1000;
margin-top: 100px;
/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol {
padding: 0 15px 15px 40px;
text-decoration: none;
/* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
ul.nav {
list-style: none; /* this removes the list marker */
border-top: 1px solid #666; /* this creates the top border for the links - all others are placed using a bottom border on the LI */
margin-bottom: 15px; /* this creates the space between the navigation on the content below */
text-decoration: none;
ul.nav li {
border-bottom: 1px solid #666;
text-align: left;
ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
padding: 5px 5px 5px 15px;
display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
width: 160px; /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
text-decoration: none;
background-color: #C6D580;
text-align: left;
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
background-color: #DFEBF3;
color: #FFF;
text-decoration: none;
text-align: left;
/* ~~ The footer ~~ */
.footer {
padding: 10px 0;
position: relative;/* this gives IE6 hasLayout to properly clear */
clear: both;
background-color: #000000;
height: 150px;
/* ~~ miscellaneous float/clear classes ~~ */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: left;
margin-left: 760px;
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
float: left;
margin-right: 8px;
margin-left: 23px;
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
.productlogos {
margin-left: 23px;
margin-top: 20px;
float: none;
.Bold {
font-weight: bold;
.left {
text-align: left;
.inherent {
font-style: inherit;
sup {
position: relative;
top: -1ex;
vertical-align:baseline;
font-size: 75%;
.footer p {
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 80%;
color: #FFF;
margin-top: 20px;
margin-bottom: 20px;
margin-right: 30px;
#wrapper {
width:970px; /**adjust as needed**/
margin:0 auto; /**centers page on screen**/
.fltrtpostcard { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: left;
margin-left: 720px;
top: 0px;
margin-top: -200px;
margin-bottom: 20px;
margin-right: 0px;
height: auto;
.flt_rgt {
float: right;
margin-top: 15px;
margin-right: 30px;
background-image: ;
background-repeat: no-repeat;
.flt_pftrgt {
float: right;
margin-top: -50px;
margin-right: 0px;
background-image: ;
background-repeat: no-repeat;
.flt_rgtbtmlogo {
float: right;
margin-top: 20px;
margin-right: 30px;
background-image: ;
background-repeat: no-repeat;
.flt_rgt2 {
float: right;
margin-top: px;
margin-right: 30px;
background-image: ;
background-repeat: no-repeat;
top: -50px;
right: -20px;
padding-top: 0px;
padding-right: 50px;
.title {
/* [disabled]margin-right: 30px; */
margin-top: 0px;
margin-left: 23px;
background-image: ;
background-repeat: no-repeat;
/* [disabled]margin-left: 20px; */
top: 30px;
/* [disabled]margin-top: 30px; */
left: 30px;
.flt_products {
float: right;
margin-right: 30px;
background-image: ;
background-repeat: no-repeat;
margin-left: 500px;
margin-top: -70px;
.flt_productsb {
float: left;
margin-right: 30px;
background-image: ;
background-repeat: no-repeat;
margin-left: 500px;
margin-top: -80px;
visibility: inherit;
.flt_productslq {
float: left;
margin-right: 30px;
background-image: ;
background-repeat: no-repeat;
margin-left: 350px;
margin-top: -125px;
.flt_producttr {
float: left;
margin-right: 30px;
background-image: ;
background-repeat: no-repeat;
margin-left: 375px;
margin-top: -125px;
.flt_productvr {
float: left;
margin-right: 30px;
background-image: ;
background-repeat: no-repeat;
margin-left: 475px;
margin-top: -105px;
.flt_productia {
float: left;
margin-right: 30px;
background-image: ;
background-repeat: no-repeat;
margin-left: 420px;
margin-top: -125px;
.flt_productkemrok {
float: left;
margin-right: 30px;
background-image: ;
background-repeat: no-repeat;
margin-left: 485px;
margin-top: -180px;
.flt_productkemrokvr {
float: left;
margin-right: 30px;
background-image: ;
background-repeat: no-repeat;
margin-left: 590px;
margin-top: -170px;
.flt_productfirerok {
float: left;
margin-right: 30px;
background-image: ;
background-repeat: no-repeat;
margin-left: 485px;
margin-top: -170px;
.flt_productaw {
float: left;
margin-right: 30px;
background-image: ;
background-repeat: no-repeat;
margin-left: 430px;
margin-top: -170px;
.flt_product15 {
float: left;
margin-right: 30px;
background-image: ;
background-repeat: no-repeat;
margin-left: 280px;
margin-top: -125px;
.flt_productdotline {
float: left;
margin-right: 30px;
background-image: ;
background-repeat: no-repeat;
margin-left: 280px;
margin-top: -155px;
.flt_productsl {
float: left;
margin-right: 30px;
background-image: ;
background-repeat: no-repeat;
margin-left: 370px;
margin-top: -170px;
.container section nav {
background-image: url(_images/topnavpanel.png);
background-repeat: no-repeat;
height: 30px;
width: 960px;
padding-top: 3px;
nav ul {
list-style: none; /* this creates the space between the navigation on the content below */
font-size: 90%;
border-top-width: 0px;
border-top-style: solid;
/* [disabled]border-top-color: #666; */
position: absolute;
line-height: 120%;
text-align: left;
nav ul li {
text-decoration: none;
color: #FFF;
nav ul a:link , nav ul a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
padding: 5px 5px 5px 15px;
display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
width: 160px; /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
text-decoration: none;
text-align: left;
color: #FFF;
nav ul a:hover, nav ul a:active, nav ul a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
color: #FFF;
text-decoration: none;
nav ul a:hover, nav ul a:active, nav ul a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
color: #FFF;
text-decoration: none;
height: 120%;
width: auto;
margin-left:;
.orange {
color: #FAA634;
.white {
color: #FFFFFF;
.red {
color: #F00;
.red1 {
color: #F00;
.toppanel {
background-image: url(_images/topnavpanel.png);
background-repeat: no-repeat;
height: 30px;
width: 960px;
.white {
.CeraTechLogo {
background-image: url(_images/CTI_logo_white.png);
background-repeat: no-repeat;
width: 200px;
height: 60px;
#resources {
background-image: url(_images/ResourcesType.png);
background-repeat: no-repeat;
height: 25px;
width: 521px;
margin-left: 200px;
margin-top: -40px;
.pavemendlogo {
margin-left: 23px;
margin-top: -130px;
/* [disabled]margin-top: -40px; */
.footer_img {
margin-top: -20px;
margin-left: -10px;
.footer_img2 {
margin-top: -40px;
text-align: right;
float: left;
margin-right: 35px;
margin-left: 200px;
footer aside {
width: 25%;
float: left;
text-align: left;
min-height: 50px;
margin-left: 23px;
line-height: 120%;
font-size: 80%;
margin-top: 20px;
.aside2 {
float: none;
margin-left: 100px;
width: 29%;
margin-top: 35px;
.aside3 {
float: none;
margin-left: 400px;
width: 29%;
line-height: 120%;
margin-top: -43px;
.sidebarleft img {
margin-left: -10px;
.sidebarleft icon {
margin-top: 0px;
margin-left: -10px;
.sidebarleft nav ul li a img {
margin-top: 0px;
.content section p a {
color: #000000;
font-size: 100%;
/**sub-menu, help for older IE**/
.content section p a:hover ul {
display: block;
position: ;
z-index:1000;
padding: 0;
.content section p a:hover li, .content section p a li.hover li {
float: none;
background-color: #E1D5BB;
/**drop-menu style**/
.content section p a:hover li a, nav li.hover li a {
width: 14em; /* adjust width as needed or use auto */
margin-top: 0;
/**drop-menu style on mouse over**/
.content section p a:hover {
position: relative;
background-color: none;
background-image: ;
background-image: ;
height: 120%;
width: 120%;
overflow-y: hidden;
overflow-x: hidden;
visibility: visible;
font-weight: bold;
color: rgba(255,255,255,1.00);
/* Clear floated elements at the end*/
.content section p a:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
#firstname {
width: 330px;
margin-top: 0px;
#lastname {
width:330px;
#streetaddress {
width:684px;
#city {
width:330px;
#zip {
width:260px;
#company {
width:684px;
#phone {
width:330px;
#email {
width:330px;
#outsidetheus {
width:330px;
HTML
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<!-- TemplateBeginEditable name="doctitle" -->
<title>Permanent Concrete and Asphalt Repair Home Page</title>
<meta name="description" content="CeraTech's Pavemend family of high performance concrete repair products have become the choice of professionals across the country for their rapid return to service, versatility, ease of use, and superior durability.">
<!-- TemplateEndEditable -->
<link href="../pavmend_styles.css" rel="stylesheet" type="text/css">
<style type="text/css">
a:link {color:blue}
a:visited {color:black}
a:hover,
a:active,
a:focus {background:blue; color:white}
.weblink a:link {color:blue}
.weblink a:visited {color:yellow}
.weblink a:hover,
.weblink a:active,
.weblink a:focus {background:none; color:red}
.email a:link {color:green}
.email a:visited {color:silver}
.email a:hover,
.email a:active,
.email a:focus {background:none; color:navy}
</style>
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
</head>
<body>
<div id="wrapper">
<div class="container">
<!-- TemplateBeginEditable name="Header" -->
<div class="header"></div>
<div id="pavemendlogo"></div>
<div id="prochoicetype"></div>
<!-- TemplateEndEditable --><!-- TemplateBeginEditable name="TopPanel" -->
<nav>
<ul id="menu">
<li><a href="../pavemend_home_page.html">OUR PRODUCTS ▼</a>
<ul>
<li><a href="../slq_product_page.html">SLQ<sup>®</sup> - Very Rapid Repair Mortar</a></li>
<li><a href="../sl_product_page.html">SL<sup>®</sup> - Semi-Leveling Rapid Repair Concrete</a></li>
<li><a href="../dotline_product_page.html">DOTLine™ - Pre-Extended Rapid Repair Concrete</a></li>
<li><a href="../15.0_product_page.html">Pavemend 15.0<sup>®</sup> - Self Leveling Rapid Repair Mortar</a></li>
<li><a href="../TR_product_page.html">Pavemend TR<sup>®</sup> - Semi-Leveling Rapid Repair Mortar</a></li>
<li><a href="../VR_product_page.html">Pavemend VR<sup>®</sup> - Vertical & Overhead Rapid Repair Mortar</a></li>
<li><a href="../IA_product_page.html">Instant Asphalt™ - Permanent Asphalt Repair Material</a></li>
<li><a href="../kemrok_product_page.html">KEMROK™ - Chemical Resistant Repair Concrete</a></li>
<li><a href="../kemrokVR_product_page.html">KEMROK VR™ - Vertical & Overhead Chemical Resistant Repair Mortar</a></li>
<li><a href="../firerok_product_page.html">FIREROK™ - High Temperature Repair Concrete</a></li>
<li><a href="../antiwear_product_page.html">Anti-Wear™ - Reactive, Concrete Surface Hardener</a></li>
<li><a href="../antiscale_product_page.html">Anti-Scale™ - Reactive, Concrete Surface Hardener</a></li>
</ul>
</li>
<li><a href="../resources_page.html">RESOURCES</a></li>
<li><a href="../technical_support.html">TECHNICAL SUPPORT</a></li>
<li><a href="../contact_page.html">CONTACT US</a></li>
</ul>
</nav>
<!-- TemplateEndEditable -->
</section>
<!-- TemplateBeginEditable name="Sidebar" -->
<div class="sidebar1">
<!-- end .sidebar1 -->
</div>
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="Content" -->
<div class="content">
<p>
<section>
<p> </p>
<img src="../_images/homeheader.png" alt="" width="650" height="31" class="fltlft"/>
</section>
</p>
<p> </p>
</section>
<p> </p>
<section><p><strong>Pavemend</strong><sup>®</sup> concrete and asphalt repair products are quickly becoming the preferred repair materials for Turnpike, State DOT bridge crews and discriminating engineers who recognize the value of durable, permanent concrete and asphalt repairs. Contractors and maintenance personnel save time, reduce repair costs, and minimize exposure to traffic and traffic disruptions.</p>
<h3>Concrete & Asphalt repair applications include:</h3>
<table width="700" align="left" >
<tr>
<td valign="top" nowrap style="padding-left: 15px;">Full & Partial Depth Bridge Deck Repairs </td>
<td valign="top" nowrap style="padding-left: 15px;">Dowel Bar Retrofits</td>
<td valign="top" nowrap style="padding-left: 15px;">Industrial Concrete Repair</td>
</tr>
<tr>
<td valign="top" nowrap style="padding-left: 15px;">Bridge Header Joints</td>
<td valign="top" nowrap style="padding-left: 15px;">Cold Weather Repairs</td>
<td valign="top" nowrap style="padding-left: 15px;">Concrete Exposed to High Heat </td>
</tr>
<tr>
<td valign="top" nowrap style="padding-left: 15px;">Bridge Approach Slabs</td>
<td valign="top" nowrap style="padding-left: 15px;">Runway Repairs</td>
<td valign="top" nowrap style="padding-left: 15px;">Concrete Exposed to Chemicals</td>
</tr>
<tr>
<td valign="top" nowrap style="padding-left: 15px;">Form & Pour Repairs</td>
<td valign="top" nowrap style="padding-left: 15px;">Utility Trenches</td>
<td valign="top" nowrap style="padding-left: 15px;">Concrete Exposed to Wastewater</td>
</tr>
<tr>
<td valign="top" nowrap style="padding-left: 15px;">Joint Nosings</td>
<td valign="top" nowrap style="padding-left: 15px;">Post Grooving Treatments</td>
<td valign="top" nowrap style="padding-left: 15px; padding-bottom: 30px;">Manhole Rehabilitation</td>
</tr>
</table>
<h3>Sustainable Concrete and Asphalt Repair Technology</h3>
<p>Featuring technology developed in the USA, Pavemend products require only the addition of water, no bonding agents or curing compounds. Pavemend concrete and asphalt products are easier to use, offer greater durability provide, superior return on investment, and are by the far the most sustainable repair products available today.</p>
</section>
<p> </p>
<!-- end .content --></div>
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="Footer Logo" -->
<footer>
<img src="../_images/productfamily.png" alt="" width="250" height="80" class="flt_products"/>
<div class="footer"><img src="../_images/Done_Smart_White_Logo.png" alt="done_smart_white" width="150" height="17" class="flt_rgt" />
<aside><strong><em style="color: #FFF; font-size: 90%;">Manufactured by</em></strong><br><br>
<img src="../_images/CTI_logo_white.png" alt="" width="200" height="47" class="footer_img"/></aside>
<aside class="aside2"><a href="#../twitter.com/Pavemend"><strong><em>Twitter</em></strong> <img src="../_images/twitter-bird-dark-bgs.png" width="20" height="17" alt=""/></a></aside>
<aside class="aside3"><strong><em style="color: #FFF"><a href="../sustainability_page.html">Planet Friendly Technology</a></em></strong><br>
<a href="../sustainability_page.html"><img src="../_images/PFTLogo.png" alt="Planet Friendly Technology" width="75" height="73" class="footer_img2" title="Planet Friendly Technology"/></a></aside>
</footer>
<!-- end .footer --></div>
<!-- end .container --></div>
<!-- TemplateEndEditable -->
</body>
</html>
I feel like I'm making a mess of it. -
Email link causing layout issues
i am trying to add a email link to one of the images in my
page layout. the problem is when i add the "mailto:" link to it i
get a blue border around the image which is messing up the layout.
any ideas would be great.Hello,
You just need to add some CSS:
a img {border:none;}
That will get rid of the default blue image-link border.
If you have no CSS Stylesheet or any embedded CSS in your
page, and you're
not sure where to add this, here's how:
In code view, change this:
</head>
to this:
<style type="text/css">
<!--
a img {border: none;}
-->
</style>
</head>
Take care,
Tim
You're seeing the blue border IE puts around image links.
"reflexred" <[email protected]> wrote in
message
news:fmc4cq$etl$[email protected]..
>i am trying to add a email link to one of the images in
my page layout. the
> problem is when i add the "mailto:" link to it i get a
blue border around
> the
> image which is messing up the layout. any ideas would be
great.
> -
Dynamic Link MIME images into Excel Bex
We have images in the MIME repository for the different materials that we sell. We have a requirement to link these images into queries/workbooks so that a user can see a picture of the material they are looking at in the report. It was relatively simple to do this using WAD, but we would like to also do this using the excel front end. Does anyone have any ideas on if/how to insert MIME objects into a workbook or query at query runtime using the Excel frontend?
do u have an answer to this i have a similar req. Let me know and also if u know how to do in WAD pls pass on ths stes greatly appreciated send me an Email to [email protected]
-
How do you email a raw Image in lightroom?
I know this maybe a stupid question but I can not figure out how to email a picture in raw instead of Jpeg....I want them in raw and lightroom keeps putting the emails pictures in jpeg, how do i fix this?
thanksI think LittlePaleFace hit on the most poignant issue:
You'll be lucky to successfully email one raw image (some email services limit attachment to 10MB, some 20MB, ...), and 2+ is out of the question.
So really, it's easy enough to email an image - as suggested here, but I would limit to one per message, and consider that what's really needed is a way to upload & send link to raws.
UPDATE: I just tested 'YouSendIt'. The free service only allows attachment of one file, so what I do is:
* Export originals (or if you know where they are in your source tree, then you don't have to export them, just make sure xmp is fresh).
* Zip
* Attach Zip to email
* Send using MS Outlook with 'YouSendIt' plugin that auto-detects large attachments and uploads them...
Note: You can send 100MB that way for free (persists on server for up to 7 days) - call it a dozen zipped raws.
ref: http://www.yousendit.com (very similar to winzip' sending service) - it's what most people use to send raws to Eric Chan of Adobe.
If you want to send more MB, it's cheaper to simply purchase your own web space, and upload via ftp, than to purchase a dedicated big-email service, albeit (maybe) a tad less convenient. Not sure about the cloud - maybe it has even better and more convenient options(?)
Rob -
Can you 'link' an image state icon, across a folio.....?
Here's a thought for you all.....Can you 'link' an image state icon, across a folio.....
for example a "blinking" 'tap me' 2 state icon, that if you alter, it alters across the whole folio via links??
Object styles?For each icon that you want to use in your email signature:
locate icon on internet webpage - right-click on the icon and select 'Save Image as'. Save the icon to your computer in a suitable file.
Then in Thunderbird
insert > Image
choose file - locate the saved icon on your computer
click on Link tab and enter the www etc webpage link info
click on OK to insert image with link.
Codewise, where you have the actual icon you would need something stating where the icon is located:
eg
<a href="https://www.facebook.com/pages/Ubiquia/146019678805381" target="_blank">
path to image saved on computer included in within <> </a>
Maybe you are looking for
-
How to use data in a ResultSet when only one record in set?
Hi. Using a prepared statement which invokes a SELECT * from <table> where <primary key> = <unique value>. This is executed and the results sent to a resultSet. The only problem is that only one entry is in the resultSet. I want to parse the results
-
Where can I find a download for Acrobat Pro 9 not X?
My company recently purchased CS5 for my use after going over the 30 day trial period. Since I already had the software downloaded on my computer, I was only required to enter in the serial number. For some reason Acrobat was not downloaded as a part
-
Differences between Oracle 10g Enterprise and Standare editions
Can someone please direct me to a link where I can find the differences between Enterprise and standard editions? Thanks in advance.
-
Dear Gurus is it possible to create a PR wrf to a PO? if yes , please let me know configuration setings where i need to configure, rgds
-
Im re-familiarizing myself with Java and have decided to crack at the Knights Tour puzzle. Now my code already finds one path (if possible) for every starting path, or returns nothing if it hits a dead end. However id like to expand it to find all pa