How do I get rid of jagged, pixelated halo around type in Dreamweaver?

Dear Dreamweaver Forum,
I am studying the essential series of video tutorials on Dreamweaver CS3 via Lynda.com.
I am also currently, slowly but surely, putting together a website to function as a resume, cover letter and portfolio all in one.
I am currently in the middle of creating headings and images that will function as rollover buttons.
I currently have a problem with a jagged or pixilated halo appearing around type I'm creating in Illustrator CS3 and placing into Dreamweaver CS3.
The process I’m using so far is the following:
In Dreamweaver CS3, I’m using div tags. I will place a div tag on a page. I will then move it to the desired location on the page and size it to my needs.
I then take .gif file of type I created in Illustrator CS3 and drag it from the files panel and to the web page I’m working on. When I do this, I notice a halo around the type (please see inserted image below).
How do I get rid of this jagged or pixilated halo?
I created the type in Illustrator CS3 and then go File > Save for Web and Devices. In the 4-up dialog box that appears, I then save the type as a .gif file.
Please see images below:
Thanks for your help! 

How do I get rid of this jagged or pixilated halo?
Don't use transparency! GIF and 8bit PNG only allow one transparent color, resulting in frizzled edges with antialiased content. If you know the type goes on a black background, save it with a black background....
Mylenium

