Black Line under Linked Image

Hey, I have started another website for my portfolio, consisting of many pages. Anyway, I'm mainly using CSS, but there is a little HTML for the navigation.
Heres the question: When I linked the top banner image to go to the Home page (index.html), there is a random black line under the image. I gave the image and ID tag in CSS and made sure that border:0;
Please respond, I desperatly need this for a school project and it will look random if there is a weird line in the middle of the page. Thanks in advance!

Here is the CSS code
@charset "utf-8";
/* CSS Document */
html {
     background-color: #F1D66B;
     background-image: url(../Images/Background.png);
     font-family: "Showcard Gothic", "Cooper Std Black", Calibri, serif;
     word-spacing: 6px;
body {
     background-color: #F9ECB9;
     margin: 0 auto;
     width: 700px;
     padding: 20px;
     word-spacing: 0px;
h1 {
     font-size: 38px;
     text-decoration: underline;
     font-variant: small-caps;
     font-weight: bold;
     margin-bottom: 40px;
h2 {
     font-size: 28px;
     text-decoration: underline;
     font-variant: small-caps;
h3 {
     margin-top: 20px;
     font-size: 16px;
     background-color: #F1D66B;
     padding: 15px;
     padding-top:40px;
     padding-bottom:40px;
     text-align: center;
     margin-top: 100px;
     word-spacing: 0px;
     font-family: Georgia, "Times New Roman", Times, serif;
     font-weight: bolder;
     font-variant: small-caps;
h4 {
     font-size: 50px;
     text-decoration: underline;
     font-variant: small-caps;
     font-weight: bolder;
     margin-left: 0px;
     margin-right: 0px;
     margin-top: 20px;
     margin-bottom: 20px;
     text-align: center;
p {
     font-size: 20px;
     font-family: Georgia, "Times New Roman", Times, serif;
     text-indent: 40px;
     margin-bottom: 70px;
ul {
     font-family: Georgia, "Times New Roman", Times, serif;
     font-size: 20px;
strong {
     font-weight: 1200;
a {
     text-decoration:none;
a:link {
     color: #000;
     text-decoration: underline;
a:visited {
     color: #000;
     text-decoration: underline;
a:hover {
     color:#846B0D;
     text-decoration: underline;
div{
     bakcground-color: #7C9614;
     text-decoration: underline;
#logo{
     border-bottom: 10px;
h5 {
     text-align: center;
     margin: 0 auto;
a img{
     border: none;
     text-decoration: none;
And here is the HTML for my index.html page
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Spinoff - Home</title>
<link href= "CSS.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">

</script>
</head>
<body>
<h4><a href="index.html"><img src="../Images/Logo.jpg" name="logo" width="700" height="200" border="0" id="logo" /></a></h4>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
    <td width="230"><a href="gameshome.html" target="_top" onclick="MM_nbGroup('down','group1','Games','',1)" onmouseover="MM_nbGroup('over','Games','','',1)" onmouseout="MM_nbGroup('out')"><img src="../Images/Games.jpg" alt="" name="Games" border="0" id="Games" onload="" /></a></td>
    <td width="230"><a href="videoshome.html" target="_top" onclick="MM_nbGroup('down','group1','Videos','',1)" onmouseover="MM_nbGroup('over','Videos','','',1)" onmouseout="MM_nbGroup('out')"><img src="../Images/Videos.jpg" alt="" name="Videos" border="0" id="Movies" onload="" /></a></td>
    <td width="219"><a href="photoshome.html" target="_top" onclick="MM_nbGroup('down','group1','Photos','',1)" onmouseover="MM_nbGroup('over','Photos','','',1)" onmouseout="MM_nbGroup('out')"><img src="../Images/Photos.jpg" alt="" name="Photos" border="0" id="Photos" onload="" /></a></td>
</tr>
</table>
<h2>Welcome!</h2>
<p>Welcome to the home page of <strong>Spin-Off</strong> media! Hey, thanks for coming! As you can see, we have many games, videos and photos for you! We hope you enjoy your stay, and come back! Well, what are you waiting for? Get clicking!</p>
<h2>Submissions</h2>
<p>We welcome your submissions here at spin-off! Got a game you want other people to play? Think some people will get a good laugh at your home video? Have a photo you think some people will get a kick out of? Send it to us HERE and we will review it before posting. Please, put the file in the attachment, as well as any title and description you want in the body.</p>
<p><strong>*NOTE* </strong>Any submissions that do not pass will not be notified, in fact, nobody will be notified. If you see it on the site, congratulations, you have something ahead of you kid. If not, keep trying!</p>
<h3>Not-So-Copyrighted - Spinoff Media<br />
<a href="index.html">[home]</a> <a href="gameshome.html">[games]</a> <a href="videoshome.html">[videos]</a> <a href="photoshome.html">[photos]</a><br />
<a href="mailto:[email protected]?subject=Spin-Off">[contact]</a> <a href="legal.html">[legal]</a> <a href="mailto:[email protected]?subject=Submission">[submit]</a> <a href="about.html">[about]</a><br />
NSFW? Tell us <a href="mailto:[email protected]?subject=NSFW">HERE</a> and we will respond</h3>
</body>
</html>
The little black line happens right under the first h4

Similar Messages

Black line under title bar in AIR-App

Hi, does anyone know how to remove that black line under the title bar
which is shown in a MAC-Air Application?
I know I can solve this problem by making the whole app transparent. But that also means that
I have to do the whole skinning by hand, thats something I want to avoid. ;-)
thx
Mike

I ended up re installing Mavericks after the last update (10.9.1) from a bootble USB stick. The problem appears to have gone away, so maybe my original upgrade of Mavericks caused the problem???
I downloaded Mavericks again from the app store. When it had finished downloading (approx 5Gb) I exited the installer and created a bootable USB (needs to be 8GB minimum). Then booted from USB and ran the Mavericks installer. As I said problem seems to have disappeared......
I used this article http://www.macworld.com/article/2056561/how-to-make-a-bootable-mavericks-install -drive.html and used the method in Option 1 in the article to create the drive. A Synopsis of the steps are:
Format the USB using Disk Utility to Mac OS Extended with GUID partition.
Open Terminal and paste the following command press Return and enter admin password when prompted
sudo /Applications/Install\ OS\ X\ Mavericks.app/Contents/Resources/createinstallmedia --volume /Volumes/Untitled --applicationpath /Applications/Install\ OS\ X\ Mavericks.app --nointeraction
It takes a while to create and copy the installer. (Could be up to 30 mins)
Finally reboot and hold down Option key while computer boots then select the USB drive.

Have placed video-when previewed there are sometimes heavy black lines around the image. If I place white rectangles in front, the black is hidden in Author, but when I preview the black lines are still there..How to use white rectangles to mask edges?

I have placed video - when previewed there are sometimes heavy black lines around the image.
If I place white rectangles in front, the black is hidden in Author, but when I preview the black lines are still there..
How to use white rectangles to mask edges?

Here's view in IBA you can see bounding boxes of white rectangles that
form frame to block out black setions..
Here's iBook preview image of same page, NO WHITE FRAME!
WHY?
BOB SPRAGUE

Mwaaaa! I just want a black line round my images!

Not all these fancy borders and stuff!
I've just installed PE9 (today, actually!) but already it's giving me a migraine! I'm creating a vBulletin moderator training manual and all I want to do it put a thin black line around an image for definition and neatness.
For years I've used anAdobe PhotoDelux Home Edition v4 (yeah - really, really old! - just like me! ). It's served me well but is very basic and I wanted to do more. So as a starter, I thought I'd try something I've been doing for years but can I find it? No siree!
Please give an old gal some help, folks! I want it to look like this

With your image open in the Editor press ctrl+A to select all (you will see the marching ants)
On the Menu click Edit >>Stroke
Set the width to 1px and choose black as your color and select inside edge.
Click OK.

PDF exporting with thin black lines around some images

Hi there,
I have spent A LOT of time making a custom SAVE THE DATE card and I cannot find a solution to this problem. When I am working in the document, I do not see thin borders around any of the images but when I export to PDF they show up. I have NO BORDERS selected for all images in the document and cannot figure out why they keep showing up after export.
I have attached a screen grab of what the document looks like when I am working on it, and another one of what it looks like after export. I am using Pages 5.2.2 and OS X version 10.9.5
I need to order these SAVE THE DATES by tomorrow to take advantage of the 60% off! Thanks so much for your help!

I am seeing this same problem in a family newsletter I've created. The lines do not show up in Pages, but when I export to pdf (or print to pdf), the lines appear. When I print the document, no lines appear.
Here's what the top of the newsletter looks like - the black lines show up on all the pages, and in the beige-covered overlay, crosshatching is visible. The template I'm using was in existence two years ago, but doesn't seem to exist in Pages anymore. Would that have anything to do with the lines showing up?
I also found this link, but can't apply any of the suggested fixes, since they apply to Adobe: <http://helpx.adobe.com/indesign/kb/thin-white-dark-lines-stitching.html>.

Funny red line under link

Hi
I posted this issue last night as part of a larger issue which has been solved, so I am reposting this by itself.
website: www.jeffwenzelart.com
problem: on home page there is a link to biography, when you click on that link you are taken to the bio page which has 4 links on the side: Bio/CV/Statement/Selected Reviews. Those links are set up using Arial 12 pt regular type, they all remain dark grey no matter what you do (rollover, click etc.) The active link is always in red, bold, arial 14pt type, and stays in red until you click on another link.
This all works fine and as intended except on the "Selected Review Page". When you are on the "selected review" page Biography is in a different grey color, is bold, and appears with a thin red link line under it...on my screen the red line goes away when I move my cursor over it, but it comes back if I leave that page and return to it
I have checked and rechecked using inspector to see that I have the correct properties assigned to the link (I do) I have removed all four links from all of the associated pages and rentered them individually as opposed to cutting and pasting...and nothing makes it change.
I am wondering if that is how it displays to others, and how the heck do I fix it

thanks for the reply, and let me first say I am not trying to be difficult, but I am trying to understand the problem
the links are NOT in individual text boxes (primarily to control the amount of space between the lines...I like that sort of tight spacing).... they are in one box, with each line being made a link.
in addition, on the bio/cv/and statement pages the links are set up that way (one text box) with no issue....they each perform as I expected.
also, on the selected review page all of the reviews on the page are in one big text box...but there is considerable more spacing between the linked items, and they seem to perform correctly as well.
can you help me understand the difference between individual text boxes, and a big one with lots of links in it...what problem am I creating by doing it that way.
I will certainly make the links individual boxes, if you think it will work....it's an easy thing to do, and if it solves the problem that would be great.
Now here is something I did just a bit ago...and it seems like it might be important to figuring the problem out, but it could just be craziness too, but would you mind reading what I did and tell me if I was going in the right direction, or if it just doesn't have any bearing on the problem.
it was suggested to me that I had an issue with my css files (this is getting above my head) but in an attempt to figure this out, after I published the site to a folder, I looked in the files for Bio/Statement/CV and/ Selected Reviews because I thought maybe if they looked vastly different it would be a clue as to what the problem is.
The CV/BIO and /Statement files all had just about the same types of things in them, they each has 13 items in them...mostly shape images....but the Selected Review file had 21 items in it....it had 9 more shape images than the other files...maybe it is unimportant but it seems weird to me; it was also missing some of the same files the other pages had.
I decided to remove the Bio etc links from the "selected reviews" page, and I republish the site to a folder and once I did that there were only 12 items in the Selected Review file....so I uploaded it to my host....I accessed the website and there was no change ....the removed links still appeared there, and the bio link was still bold with a red line under it....I expected that they would not be on the page at all...why was it pulling an old version of a page I had overwritten ( or thought I had)....where is that page , where is it pulling it from? I don't understand this aspect.
so I have gone back to iweb, recreated the links and reposted the site and there is no change at all....so I have deleted the links, and then I added them back and there is no change in any version.
Thanks for anything you can offer to help.

How do I get rid of this black line under the menu bar?

This last update's UI ugliness is a black/dark gray line under the menu bar:
http://i.imgur.com/Av7XTOi.png
How do I get rid of it?

The developer of Classic Theme Restorer maintains a support thread over here: http://forums.mozillazine.org/viewtopic.php?f=48&t=2827985
Sorry I can't help you myself, I am still using Firefox 28 while I try to Customize the 29-plus versions without resorting to using CTR. I have tried it, but I prefer doing my own "cobbles" rather than rely upon an extension that "restores" much what I didn't like about Firefox 4.0 thru 28 and overrides what I do like about Australis. IOW, CTR 'fixes' things about 90% opposite of what I would do, if I had the talent to do a "retro extension".
''IMO, the orange Firefox button was the worst thing that Mozilla has ever done to Firefox. The Menu bar worked fine before Firefox 4 came out and still does, it just doesn't have be showing all the time = Compact Menu and its' derivatives over the years was the 'ticket' for me starting from before Firefox was even named Firefox.''

Black lines through .pdf images

I'm using Word 2007 and Adobe Pro X. The figures I insert into my Word file are .pdf's that have been converted to .tiff or .png files. When I create a .pdf directly from my Word file, my figures end up with thick black lines running through them. If I just go to file > print > Adobe pdf, then my images print fine. The only problem with that though is my Table of Contents isn't automatically bookmarked. Any ideas why my figures are messed up when creating my .pdf directly from Word? Any solutions?

Hi ,
Bookmarking is not a feature for Printing a file by Adobe printer , it just produces a flat PDF ,so you wont get bookmarks through that route.
I didn't quite get your issue . Are the images inserted into your word file .tiff and .png or any other format ? Can you please share a word file which contains such images ?
Thanks,
Apoorv

Why & remove: thin black line around new image?

Hi there.
PS CS3 (10.0.1)
Why does PS automatically make a thin black line around any new image and how can I set PS not to do this?
You can please have a look here:
http://www.josua.co.za/graphics/josua-banner.jpg
I will really appreciate your help.
Regards,
Deon

Thank you for replying to my question.
You are 100% right ... I have made the canvas a bit larger and there is no line.
BUT, why is there a line around the image when viewing in a browser? I dont' want it there and this is the first time I have this problem.
Thank you for your time & help.
Regards,
Deon

Weird line under links

Hi,
I've cut and pasted from an old website onto a new one, and now there's a weird line under some of the hyperlinks (it only shows up when visiting the published site). any tips on how to get it off without re-writing the content?
thanks.

Thanks but for privacy reasons i'd prefer not to list the url here. thanks again though!!

Black lines under titles, rightclick not working / displaying ALL options, flash and video showing up as black

Hello.
For about a day now, I've had to go through the horror of converting all my stuff over to that horrible slow browser, Chromium. And at this point, I just want my firefox back.
I can't seem to find a "add attachment" button, so I just uploaded it to imgur to make it easier for you. http://i.imgur.com/plDjLJ0.png
Anyways, I believe this started happening after a prompt was given on either Aurora or Nightly, where it asked me if I wanted to try out your new multi threaded browser or whatever. Me, wanting to continue with what I was doing pressed yes. A little later, I started noticing that nothing actually worked anymore. I even tried uninstalling every instance of firefox I have on my system, including Tor, and the issue still seems to persist.
I'm running the OS Windows 8 with an AMD CPU and GPU.

That was likely in the Nightly build to try out e10s (Electrolysis).
*https://wiki.mozilla.org/Electrolysis
*http://billmccloskey.wordpress.com/2013/12/05/multiprocess-firefox/
This issue can be caused by an extension that isn't working properly.
Start Firefox in <u>[[Safe Mode|Safe Mode]]</u> to check if one of the extensions (Firefox/Tools > Add-ons > Extensions) or if hardware acceleration is causing the problem.
*Switch to the DEFAULT theme: Firefox/Tools > Add-ons > Appearance
*Do NOT click the Reset button on the Safe Mode start window
*https://support.mozilla.org/kb/Safe+Mode
*https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes
Create a new profile as a test to check if your current profile is causing the problem.
See "Creating a profile":
*https://support.mozilla.org/kb/profile-manager-create-and-remove-firefox-profiles
*http://kb.mozillazine.org/Standard_diagnostic_-_Firefox#Profile_issues
If the new profile works then you can transfer files from a previously used profile to the new profile, but be cautious not to copy corrupted files to avoid carrying over problems.
*http://kb.mozillazine.org/Transferring_data_to_a_new_profile_-_Firefox

Wierd printing problem. I have a TIFF file from a color negative scanned some years ago into Photoshop. Photoshop version probably CS2. Now printing from CS6. It prints with a black line around the image and mid grey outside that. Margins are white. Imag

Any suggestions as to how to fix this, please?

My printed colors look wrong. | Mylenium's Error Code Database
Mylenium

How to apply a color to a greyscale linked image?

I have an old file that I've been working on that another designer started. She had these black and white linked images in there with colors applied to them. Currently, you can click on them with the direct selection tool and see the color that is applied in the "fill" box on the toolbar. But when I tried to place that same image into the document myself, there is no option to apply a color. What did she do to make it possible to apply these colors? I'm using Indesign CS6, by the way.
Anyone know?
Thanks!
~ Sarah

Hey Daniel & Mikey,
Thanks for your responses, but I'm still stuck with my same problem. I should have explained better - what I really need to do most here is relink the exact same file that the old designer was already using. I've moved files around and now the linked needs to be relinked. When I relink the exact same file that was working fine with the color applied before, I run into the same problem again. I cannot direct-select it and change the color of it. It's just not an option. This also happens if I create a new InDesign file and place that file in and try to do it fresh. She did something to that file to make it take a color, but I can't figure out what it might be!
Maybe some visuals will help me to explain...
This is the problem layer below. Let's call it "background". It's at 100% opacity, layer effect set on multiply in BOTH examples.
Here's how I want it to look. There are a few layers in here to create this effect. When I click on "background" with the selection tool, I do not see a color applied. However, if I click on it with the direct selection tool, you can see that a yellow color has been applied.
Now, when I relink the file (or place it myself), this is the result I get. You can see that "background" has reverted back to its greyscale state. When I try to select it once more with the direct selection tool, all the colors are greyed out and I can't apply a color.
Anyone know the answer to this puzzle?
Thanks!

Adding "black" lines and text to image scans

I'm currently running Acrobat 9 Pro, under XP.
I scan documents as black-and-white PDF image files. They usually contain handwritten text. OCR is not applicable (at least, as far as I know there's little if anything that currently exists that's realistic for doing OCR on hand-written text).
I just leave them as images of the handwritten text, and that's generally okay for my purposes.
However, I often want to go in and "edit" a little bit of that handwritten text -- just a few words here and there -- either by sometimes crossing things out or sometimes deleting them (or whiting them out, or covering them with a white box), and adding a text box with new typed text either over or between existing handwritten text..
I know how to do most of that (well, I could use a few pointers on deleting or whiting out handwritten words), but I don't know how to make it all "black" so it tends to blend better with the color of the scan itself. Currently, lines I draw and text I enter appear red. How do I make them appear black so it blends better?
Can I do that?
Or do I need to upgrade to be able to do that?
Thanks.

I'm not sure we're on the same page. I already have no probelm drawing a white box to cover existing text (remember, this is all "images" since I'm just scanning in handwritten pages and not using OCR on them at all) and I can already draw a text frame to enter text into, just as I can already draw lines to cross things out that I don't want to just cover with a white box. I'm just looking for a way to make that text and those lines black instead of red (and for anything else that might make the process more elegant).
Thanks.

Scanning and Copying result in all black and lines. (with link to the scanned picture)

Whatever I try to scan and copy, even blank, the result is the same all black and full of lines.
Here is the link to the scanned picture. Copying also makes the same picture. https://www.dropbox.com/s/yaprfywbpf7cq70/scan0002.jpg?dl=0
The printer hasn't been used in a while, I just used it recently and the ink even dried out. Bought ink and printer's working fine.

Hi @RexRegnum,
Thank you for visiting the HP Support Forums! I see when you Copy or Scan on your HP Photosmart D110a you get black lines all over the page.
I would like you to start troubleshooting here: Vertical Bands, Streaks, or Lines in a Copy, or Scan
Please let me know the outcome, I will watch for your reply.
HevnLgh
I work on behalf of HP
Please click “Accept as Solution” if you feel my post solved your issue, it will help others find the solution.
Click the “Kudos Thumbs Up" to the left of the reply button to say “Thanks” for helping!

Black Line under Linked Image

Similar Messages

Maybe you are looking for