Inserting text over an image in dreamweaver cc

I am trying to insert text over an image in fluid grid layout but all i can see is the text. I have seen the previous query relating to this but it does not help. Help on this would be great.

Layers or APDivs won't work in FluidGrid Layouts. You'll need to drop the image into your container's background with CSS. Or use Photoshop to apply text directly to your graphic.
Nancy O.

Similar Messages

How do you add text to an image in dreamweaver cs3?

does anyone know how to add text to an image in dreamweaver cs3? someone help me im stuck

Hello,
pardon, your question is still formulated in too general manner, for me at least, because there are several possibilities for these things. Please take a look on Nancy O.'s templates and tutorials, for example here:
http://alt-web.com/TEMPLATES/CSS-Semi-liq-photo-sheet.shtml
http://alt-web.com/TEMPLATES/Dark-Grid-II.shtml
http://alt-web.com/DEMOS/CSS-Clickable-Table-Cells.shtml and not to forget:
http://alt-web.com/DEMOS/CSS-Sold-Out-Text-over-image.shtml
you will come away with many ideas and suggestions about adding text to an image.
Wish you a joyful "poking around"!
Hans-Günter

How can I insert text on an image via IPhoto?

I am still learning about my IMac and primary use for it was mainly for my photo images. At the moment attempting to build a new website via IWeb and as part of the site will be numerous images. However, when making up the albums, I wanted to have text on my images but alas on the face of it I cannot see how this is possible as part of the existing IPhoto software - could any member advise how it can be done?
My alternative at the moment is to use Adobe Photoshop on my Windows based Laptop, insert text on the image, save and then upload to my IMac into my Album - mmmm a bit long winded to say the least! Regardless, thanks in advance.

You can learn to do this with the Preview app already on your Mac.
Open Preview. Make sure that the Annotate button appears in the Toolbar. If the button is not already there, select Customize Toolbar from Preview's View menu. Drag the Annotate button (the pencil) to your your preferred location on the Toolbar.
Open a photo in Preview, press the Annotate button and use the Annotate tools to add your text. You will find instructions on annotating files and documents in Preview Help in the Help menu.

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.

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 appreciated

I 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.

Inserting text as an image

I inserted letters and texts in as images in dreamweavers
(the font isnt downloadable anymore) and now when test it in
a browser like firefox it shows this blue border around it. How do
I get rid of it? in Safari it looks just fine.

Just do -
a img { border:none; }
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Ken Binney" <[email protected]> wrote
in message
news:g502cc$e99$[email protected]..
> Add this to your stylesheet -
>
> img
> { border-style: none;
> }
>
>
> "adevgirlihop" <[email protected]>
wrote in message
> news:g4ucim$irr$[email protected]..
>>I inserted letters and texts in as images in
dreamweavers
>> (the font isnt downloadable anymore) and now when
test it in a browser
>> like
>> firefox it shows this blue border around it. How do
I get rid of it? in
>> Safari
>> it looks just fine.
>>
>
>

Question about layering text over an image

Hi -- I am trying to place a layer of text over a ghosted image that I've imported into ID from Photoshop. By "ghosted" I mean that the image has a layer of white fill over it that has been set at 50% opacity. ID won't let text be layered on top of the imported image, no matter how many different ways I've tried to accomplish this. It will allow another image to be layered on top, but not text. If I place a text frame over the ghosted image and type even one letter, the red text overset warning icon appears.
I tried applying the text in Photoshop and that works just fine until the file gets imported into ID, at which point the text looks terrible, having become somehow degraded in transit. I am fairly new to ID and PS, and would appreciate any helpful input.
Thanks!
~Artemis

Sounds like text wrap is applied to either the image or the frame above it, or both. Eihter turn it off if you don't need it for other reasons, or for the frame you want to use on top of it open the Text Frame Options and check the Ignore Text Wrap box in the lower left corner.

Is it possible to move text inside an image in dreamweaver cs4?

Hello, on a site I'm working on, I want a consistant background logo. I already have my heading, and I just want to move the heading text into the image. Is there any way to do this?
A quick response would be great.
-Dimitri

There are a few ways to do it, without seeing a link to your page, it's hard to give you exactly what you need, but you can turn the logo into a background image of a <div> then use standard html text to write over the top of it. Something like this...
In your css, add...
#logo {
background-image:url(yourimage.jpg);
Then in your html, add...
<div id="logo>Your text here</div>

Need to insert text next to image in popup.

Hi there. I have picked up a free image wall here:
http://tympanus.net/codrops/2011/08/30/automatic-image-montage/
It works great, but now I am messing with it.
I have managed to get the images, or at least the first one, to open in a popup, great. Trouble is I want to be able to have text next to the image in the popup window. I tried <title> to see if I could do it with a tooltip, which would have been crap, but didn't work anyway. I can't think where to put the text, and how? <h1> didn't work either, it flashed up before the imagewall opened.
Here is the popup code:
<script type="text/javascript"> function newPopup2(url) { popupWindow = window.open( url,'popUpWindow','height=700,width=800,left=10,top=10,resizable=yes,scrollbars=yes,toolbar=no,menubar=no,location=no,directories=no,status=yes') } //]]> </script><a href= "JavaScript:newPopup2('images/1.jpg');"><img src="images/1.jpg"></img></a>
I think I should use a caption of some sort but lord knows how. I think I could make a second image with the text included next to it as a the popup, but this is for a dress hire shop and that would involve photoshopping the second image every time a change was made. I want the text to be editable just in a text editor.
I would also like to insert a link in the popup.
Cheers folks