Similar Messages

  • How do I get rid of jagged edges in Photoshop?

    Can someone tell me how to get rid of jagged edges in Photoshop?  I've tried using the refine tool and checking the anti-aliasing/smooth option, but neither appears to work. Here is the problem.  I use Photoshop to create the images for heat transfers that I press on to T Shirts. In transparent mode, I cannot see the edges, nor can I see them once the transfer has been printed, but when I press the image on to a T-shirt the edges are extremely jagged.  Also, when I add a solid blue background in Photoshop, I can see the edges.  I am using the TW Cen MT Condensed Extra Bold font (140.13 pt). 
    Additional Questions:
    Are there fonts that inherently behave this way when stretched?
    Are there fonts that hold up more consistently when stretched?
    Will rasterizing the image resolve this problem, or at least give me a higher quality image when stretched?
    Is there a way of using inches instead of points for font size and if so, where do I change it?
    Is there anyone out there who uses Photoshop to create text and images for T-Shirts? If you have the answer to any of my questions, please respond ASAP.  It is extremely important that I be able to get consistent results clean, smooth images that transfer well onto fabric. I am attaching my text image on transparent background, as wells as a solid blue background.  You may have to zoom in on the gold and black image to see the jagged edges on the fabric.

    You have AA set to None in the Options bar is my guess.  Use whatever option looks best, but never use None.

  • How do I get rid of faint white boxes around images?

    Some files that I have printed have faint white boxes around images.  The images were saved in photoshop with transparent backgrounds that seem to be showing up faintly in the final printed image.  Does anyone know how I can get rid of this problem?

    signspec,
    What happens if you print from Illy?
    Your printer (driver) may be overly helpful and performs a bit of colour management all by itself. You may have a look and disable any such management in the printer (driver) options.

  • How do I get rid of the "hasFocus" border around my Accordion?

    I have heavily customized the design of my Accordion so that
    there are no borders or background colors in it. My purpose is to
    make a list of checkboxes that each have a child list of checkboxes
    (inside each AccordionPanelContent) that only appear when you check
    the parent checkbox.
    So borders are unsightly for me. But how do I get rid of that
    border which appears around the whole Accordion as soon as I click
    on anything inside it? It seems that only checking one of the
    "child" checkboxes in the AccordionPanelContent will remove the
    focus/border from around the whole Accordion. I would rather the
    border never appear at all, however.

    The dotted border is the focus ring the browser places around
    the Accordion when it has keyboard focus. You can either hide it by
    adding:
    .Accordion {
    outline: none
    to your stylesheet, or if you don't want keyboard navigation,
    just remove the tabindex off of the div that has the "Accordion"
    class on it.
    --== Kin ==--

  • When writing HTML/CSS, how do I get ride of the unwanted border around rollovers?

    This only happens when I view my website with the Firefox browser. It doesn't show in Safari etc...
    I have a series of buttons using javascript rollover effect. Why is there an obnoxious border around them. How can I get rid of the border. Through CSS? HTML?
    thank you

    Try posting at the Web Development / Standards Evangelism forum at MozillaZine. The helpers over there are more knowledgeable about web page development issues with Firefox. <br />
    http://forums.mozillazine.org/viewforum.php?f=25 <br />
    You'll need to register and login to be able to post in that forum.

  • How do i get rid of a blue border around an image

    Hey guys,
    I have an image on my page that i am using as a link but it has a blue border around it. How do i get rid of this border

    Add "a img { border: none; }" (without the quotes) to your stylesheet.

  • How can I get rid of "Jagged Edges" in FCP from .psd/.tif/.tga text files?

    Hi guys,
    I posted this once before but don't know if anyone looked at it or not.
    I am getting "Jagged Edges" in .psd/ .jpg/ .tif/ .tga text files
    when I edit them in FCP5.1.4.
    What is going wrong?
    It is getting very frustrating for me at this point.
    Can someone help me out please?
    Thanks,
    Zia

    The usual questions...
    Have the clips you're looking at been "fully" rendered?
    Are you looking at the computer monitor or an external broadcast monitor?
    You can't judge what you've got unless you look at FCP output on a broadcast monitor.
    rh

  • How can I get rid of "Jagged Edges" on the text in .jpg/.psd file in FCP?

    Hi guys,
    I am running FCP5.1 and I have a still image (.jpg) of a consumer product with the name of the product and the description on it.
    When I view it in the viewer or canvas, I see jagged edges around the name, description and the product.
    Even when I use the FCP text tool, I still see it.
    I even see jagged edges when I import a .psd file (photoshop doument) with text on it into FCP.
    It is getting very frustrating for me at this point.
    Can someone help me out please?
    Thanks,
    Zia

    No need to double-post... most questions are answered pretty quickly...

  • How do I get rid of random pixels that appear?

    How do I eliminate random pixels?

    Are they dead or stuck pixels?
    Have you tried the standard fixes:
    - Reset. Nothing will be lost.
    Reset iPod touch:  Hold down the On/Off button and the Home button at the same time for at
    least ten seconds, until the Apple logo appears.
    - Restore from backup
    - Restore to factory defaults/new iPod.

  • How can I get rid of green pixelation on a re-exported video?

    I recently finished a film that ended on the 18-minute mark. When the film was done, I deleted everything except the finished video file to save space. I had to use this finished video file to cut a 15-minute version of the film for a festival next weekend. I submitted the cut-down version, but it will only be played on the grounds that I can submit a version without the green pixelation that seems to have been caused upon importing the finished video file. Is this a known problem? What can I do to fix this? Here are the technical specifications.
    EDITING
    Adobe Premiere Pro CS4
    CAMERA
    JVC Everio GZ-HD10
    PROJECT SETTINGS
    AVCHD 1080i25 (50i) Anamorphic
    DIMENSIONS OF EXPORTED VIDEO
    1920 x 1080
    FORMAT OF EXPORTED VIDEO
    .MPG (MPEG2)
    FPS
    25
    Thanks.

    I deleted everything except the finished video file to save space
    Oh, dude...

  • How can I get rid of "Jagged Edges" on the text in FCP?

    Hi guys,
    I am running FCP5.1 and I have a still image (.jpg) of a consumer product with the name of the product and the description on it.
    When I view it in the viewer or canvas, I see jagged edges around the name, description and the product.
    Even when I use the FCP text tool, I still see it.
    Can someone help me out please?
    Thanks,
    Zia

    what is the resolution of the image? highlight the jpg on the timeline and press option(apple)+9... this will bring up the item properties window... about half way down on the Format page you will see Frame Size... what is it?
    J

  • How do I get rid of the faint line around my layers?

    How do I remove the faint box/line that appears around a layer that has been placed on top of a background? 

    Hello! it is the bounding box around objects that are dragged in a Cocoa application: see this discussion to see if it matches your issue: http://feedback.photoshop.com/photoshop_family/topics/why_is_there_a_gray_box_around_objec ts_when_i_drag_them_around_in_the_document_window_in_photoshop_cs5
    If that is the case, you need to download and install the following plug-in: DisableDragBoundingBox.plugin that you will find in the following package: http://download.adobe.com/pub/adobe/photoshop/mac/13.x/Optional_Extensions_Plug_Ins_Releas e.dmg
    (double-click to mount the DMG file on your machine, there is a text file with simple instructions to follow)

  • How Do I get rid of a blue box around my picture "links"

    Hi,
    I had troubles finding out how to make a menu bar, so I went: insert>image objects> Image Placeholder, I uploaded a button I made at a website.. the image works fine, but somehow I have a blue bar around the image... How do i solve this? Also, how do you insert an interactive image (a button that links to another page on my website?
    Thanks,
    Chris

    In your CSS add:
    a img {
        border: none;
    and the blue box will go away.
    Did you read that post yet?  The purple is just the default color for a visited link, but that code in your CSS will remove all borders from the images with links.

  • How do I get rid of the Blue line around an image that is a link that only happens after a click?

    This is not the standard link problem. I have already put in: a img { border : none; }
    That took care of not having a blue border around the image all the time.
    My problem is that when I actually click on the image, it flashes with a red outline then turns bright blue and stays there untill I click off the image. Then it turns normal.
    I have gone through the CSS and put (border: none) on everything I can think of. These images are in the sidebar, stacked vertically. Each is a link to a page and they are all doing the same thing.
    I hope someone can help me solve this problem.
    Thanks, Alice

    Try:
    a {
       outline: 0;

  • Help! How do I get rid of this annoying outline around text after exporting to a PNG

    I designed a text document in illustrator and it looks great...in illustrator. As soon as I export it to a PNG, an annoying outline around text appears. What do I do?????

    For text or 1-color items you can try the .gif format for sharper edges.
    Try changing the color of your matte to what the colro of the background is. The image will lok bad, unless you put that on top of your background.

Maybe you are looking for