HTML - 'pictured' Border Help

Hey Guys

I have a 1px X 5px image and I am trying to wrap a border around it. It looks fine in FF but in internet explorer there is a small gap. See images below:

FireFox:


IE6:


Here is the coding:

CSS:
HTML Code:

#tabUnderline {
	border : solid 1px #aaa9a9;
	background-image : url(images/buttons/tab_underline.gif);
	background-repeat : repeat-x;
	height : 3px;
}

HTML:
HTML Code:

<div id="tb"><div id="tabUnderline"></div></div>

when using the below code on my blog, i still get a border. what am i doing wrong? i have other gifs with NO borders on my blog, but i don't see any difference in the code.

<img src="http://www.coolholidaygraphics.com/birthday/animations/animatedgifs5.gif" border="0" />

thanks for any help

how to make a border with shadow?

how do i change the border colour in a style sheet? i added it to the body parts but it didn't change =/ .. this is my style sheet (the border colour part isn't there now i'm hoping someone can add it in the right place)

Quote:
/* CSS Document */

body{
scrollbar-arrow-color: #AD33FF;
scrollbar-3dlight-color: #EFEFEF;
scrollbar-highlight-color: #EFEFEF;
scrollbar-face-color: #EFEFEF;
scrollbar-shadow-color: #EFEFEF;
scrollbar-darkshadow-color: #EFEFEF;
scrollbar-track-color: #EFEFEF;

}
a:visited {
color: #AD33FF;
text-decoration: none;
}
a:active {
color: #AD33FF;
text-decoration: none;
}
body {
background-color: #494949;
}
body,td,th {
color: #9D9D9D;
font-family: Tahoma;
font-size: 10px;
}
a:link {
color: #AD33FF;
text-decoration: none;
}
a:hover {
color: #cccccc;
text-decoration: none;
}

Hi,

On my website I have a breadcrumbs section on top of the page and on the side of the page, I have a navigation section. The problem that I am having is that the border-bottom of the breadcrumb section - streches out to 100% of the screen, but the height of the navigation section does not. I have kept the height as 100% (as I did with the width of the other section) but the border-right and the background colour cuts off. The website is:

http://www.cse.dmu.ac.uk/~p04283218/mainframe9/

Does anyone have any suggestions?

Thanks.

Hi

I see a lot of these type of borders on the internet, even when signing up on this site. How can I do this myself? I thought I had once knew how to do this this in Dreamweaver but am not able to find it anymore.




Thanks

i am trying to add a border to the image in the following html


<div class="text-box"><div class='ecwid-Product'><form>
<div style='text-align: center; padding-bottom: 0px;'><script type="text/javascript" src="http://app.ecwid.com/script.js?1059002" charset="utf-8"/></script><script type="text/javascript">xProductThumbnail('productid=10048302');</script></div>
<div class='ecwid-productBrowser-head' style='text-align: center; padding-bottom: 0px; font: normal 17px tahoma, geneva, verdana, sans-serif'>725 Originals Blue King of Clubs T-Shirt X Large</div>
<div class='ecwid-productBrowser-price' style='text-align: center; padding-bottom: 0px' id='ecwid-price-10048302'>$6.50</div>
<table align='center' border='0'><tr><td align='left' class='ecwid'></td></tr></table><div style='text-align: center'><script type="text/javascript" src="http://app.ecwid.com/script.js?1059002" charset="utf-8"></script><script type="text/javascript">xAddToBag('productid=10048302');</script></div>
</form></div>

i have not been able to get it to work i have added a background color to the html but the image border is giving me problems-any ideas ?

ps i dont know html or css code really well so hopefully someone can teach me something new

Hello,

One little annoying weird pain in the ...
I have a table with border=1 and color black; I put the code below:

<table border="1" bordercolor="black" rules="none" frame="box" cellpadding="6" cellspacing="0" bgcolor="#02DA60">

In FF it is good, in IE the border is 2-3 times wider, looks like border="3"; it is too thick. You can check it at:

Online Poker Room Reviews

it is the green table on the right I am talking about.
How to get the same border width

Hi,
I`ve got a problem with some freaky border around my calendar.
Look here!
In the middle of the Site, you can see a calendar with a border around it.
Now comes the crazy one: It`ll shows up only in IE, but not in Opera!!!
How comes
Thx for your help!

Im a newbie and all I want to do is put a color border aorund this image say the color blue, please help.

</head>
<body>
<a href="http://www.bigcustomernetwork.com" target="_blank"><img src="http://i529.photobucket.com/albums/dd339/jfaul4820/BCNTopBanner.jpg" border="1" alt="BCN Top Banner"></a></a>
</body>
</html>

when the page gets resized by the browser these thick dark borders show up. anyone know what the deal is?

http://www.users.on.net/~bmccowan/tables.jpg

Hi, I am very very new to HTML and have been trying to find out how to add a border to an object, which in my case is flash. Here is my script :

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="650" height="320" id="tacticalassassin" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="tacticalassassin.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="bgcolor" value="#FFFFFF"/>
<embed src="tacticalassassin.swf" quality="high" wmode="opaque" bgcolor="#000000" width="650" height="320" name="tacticalassassin" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>

I've tried putting border=2, border="2", border=2px ect.... I've tried so many variations but can't get it to work...

Can some one please help, thanks !

Hi,

I have a problem with an image link. After it is pressed it will have a potted border and i cant get rid of it. (img of the border attached)

Is there a smart solution to this? Ive tried to set border to 0 for both img and a, but it was no help.

I've searched for an answer to tis both on google and here but could not find anything.

Parashurama

I'm working on a site for my in-laws:

shiversbbq.com

I made the header and sidebar using slices with photoshop but I want to continue the wood border into the right and bottom of the main content. What is the best way to do this?

Thanks!_______________________________

Hi:

Does anyone know how to put a bordrr around the outside of a column group ??

That is, I would like to place a border around the outside of a group of columns, and have *no* internal vertical or horizontal borders -- just the properly aligned internal data.

So, for example, I would then have a 'block' of data inside a black border. THe block of data would then be one table row' (with perhaps four lines in the row), and would be several columns wide.

I hope there's a way to do this -- or else I'll have to give up on this external border around my 'cell' (

Thank You !

-Mel Smith