The problem is that you are opening a .jpg image in the popup.
<a href="JavaScript:newPopup2('images/1.jpg');"><img src="images/1.jpg">
While that does work... all you get is an image.
A better way to do the popup window is to create a new, small HTML Web page that contains your image as well as any text or other content you want. Because it's just a regular HTML page, you can style the text and page layout (including links) with CSS, just as you would any other Web page.
so then you href would look something like this:
<a href="JavaScript:newPopup2(my_popup.html)..........
For working example:
http://www.worldbarefootcenter.com/
Scroll to very bottom of page and see multiple popups, each being a small HTML Web page simply displayed in a popup window rather than a new tab. View the source code if you need further info. I'm using a slightly different method to open the popup, but the idea is, use an HTML page rather than just an image.
Best wishes,
Adninjastrator

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);

Inserting a differently shaped image into Dreamweaver

I am new to Dreamweaver, and I am attempting to create my first website. I have a background pattern covering my site, and when I insert an elliptical image into the site, I am left with triangular white corners around the ellipse, I have been struggling and I feel that I am missing an easy fix here. How do I import my elliptical image without the white corners? The image is one that I have created in photoshop, and it is a single layered image on a 320 x 210 canvas.

The halo effect is a common problem with gif, try using a png with a transparent background.
PZ
Update: Also check the dpi of your image.
Message was edited by: pziecina

How do I place translucent text over an image in InDesign?

I have placed text on top of an image and am trying to make it look translucent. However, when I select the text box, go to Object > Effects > Transparency, select Text and reduce opacity to 70% and hit OK, it does reduce the transparency of the text but also appears to raise the brightness of the image underneath. I've also tried putting the text in a separate layer from the image but it still happens. How can I make it so that just the text changes? Thanks in advance.

Which version of InDesign are you seeing this issue in danni95?
I can't replicate the issue in InDesign CC (2014.1 Release).
However, am thinking what you are seeing is related to the display of transparency. If the InDesign document were to be converted to PDF v1.3 (Acrobat 4 compatibility) or EPS, the text will be outlined, and the text frame area will become a rasterized region.
There's a couple of things you could do to check all is OK, and things are merely a display issue.
Open up the Effects panel (Window > Effects) and ensure that the 70% opacity on Text is the only setting applied. No other Effects, Blending Modes or Opacity settings applied elsewhere?
View the document with Overprint Preview enabled (View > Overprint Preview). Do you still see the issue? If it disappears, I'd not be too concerned with the issue, as in final output things will be OK.
Thirdly you can try using the Flattener Preview panel (Window > Output > Flattener Preview), to further isolate the issue.
Regards,
Cari

How to add watermark text over an image

I add a watermark text in the corner of all my images in photoshop before putting them on the web. I use a text layer, emboss it, blur it, choose hard light and position it.
I am new to Lightroom. I am using an Intel iMac with up to date lightroom. Is there any way I can have some sort of preset in lightroom which will add this watermark to images in lightroom? I have the image saved as a separate document so technically all I would need to do is tell lightroom to apply this image to the selected photos.
Is this possible?
Regards

Alex, I do something similar to what you want to do, we use the Web module to create a flash slide show for proofs on a CD. Export all the images, sized for web use to a folder. Do a Photoshop action that adds your watermark. Re-import the finished files, go to Web module & upload. You should look into Mogrify, as it will add whatever watermark image, or text you want to, and has an "upload to an FTP server after export" function. I have not used this, as we don't upload to a studio website.

Is it possible to include text over an image from i-photo?

I wish to overlay one of my images with a caption but have no idea of what I would initially have to do with the original image to get to the stage of including text/wordart etc. Can anyone help?

You'll need an external editor for work like that.
In order of price here are some suggestions:
Seashore (free)
The Gimp (free)
Graphic Coverter ($45 approx)
Acorn ($50 approx)
Pixelmator ($50 approx)
Photoshop Elements ($75 approx)
There are many, many other options. Search on MacUpdate. You can set Photoshop (or any image editor) as an external editor in iPhoto. (Preferences -> General -> Edit Photo: Choose from the Drop Down Menu.) This way, when you double click a pic to edit in iPhoto it will open automatically in Photoshop or your Image Editor, and when you save it it's sent back to iPhoto automatically. This is the only way that edits made in another application will be displayed in iPhoto.

How do I insert text on top of an image

I've got my masthead at the top of my page, and now I want to add text - log in / join / subscribe - which will be links that change based on the user's state (ie, log in switches to log out). How do I insert this text over the image in Dreamweaver cs4?
Help much appreciated!!!
Thanks!

If you use the image as a background image on the masthead via your stylesheet, you can then place whatever you want over the top of it.
References:
http://reference.sitepoint.com/css/background-image
http://www.w3schools.com/css/pr_background-image.asp
Nadia
Adobe® Community Expert : Dreamweaver
Unique CSS Templates |Tutorials |SEO Articles
http://www.DreamweaverResources.com
Book: Ultimate CSS Reference
http://www.sitepoint.com/launch/005dfd4/3/133
http://twitter.com/nadiap

Inserting text over an image in dreamweaver cc

Similar Messages

Maybe you are looking for