Links over an Image
Good Morning!
I'm fairly new to Dreamweaver and I'm trying to cut through the fog and get a project completed.
I am working on an email blast for my company and I need several links over top of the image that I designed in Illustrator and Photoshop. (I've attached graphic)
I need the links in the purple squares.
I know how to use Image Maps and at first I used them and everything worked perfectly!
But since this is an email blast I was informed by our email marketing company that several email providers do not support Image Maps.
Is there a work around?
Thanks so much!
<a href="http:/mylink.com.au"><img src="myimage.jpg" alt="Alt Text"></a>
Gramps
Similar Messages
-
Adding a Map link over an image with a Z Index setting
I have to add a map invisible link to a spot over an image on a page. If I look in the css file it is as follows
#n141
z-index: 143;
position: relative;
width: 253px;
margin-right: -253px;
The map must go over the image that covers this area. When I add the map I do not see the link. I would think this has to do with the Z Index how can I get the map to be on the top level without changing the Z Index or can I ?
anyone
rdMurray you are the man!
http://clmajor.com/CM_Website2012workinprogress4/
the image on the bottom right of the Clarence major needs to have a hotspot on top of that so when clicked it links back to the index. I will not need it on this page but if you click thru the links you will see what I mean.
thz for looking at this for me.
RD -
Insert link over an image in XML
Hello,
I recently bought this template: http://www.templatemonster.com/flash-templates/27466.html but I have a big problem. I want to add a hyperlink over the big images which appears when you click on bedrooms for example. There are 9 small images in the right side and 1 big image on the left. I changed all the images but I want also to add hyperlinks on some big images. The action script import an xml file like:
<?xml version="1.0" encoding="iso-8859-1"?>
<root>
<pageGallery nameGallery="GALLERY 1" name="gallery1" folder="gallery" line="3" maxImages="9">
<titleImages>
<smallImages>_gallery_small_images_1.jpg</smallImages>
<bigImages>_gallery_big_images_1.jpg</bigImages>
<infoImages><![CDATA[Fusce suscipit varius mi. Cum sociis natoque penatibus et -<br>magnis dis parturient montes, nascetur ridiculus mus. Nulla dui.<br>Fusce feugiat malesuada odio. Morbi nunc odio, gravida at. ]]></infoImages>
</titleImages>
<titleImages>
<smallImages>_gallery_small_images_2.jpg</smallImages>
<bigImages>_gallery_big_images_2.jpg</bigImages>
<infoImages><![CDATA[Fusce suscipit varius mi. Cum sociis natoque penatibus et -<br>magnis dis parturient montes, nascetur ridiculus mus. Nulla dui.<br>Fusce feugiat malesuada odio. Morbi nunc odio, gravida at. ]]></infoImages>
</titleImages>
<titleImages>
<smallImages>_gallery_small_images_3.jpg</smallImages>
<bigImages>_gallery_big_images_3.jpg</bigImages>
<infoImages><![CDATA[Fusce suscipit varius mi. Cum sociis natoque penatibus et -<br>magnis dis parturient montes, nascetur ridiculus mus. Nulla dui.<br>Fusce feugiat malesuada odio. Morbi nunc odio, gravida at. ]]></infoImages>
</titleImages> ........
Please help me with the correct syntax to add hyperlink over a big image in XML. I think I have to do some changes in .fla project, but I don't know where...
Thank you !This is the as for "load big images"
onClipEvent (load) {
if (_parent._parent.numLoadTitle == undefined) {
_parent._parent.numLoadTitle = 0;
if (_root.part == undefined) {
xmlNod = _root.xmlNodes.childNodes[0].childNodes[0];
} else {
var nameGalleryTytle:Number = _root.xmlNodes.childNodes[0].childNodes[0].childNodes.length;
var i:Number = 0;
while (i<nameGalleryTytle) {
titleNameGallery = _root.xmlNodes.childNodes[0].childNodes[i].attributes.name;
if (_root.part == titleNameGallery) {
xmlNod = _root.xmlNodes.childNodes[0].childNodes[i];
i++;
AllxmlNode = xmlNod.childNodes[_parent._parent.numLoadTitle];
images = AllxmlNode.childNodes[1].firstChild.nodeValue;
titleInfo = AllxmlNode.childNodes[2].firstChild.nodeValue;
var ifFolder:String = xmlNod.attributes.folder;
if (ifFolder == undefined) {
loadMovie(_root.url+images, cont.pic);
} else if (ifFolder == "") {
loadMovie(_root.url+images, cont.pic);
} else {
loadMovie(ifFolder+"/"+_root.url+images, cont.pic);
} else {
if (_root.part == undefined) {
xmlNod = _root.xmlNodes.childNodes[0].childNodes[0];
} else {
var nameGalleryTytle:Number = _root.xmlNodes.childNodes[0].childNodes[0].childNodes.length;
var i:Number = 0;
while (i<nameGalleryTytle) {
titleNameGallery = _root.xmlNodes.childNodes[0].childNodes[i].attributes.name;
if (_root.part == titleNameGallery) {
xmlNod = _root.xmlNodes.childNodes[0].childNodes[i];
i++;
AllxmlNode = xmlNod.childNodes[_parent._parent.numLoadTitle];
images = AllxmlNode.childNodes[1].firstChild.nodeValue;
titleInfo = AllxmlNode.childNodes[2].firstChild.nodeValue;
var ifFolder:String = xmlNod.attributes.folder;
if (ifFolder == undefined) {
loadMovie(_root.url+images, cont.pic);
} else if (ifFolder == "") {
loadMovie(_root.url+images, cont.pic);
} else {
//loadMovie(ifFolder+"/"+_root.url+small[i], item["mini"+i].cont.pic);
loadMovie(ifFolder+"/"+_root.url+images, cont.pic);
***** Here is the first frame frome scene:
import mx.transitions.Tween;
import mx.transitions.easing.*;
Stage.scaleMode = "noScale";
Stage.align = "TL";
setProperty("", _quality, "BEST");
url = "tfile";
_root.linkGallery=0;
_root.titleGallery = 0;
_root.cacheKiller = "true";
import gs.dataTransfer.XMLParser;
function onFinish(success_boolean, results_obj, xml) {//This fhunction gets called as soon as the XML loads and gets parsed.
if (success_boolean) {
stop();
var parsed_obj = {};//We'll use this to hold the parsed xml object (once the XML loads and gets parsed successfully).
var unCash = new Date().getTime();
if (_root.cacheKiller == "true") {
fileToLoad = url+"_main.xml?cacheKiller="+unCash;
fileToLoad = url+"_main.xml";
} else {
fileToLoad = url+"_main.xml";
XMLParser.load(fileToLoad,onFinish,parsed_obj);
_root.emp.useHandCursor = 0;
///forplayer
_root.mus = 1;
_root.n = 1;
_root.num = 1;
*** This is the second frame :
import gs.dataTransfer.XMLParser;
function onFinish(success_boolean, gallery_obj, xml) {//This fhunction gets called as soon as the XML loads and gets parsed.
if (success_boolean) {
play();
//system settings
// frame number where readMore movieClip is situated
pagesReadMoreFrame = 4;
// frame number of the first content page
firstPageFrame = 1;
//system settings
#include "gs/dataTransfer/xmlFunctions.as"
//_root.link=_root.getMenuSystemOrder(0);
//trace(_root.link)
_root.link = 1;
_root.titleNumPage = 1;
_root.openNewGallery = true
_root.part = _root.xmlNodes.childNodes[0].childNodes[0].attributes.name
*** And here is the xmlFunctions.as:
import flash.display.*;
function loadBitmapSmoothed(url:String, target:MovieClip) {
// Create a movie clip which will contain our
// unsmoothed bitmap
var bmc:MovieClip = target.createEmptyMovieClip("bmc", target.getNextHighestDepth());
// Create a listener which will notify us when
// the bitmap loaded successfully
var listener:Object = new Object();
// Track the target
listener.tmc = target;
// If the bitmap loaded successfully we redraw the
// movie into a BitmapData object and then attach
// that BitmapData to the target movie clip with
// the smoothing flag turned on.
listener.onLoadInit = function(mc:MovieClip) {
mc._visible = false;
var bitmap:BitmapData = new BitmapData(mc._width, mc._height, true);
this.tmc.attachBitmap(bitmap, this.tmc.getNextHighestDepth(), "auto", true);
bitmap.draw(mc);
// Do it, load the bitmap now
var loader:MovieClipLoader = new MovieClipLoader();
loader.addListener(listener);
loader.loadClip(url, bmc);
var mainObj=_root.parsed_obj;
var galleryObj=_root.gallery_obj;
function textSelectable(selectedObject) {
isTextSelected=getSettingsValue(mainObj, "textSelectable", "item");
if (isTextSelected=="true") {
selectedObject.selectable=true;
function getXmlSection (obj, itemName, sectionName) {
i=0;
while (obj[itemName][i]) {
if (obj[itemName][i].name==sectionName) {
returnedResult=true;
return (i);
break;
i++;
function getSettingsValue (obj, itemName, itemType) {
sectionNum=getXmlSection(obj, "section", "settings");
k=0;
while (obj["section"][sectionNum][itemType][k]) {
if (obj["section"][sectionNum][itemType][k].name==itemName) {
return (obj.section[sectionNum][itemType][k].value);
break;
k++;
function getCopyright (textObj) {
textObj.htmlText=getSettingsValue(mainObj, "copyright", "item");
textSelectable(textObj);
function getCompanyName (textObj) {
textObj.htmlText=getSettingsValue(mainObj, "companyName", "item");
textSelectable(textObj);
function getSlogan (textObj) {
textObj.htmlText=getSettingsValue(mainObj, "slogan", "item");
textSelectable(textObj);
function getSystemValue (textObj, systemOptionName) {
textObj.htmlText=getSettingsValue(mainObj, systemOptionName, "item");
textSelectable(textObj);
function getMenuLink (textObj, linkNum) {
sectionNum=getXmlSection(mainObj, "section", "menu");
textObj.htmlText=mainObj["section"][sectionNum].link[linkNum].value;
textSelectable(textObj);
function getMenuSystemOrder (linkNum) {
sectionNum=getXmlSection(mainObj, "section", "menu");
return (mainObj["section"][sectionNum].link[linkNum].systemOrder);
function getGlobalText(textObj, textsNumber, optional:Boolean) {
sectionNum = getXmlSection(mainObj, "section", "global_text");
textObj.htmlText = mainObj["section"][sectionNum].texts[textsNumber].value;
if (optional == undefined) {
textSelectable(textObj);
} else {
// do nothing
function getGlobalImageName(imageNumber) {
sectionNum = getXmlSection(mainObj, "section", "global_img");
//currentPage = _root.link-_root.firstPageFrame;
imageParams = new Array();
imageParams['name'] = mainObj["section"][sectionNum]["image"][imageNumber]["imageUrl"];
imageParams['linkToOpen'] = mainObj["section"][sectionNum]["image"][imageNumber]["link"];
return (imageParams);
function getCurrentText(textObj, textNumber) {
sectionNum=getXmlSection(mainObj, "section", "pages");
currentPage=_root.link-_root.firstPageFrame;
textObj.htmlText=mainObj["section"][sectionNum]["page"][currentPage]["texts"][0]["pageTex t"][textNumber].value;
textSelectable(textObj);
function getMenuPreviousLink (linkNum) {
k=0;
systemOrder=getMenuSystemOrder(k);
while (systemOrder) {
if (systemOrder==linkNum) {
orderResult=k+1;
break;
k++;
systemOrder=getMenuSystemOrder(k);
return (orderResult);
function getCurrentImageName(imageNumber) {
sectionNum=getXmlSection(mainObj, "section", "pages");
currentPage=_root.link-_root.firstPageFrame;
imageParams=new Array();
imageParams['name']=mainObj["section"][sectionNum]["page"][currentPage]["image"][imageNum ber]["imageUrl"];
imageParams['linkToOpen']=mainObj["section"][sectionNum]["page"][currentPage]["image"][im ageNumber]["link"];
imageParams['target']=mainObj["section"][sectionNum]["page"][currentPage]["image"][imageN umber]["target"];
return (imageParams);
function getCurrentImageName_splash(imageNumber) {
sectionNum=getXmlSection(mainObj, "section", "settings");
imageParams=new Array();
imageParams['name']=mainObj["section"][sectionNum]["image"][imageNumber]["imageUrl"];
imageParams['linkToOpen']=mainObj["section"][sectionNum]["image"][imageNumber]["link"];
return (imageParams);
function checkLinkType (linkTextType, linkNumber) {
k=0;
typeCount=0;
finalLinkNumber=parseInt(linkNumber)+1;
currentPage=_root.link-_root.firstPageFrame;
sectionNum=getXmlSection(mainObj, "section", "pages");
linkTypeCkeck=mainObj["section"][sectionNum]["page"][currentPage]["link"][k]["linkType"];
while (linkTypeCkeck){
if (linkTypeCkeck==linkTextType) {
typeCount++;
if (typeCount==finalLinkNumber) {
return(k);
break;
k++;
linkTypeCkeck=mainObj["section"][sectionNum]["page"][currentPage]["link"][k]["linkType"];
_root.readMoreFrameType = 'readmore';
function more_click_func(number) {
tempNumber = number.split(" ");
number=tempNumber.join("");
number=number.toLowerCase();
num=_root.pagesReadMoreFrame;
currentPage=_root.link-_root.firstPageFrame;
if( isNaN(Number(number)) ) {
readMoreType = number;
} else {
readMoreType = 'readmore';
//if( (_root.link<>num || _root.readMoreFrameType!=readMoreType)) {
if (_root.animation){
//if (_root.link<>5 ){
_root["item" + getMenuPreviousLink(_root.link)].gotoAndPlay("s2");
//_root.menu2["item" + getMenuPreviousLink(_root.link)].gotoAndPlay("s2");
if (number=='privacypolicy') {
_root.readMoreFrameType = 'privacypolicy';
sectionNum=getXmlSection(mainObj, "section", "privacyPolicy");
titleNum=getXmlSection(mainObj.section[sectionNum], "item", "pageTitle");
textNum=getXmlSection(mainObj.section[sectionNum], "item", "pageText");
_root.readMoreTitle=mainObj.section[sectionNum]["item"][titleNum].value;
_root.readMoreText=mainObj.section[sectionNum]["item"][textNum].value;
} else if (number=='termsofuse') {
_root.readMoreFrameType = 'termsofuse';
sectionNum=getXmlSection(mainObj, "section", "termsOfUse");
titleNum=getXmlSection(mainObj.section[sectionNum], "item", "pageTitle");
textNum=getXmlSection(mainObj.section[sectionNum], "item", "pageText");
_root.readMoreTitle=mainObj.section[sectionNum]["item"][titleNum].value;
_root.readMoreText=mainObj.section[sectionNum]["item"][textNum].value;
} else {
_root.readMoreFrameType = 'readmore';
sectionNum=getXmlSection(mainObj, "section", "pages");
linkCount=checkLinkType("readMoreLink", number);
i=0;
linkTitleNum=getXmlSection(mainObj["section"][sectionNum]["page"][currentPage]["link"][li nkCount], "item", "title");
linkTextNum=getXmlSection(mainObj["section"][sectionNum]["page"][currentPage]["link"][lin kCount], "item", "linkText");
_root.readMoreTitle=mainObj["section"][sectionNum]["page"][currentPage]["link"][linkCount ]["item"][linkTitleNum].value;
_root.readMoreText=mainObj["section"][sectionNum]["page"][currentPage]["link"][linkCount] ["item"][linkTextNum].value;
_root.subMenu.subMenu.subMenu["item"+(_root.link-1)].mouseRelease = true;
_root.link = 8;
_root.linkClosePanel = false;
_root.titleNumPage = _root.pagesReadMoreFrame;
_root.content.play();
function getContactFormText(textObj, textNumber) {
sectionNum=getXmlSection(mainObj, "section", "contactForm");
textObj.htmlText=mainObj["section"][sectionNum]["texts"][0]["pageText"][textNumber].value ;
textSelectable(textObj);
function getContactFormText_only(textNumber) {
sectionNum=getXmlSection(mainObj, "section", "contactForm");
return htmlText=mainObj["section"][sectionNum]["texts"][0]["pageText"][textNumber].value;
function getContactFormParams() {
sectionNum=getXmlSection(mainObj, "section", "contactForm");
ContactFormParams=new Array();
servNum=getXmlSection(mainObj["section"][sectionNum], "item", "serverOption");
recNum=getXmlSection(mainObj["section"][sectionNum], "item", "recipient");
ContactFormParams['rec']=mainObj["section"][sectionNum]["item"][recNum].value;
ContactFormParams['serv']=mainObj["section"][sectionNum]["item"][servNum].value
return (ContactFormParams);
// gallery functions
function getGallerySystemProperty(propName) {
sectionNum=getXmlSection(galleryObj, "section", "systemOptions");
propNum=getXmlSection(galleryObj["section"][sectionNum], "option", propName);
return (galleryObj["section"][sectionNum]["option"][propNum].value);
function getGallerySettings(propName) {
sectionNum=getXmlSection(galleryObj, "section", "settings");
propNum=getXmlSection(galleryObj["section"][sectionNum], "option", propName);
return (galleryObj["section"][sectionNum]["option"][propNum].value);
function getGalleryImage(imageNum, categoryNum) {
sectionNum=getXmlSection(galleryObj, "section", "imagesData");
imageParams=new Array();
image=galleryObj["section"][sectionNum]["category"][categoryNum]["image"][imageNum];
nameNum=getXmlSection(image, "item", "imageUrl");
commentNum=getXmlSection(image, "item", "imageComment");
imageParams['name']=image['item'][nameNum].value;
imageParams['comment']=image['item'][commentNum].value;
return (imageParams);
function getCurrentGalleryName(categoryNum) {
sectionNum=getXmlSection(galleryObj, "section", "imagesData");
return (galleryObj["section"][sectionNum]["category"][categoryNum].name); -
Help with positioning text links over image
I'm creating a five page site with a different background
color for each horizontal nav bar. I created a solid color graphic
(780 x 30) and inserted it into my div. I now want to place my text
links over the graphic but I can't seem to do it. It keeps
appearing underneath. Someone recommended using a table and I'm
wondering if this would be easier.
Thanks!You have to use the image as a background image in your
'navcontainer' <div>
#navcontainer {
background-image: url(images/nav_services.gif);
background-repeat: no-repeat;
If you actually insert the image into the page, as you have
done, it
WILL push the text links down because its ABOVE them on the
page.
Ruby7829 wrote:
> I'm creating a five page site with a different
background color for each
> horizontal nav bar. I created a solid color graphic (780
x 30) and inserted it
> into my div. I now want to place my text links over the
graphic but I can't
> seem to do it. It keeps appearing underneath. Someone
recommended using a
> table and I'm wondering if this would be easier.
>
> Thanks!
>
> <div id="navcontainer"><img
src="images/nav_services.gif" />
> <ul id="navlist">
> <li id="active"><a href="test_index.html"
id="current">Home</a></li>
> <li><a
href="test_services.html">Services</a></li>
> <li><a
href="test_faq.html">FAQ</a></li>
> <li><a
href="test_testimonials.html">Testimonials</a></li>
> <li><a
href="javascript">Contact</a></li>
> </ul>
> </div>
>
>
> #navcontainer ul
> {
> text-align: center;
> padding: 0px 0px;
> margin: 0;
> color: white;
> width: 100%;
> line-height: 18px;
> }
>
> #navcontainer ul li
> {
> display: inline;
> padding-left: 0;
> padding-right: 0;
> padding-bottom: 5px;
> /* matches link padding except for left and right */
> padding-top: 5px;
> }
>
> #navcontainer ul li a
> {
> padding-left: 10px;
> padding-right: 10px;
> padding-bottom: 5px;
> padding-top: 5px;
> color: white;
> text-decoration: none;
> }
>
> #navcontainer ul li a:hover
> {
> color: #CCCC99;
> }
> -
Adding a bookmark link to an image
I have a project in IBA that is made of images llike a coffee table book. All the text is embedded in the artwork as the image covers the entire page.
I need to have hyperlinks ( that I have created which sit over the image on certain pages) to link to another page in the document. I cannot link to text because there is none.
I would think I can also create a text box and make it invisible?
Any help in doing this right?
Rcan I just take a box of text, make it invisible or arrange it to the back of the page, then link to that?
Yes, that's what I just tried to explain - let me repeat to be clear.
try making a link pair, then moving the trigger behind an image using iBA's 'Arrange' menu
Be sure to make the text box similar in size so the target is similar. -
Illustrator CS6 crashes every time when I try to use the type tool over an image. HELP!
I've been working on several files for some package design. Every time I try to replace some text that happens to be sitting over a linked photo, illustrator freezes up and crashes. Every single time without fail, it fails.
I tried to move the same piece of text off the artboard, modify it, and move it back, but it crashed even while off the board (and not on top of an image).
What is causing this? Is there a fix?
I'm running Windows 7, up to date on all software (windows & adobe included). Using Illustrator cs6, 64bit. I'm running on a new machine as well - though I was having this issue on another computer as well.Temporarily break the link to the image by renaming, then make your edit, then change the name back when done.
Also open the image in photoshop, check over channels and paths for anything strange or unecessary, do a save as to same filename and replace, this may flush out any problem with the image. -
Flickr's Terms of Service state that if you post an image hosted on Flickr on another site you have to link back to the image page on Flickr. To do that you need to go to your image on Flickr, click on the All Sizes link above the image, select the size image you want, then Copy the HTML code from the first box of code underneath the image. Then, in the Forum's Rich Text Editor, click on the >> button/icon and select Insert Raw HTML. This will open a frame within your message where you paste the HTML code you copied from the Flickr site. Then continue on with composing your forum message and click “Post Message” to post the message to the forum system.
For Pixentral images, you will need to go to http://www.pixentral.com and upload your image following the instructions there. You do NOT have to check the box to make images public. Once your image is uploaded there copy the HTML code from the box below your image. Then, in the Forum's Rich Text Editor, click on the >> button/icon and select Insert Raw HTML. This wil open a frame within your message where you paste the HTML code you copied from the Pixentral site. Please note that there is an extra "/" character in the Pixentral URL that will prevent the image from showing up, so you need to make one change to the HTML that you copied from the Pixentral site. The beginning of the HTML code will look something like this:
<a href="http:www.pixentral.com/show.php?picture=16xx5748rt9fhd"/>
Please remove the slash that appears between the quotes and the greater than symbol so that this part of the HTML code looks like this:
<a href="http:www.pixentral.com/show.php?picture=16xx5748rt9fhd">
Then continue on with composing your forum message and click “Post Message” to post the message to the forum system.@ adobe-admin (J.C.?):
Thanks for fixing the "backslash" error. Accuracy is important, and doubly so when presented as an F.A.Q.
The sad thing is how prevalent the usage of "backslash" is when a plain old slash is meant (generally, the "forward" attribute is assumed and unneeded), and by people who should know better. It's a direct result of people knowing just barely enough about the Windows file path naming protocols, and then applying the only terminology they're familiar with incorrectly to URLs.
I went about 10 rounds—TWICE!—with a labyrinthian succession of people at the Discovery & History cable TV networks because they were saying "backslash" in voice overs whenever their commercials promoted their websites. It took some doing, but I finally got in touch with somebody who was savvy enough to recognize that it was a rookie mistake made by a clueless marketing copywriter. The voice over person just read the copy they were given, oblivious to the difference. It amazes me that it wasn't caught by somebody early in the recording/production process and rectified.
They then had it correct for about a year, until new commercials started popping up with the same error. Unfortunately, the person I had talked to previously no longer worked for the History channel and I had to go through the process of finding someone who understood all over again.
Yeah, you can call me a nitpicker with nothing better to do.
But I've earned that dang badge, and I wear it proudly! -
How to create-Form text field to simultaneously preview the text over an image
I am trying to make a web page similar to the link below…where when a customer types in the form text field, and simultaneously, the text will preview in another area of the webpage over and image. See example when you create a label @ www.customwinesource.com custom labels…http://www.customwinesource.com/index.cfm?method=storepairing.listPairing&wineryid=auto
Any help would be much appreciatedI wasn't able to (easily) find anything in the way of a textfield to type something into that you describe, but you can assign code for input textfields to detect when something changes in them and take action from that event. How you do it depends on which version of actionscript you are using.
-
Removing link highlights on images
Hi,
Does anyone know other ways for removing the defualt decoration on links?
My images are activated via Flash (using java script) and are displayed in a lightbox effect over Flash. But for some reason all the links within this lightbox are coming up blue. I can change the colour in the html, i just can't remove it completely. I can remove it on images on the same page by using border="0" in the <img> tag but i can't do this because the images im refering too are called from the server. Any suggestions would be greatly appreciated
Style sheet looks like this:
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
a:visited {
decoration: none;
a:hover {
decoration: none;
a:active {
decoration: none;
a:link {
decoration: none;A link would be handy so we can see exactly what you're dealing with.
In any case two changes are required to your CSS:
1) change the order to link-visited-hover-active
2) decoration should be text-decoration
a:link {
text-decoration: none;
a:visited {
text-decoration: none;
a:hover {
text-decoration: none;
a:active {
text-decoration: none; -
Displaying a temporary image over another image
Hello,
I am writing a program where I need to draw a filled rectangle over another image then disappear (without drawing on to it).
The Image is on a JPanel.
Obviously I can not use Graphics.drawImage because that will permantley draw the rectangle on the image.
How can I achieve what I want to do here?
Thanks
AndrewYes, Ill be more specific.
I have an image and over the image there are two words: "photos" "videos".
I want to do the following: when you scroll the mouse on top of the word "photos", the word "photos" gets underlined and you can click on it and it will have a link to another page.
Now, I normally insert an "imagen de sustitucion" which i think is a substitute image and it works perfectly. But then I cant move that image to be ON TOP of the picture i want to use as a kind of backround to these words. -
Need Help positioning a graphic over an image.
Trying to position an arched graphic over an image in the header of this site. The photoshop image provided shows the three separate components. 1. The white content is one image that houses the main header images and the other three images lower on the page. In CSS it is the #inner-content. 2. #main-content is the teal color 3. The arch image, which sits inside #arch-container. The CSS is shown here, but when it is displayed in a browser...the #inner-content sits below the arch image instead of up underneath it. I have tried many variations within the CSS and can't find the solution. Help!
@charset "utf-8";
margin: 0px;
padding: 0px;
#page-wrap {
width: 960px;
margin-right: auto;
margin-left: auto;
#page-wrap #main-content {
width: 960px;
height: 1200px;
background-color: #445d64;
float: left;
#page-wrap #main-content #inner-content {
height: 1175px;
width: 800px;
background-image: url(images/inner-container-bg.jpg);
float: left;
margin-left: 80px;
clear: both;
#page-wrap #arch-container {
width: 960px;
height: 200px;
z-index: 10;
float: left;
position: relative;
#page-wrap #arch-container #arch-img {
background-repeat: no-repeat;
float: right;
width: 960px;
position: absolute;You need to bear with me a little more, age is rapidly setting in making it harder for me to understand what you are on about.
Which code did I supply?
Or do you mean the link?
If you are referring to the link, I do not see a 170px gap from the top.
Maybe someone more from this world would like to help you.
Happy New Year! -
How do I insert a substitute image over another image? Dreamweaver CC
I want to have a picture with theres to words "photos" and "videos" (on top of this image).
And i would like that they get underlined- individually- when you scroll your mouse on top of each one.
I was planning on using a substitute image of the letters -a picture of the original word and a picture of the underlines word as a substitute- but I can't find a div that will let me insert a substitute image on top of the bigger picture.
I have tried slicing the image in photoshop so that the part of the picture with the word on top is just a square that i can use for the substitute image, but the pictures can´t be right next to each other to form the whole picture!Yes, Ill be more specific.
I have an image and over the image there are two words: "photos" "videos".
I want to do the following: when you scroll the mouse on top of the word "photos", the word "photos" gets underlined and you can click on it and it will have a link to another page.
Now, I normally insert an "imagen de sustitucion" which i think is a substitute image and it works perfectly. But then I cant move that image to be ON TOP of the picture i want to use as a kind of backround to these words. -
Can I insert an image over another image?
Hi there,
I currently have a "contact me" hotspot link set up in the header of my web page
that takes visiter to my contact page.
I would like the button area to display a slightly lighter version of the button
when it is hovered.
Is there a way to insert an image with this rollover function over another image?
Here is link to images in question.
Thanks for any help that you can offer!
RC/DGrcshell wrote:
Hi there,
I currently have a "contact me" hotspot link set up in the header of my web page
that takes visiter to my contact page.
I would like the button area to display a slightly lighter version of the button
when it is hovered.
Is there a way to insert an image with this rollover function over another image?
Here is link to images in question.
Thanks for any help that you can offer!
RC/DG
Seriously the best way to do that is using a css background image on an 'anchor' tag. When you hover over the anchor tag the background image is swapped to a lighter one.
#header a {
background-image: url(pathToYourBgImage);
backround-repeat: no-repeat;
#header a:hover: url(pathToYourBgHoverImage); -
Display text and image over Video Image in applet
Hi
I am working in JMF for a video applet.
I have a doubt ,how we can display text and image over Video Image.
Is anybody know how we can draw text over Video Image,pls sent a small code how can do it in applet?.
I can do it in a frame,but it not work in a applet !
CHTit is very much possible in a htmlb:button.
its same as how you have done it in xhtmlb:toolbarButton
working code
<%
data image type ref to cl_htmlb_image.
data: image_string type string.
create object image.
image->id = 'IEX'.
image->src = cl_bsp_mimes=>sap_icon( 'ICON_EXECUTE_OBJECT' ).
image->tooltip = 'Find the Link'.
clear image_string.
image_string = image->IF_BSP_BEE~RENDER_TO_STRING( page_context ).
%>
<htmlb:button id = "EX"
text = "<%= image_string %> Execute"
encode = "FALSE"
onClick = "EXECUTE"/>
Regards
Raja -
ADD A LINK AROUND MAIN IMAGE IN PHOTO GALLERY
Can anyone help with the code for this. I need to add a link
to each image as it appear in the spry photo gallery. Each link
would be different and set in the xml file can some one help
please. I can't figure this one out.It's usually something like:
<div spry:region="ds1" spry:repeat="ds1">
<a href="{link_dataref}"><img src="{image_dataref}"
/></a>
</div>
Maybe you are looking for
-
Error while invokinjg BPEL from Siebel CRM SBL-EAI-04007
Hi, I am getting the following error when we invoke a BPEL service from siebel CRM through its wsdl. The error message is ===================================================================================== Error invoking service 'ProcessAccountCrea
-
Which Firewire Cable to Connect Drobo S to 24" Early 2009 iMac? Thank you.
Hello Support Communities, Which Firewire cable do I need to connect a Drobo S to a 24" early 2009 iMac? Firewire 800? Firewire 400? 8 pin? 9 pin? 6 pin? Thank you.
-
Tags with empty body can't work in WLS 7.0SP5
Hi, I'm now using WLS 7.0 SP5. In my JSPs, I have the following tag with empty body: <jsp:setProperty name="xxxForm" property="style123" value="abc"/> It doesn't work. The script works if I change that into: <jsp:setProp
-
Hi, So, I've had my nano since Christmas and last week after listening to a podcast it gave me the folder with an exclamation point error message. Since that point in my life I have been trying to update my software as suggested. I ended up uninstall
-
1 month ago I changed batteries to my keyboard.yesterday appeard msg for low battery again. I try to take of the old ones but I realized that there was battery liquid dry in there. Now my keyboard is dead... Do anyone knows what to do... I need a new