HTML - Thinner Border?

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?

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.

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

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 there,

I seem to be having big problems in getting a picture to go around the enitre webpage, acting like a border.
Not a "solid blue" etc, but an actual picture acting as a border? I would like to add a background picture and
text/video/image on top of it like normal, is there a way to layer backgrounds to create the border effect?
The web is not helping when im searching for this type of answer so far, I keep being referred to "image border" and "basic bordering".
Any help in the right direction would be awesome.

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,
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