HTML - Link Border

Hi, I'm newly registered and seeking some assistance. I'm working on a website for a client and come across an issue.

The following is my iFrame code:

Code:

<div id="iframez">
	<iframe src="main.html" width="100%" height="400px" name="framez"></iframe>
</div>

I have a link that is at the bottom of the page that is supposed to load in the iFrame when clicked upon. The code is as follows:

Code:

 <a href="somelink.html" target="framez">some link</a>

What I want is when the link is clicked that it loads in the iframe (this works as intended) AND I want the page to scroll up to the iframe. I tried doing this without success:

Code:

 <a href="somelink.html#iframez" target="framez">some link</a>

This is interpreted as #iframez in somelink.html, and not the page its on. Is there any way around this?

Thanks for your patience.

Ive been working on a website in my free time, and I have been wondering if it's possible to hover over a link, and change the text color of another link. A picture of one of my web pages is shown in the link below.
http://i223.photobucket.com/albums/d...screenshot.jpg
I want to be able to hover over something from the side navigation bars and have various links in the bottom naviational bar change color. So like hovering over Blood Elf, would make Death Knight, Mage, Paladin, Warlock, Priest, Rogue, Hunter turn red


Does anyone know how to do this? or even know if it is possible?

Hi

im not sure if this can be done

i have created some buttons to use as links and once i put the a href code in a box appears around the button can i remove this and how plz

you can see example of what i mean on my website i have made Home and Contact clickable but i want to remove the box thats around the button if possible

http://dreamteam0708.co.uk/

for info: im coding my own html in notepad, not using any programs or anything and my hosting doesnt support php etc

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>

Hi, is there a way to put a border around only some parts of a table?

I've tried using css, but it didn't work:

<p style="border-bottom: 1px; border-left: 1px; border-right: 1px; border-top: 1px">

can anyone help?

thanks

can anyone tell me how this is done? the border can be seen on the football manager site hattrick. thx

Buddy...

I looking for the solution about this border. which is always around the swf in IE.
Any solution to remove this.

I keep in waiting...

Thanx...

Where in my CSS would I add a border and border color?


html,body {
height:100%;
margin:0;
}
body {
background-color:#000;
background-image:url(../images/background.jpg);
background-attachment:fixed;
background-size:100% 100%;
}
#container {
width:700px;
padding:40px;
border-right:1px solid #003;
border-left:1px solid #003;
margin:auto;
background-color:rgba(0,0,0,0.5);
color:#ccf;
box-shadow:#000 0 0 10px;
}

I'm currently working on my first blog and am trying to add a twitter hyperlink but it has a nasty border to it. I tried typing in different types of 'border=0' but it doesnt seem to work. I found the main code for the entire page

post img, table.tr-caption-container { padding:4px; border:1px solid $bordercolor;

if I put a zero in the border it takes it off the entire page, but I'd like my pictures to have a border and have The twitter hyperlink be without a border. This is the twitter link I want to have with no border.

<a expr:href='&quot;http://twitter.com/home/?status=Chk Out-&quot; + data:post.title + &quot; &quot; + data:post.url' target='_blank'><img alt='Tweet It!' src='http://i835.photobucket.com/albums/zz275/amberink/social%20networking%20icons/th_twitter_32.png' width='20'/></a>

Thanks,
Ashton

Hello All,

I am having trouble with theses borders, I want them to surround the text but it extends on the left side and isnt closed.

www.canapictures.com

Quote:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Cana Pictures</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="Robots" content="NOINDEX">
<meta http-equiv="PRAGMA" content="NO-CACHE"><!--
Web Site: www.ssi-developer.net
Comments: Copyright 2003 www.ssi-developer.net
Licence: Creative Commons - Non-commercial Share-Alike
-->
<link rel="stylesheet" type="text/css" href=
"2c-hd-flex-layout.css">
<link rel="stylesheet" type="text/css" href=
"2c-hd-flex-presentation.css">
</head>
<body>
<!-- Header -->
<p><img src="banner_dotcom(4).JPG" width="1258" height="227" alt=
"#########"></p>
<table border="0" cellpadding="0" cellspacing="0"></table>
<hr>
<a href="index.html"><img src="homebutton1.bmp" border="0" hspace=
"15" width="74" height="48" alt="#########"></a><a href=
"video.html" border="0" hspace="15" width="80" height=
"48"><img src="videos1.bmp" border="0" hspace="15" alt=
"#########"></a><a href="about_us.html" border="0" hspace="15"
width="92" height="50"><img src="aboutus1.bmp" border="0" hspace=
"15" alt="#########"></a><a href="castcrew.html"><img src=
"castcrew1.bmp" border="0" hspace="15" width="92" height="50" alt=
"#########"></a> <a href=
"http://www.youtube.com/user/CANAPICTURES84" target=
"_blank"><img src="youtube.jpg" hspace="15" align="right" border=
"0" alt="#########"></a> <a href="http://vimeo.com/14761465"
target="_blank"><img src="vimeolink.jpg" hspace="15" align="right"
border="0" width="63" height="48" alt="#########"></a> <a href=
"http://www.facebook.com/?ref=home#!/pages/Cana-Pictures/158743877499582"
target="_blank"><img src="fblink.jpg" hspace="15" align="right"
border="0" alt="#########"></a>

<hr>
<!-- end of header -->
<!-- left column -->
<div id="lh-col">
<h1 align="center"></h1>
<p style="font-size:0.32in;">LATEST VIDEO <object width="1280"
height="745"><param name="movie" value=
"http://www.youtube.com/v/Suz3LcKKCfc?fs=1&amp;hl=en_US&amp;hd=1">
<param name="allowFullScreen" value="true">
<param name="allowscriptaccess" value="always">
<embed src=
"http://www.youtube.com/v/Suz3LcKKCfc?fs=1&amp;hl=en_US&amp;hd=1"
type="application/x-shockwave-flash" allowscriptaccess="always"
allowfullscreen="true" width="640" height="385"></object><p align="center" style="font-size:0.20in;">Full
length video<a href="http://vimeo.com/14761465" target=
"_blank"><img align="center" src="vimeolink.jpg" align="center" border="0" width=
"63" height="48" alt="#########"></a><br></p>
<p style="font-size:0.16in;"></p>
<h1 align="left"></h1>
<p align="center" style="font-size:0.30in;">FRIENDS <p>
<a href=
"http://www.bangarangcomedy.com/" target="_blank"><img src=
"bangarangcomedy.JPG" align="center" border="0" width="306" height=
"50" alt="#########"></a> <a href="http://bottlecapfilm.com"
target="_blank"><img src="bottlecapfilms%20link.JPG" align="center"
border="0" width="306" height="50" alt="#########"></a> <a href=
"http://www.farookkhan.com" target="_blank"><img src=
"farookkhan.JPG" align="center" border="0" width="306" height="50"
alt="#########"></a> <a href=
"http://www.facebook.com/home.php?#!/pages/Hall-1/158898480630"
target="_blank"><img src="hall_1.JPG" align="center" border="0"
width="306" height="50" alt="#########"></a> <a href=
"http://www.afilmsnob.com/" target="_blank"><img src=
"afilmsnob.JPG" align="center" border="0" width="306" height="50"
alt="#########"></a> <a href=
"http://www.lockstockandtwofilmgeeks.com" target="_blank"><img src=
"lockstockandtwofilmgeeks.JPG" border="0" width="306" height="50"
alt="#########"></a> <a href="http://www.picardmaneuvercomedy.com"
target="_blank"><img src="picardmaneuver.JPG" align="center"
border="0" width="306" height="50" alt="#########"></a> <a href=
"http://www.loserstatus.com" target="_blank"><img src=
"loserstatusproductions.JPG" align="center" border="0" width="306"
height="50" alt="#########"></a><br>

<p>&nbsp;</p><p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>

<br></p>
</div>
<!-- end of left column -->
<!-- right column -->
<div id="rh-col">

<h1 align="center"></h1>
<p align="center" style="font-size:0.32in;"><br>
NEWS</p>
<h1 align="center"></h1>
<p ></p>
<p align="center"style="font-size:0.20in;">November 3, 2010</p>
<p align="center" style="font-size:0.30in;">FILM FESTIVAL NEWS</p>
<h1 style="font-size:0.16in;"><p class="two">Our movie Killin? Folks has been
submitted for entry as part of Dr. Spin's Propaganda Machine Film
and Video Extravaganza in downtown Napa, CA on Saturday, November
13. If you live in or near Napa, mark your calendars and be sure to
come check our movie and some movies by actual artists. Admission
is totally free, and the festivities start at 5:00 PM. We will post
more details as they become available. For more information on the
festival, click this link<br></p>

<a href="http://wanderingrose.org/" target="_blank"><img src=
"ff.JPG" align="center" border="0" alt="#########"></a></h1>
<p align="center"></p>
<p align="center" style="font-size:0.20in;">November 2, 2010</p>

<p align="center" style="font-size:0.30in;">UNEMPLOYED VAMPIRES
ANNOUNCED</p>
<h1 align="center" style="font-size:0.16in;"><p class="two">Cana Pictures is pleased to announce
the start of pre-production on a new web-series, Unemployed
Vampires. Created by Patrick Krainert, this comedy series will
start shooting late this year and, with any luck, begin airing
episodes online early next year. Keep an eye out for further
updates.</p></h1>
<p align="center"style="font-size:0.20in;">October 30, 2010</p>
<p align="center" style="font-size:0.30in;">CANAPICTURES.COM
LAUNCHED</p>
<p align="center" style="font-size:0.16in;"><p class="two">We are pleased to announce that
canapictures.com has officially been launched! But you knew that
already obviously, since you are here. Thank you for stopping by,
please tell your friends!</p>
<h1 align="center"></h1>
<p align="center"style="font-size:0.20in;">October 24, 2010</p>

<p align="center" style="font-size:0.30in;">KILLIN' FOLKS</p>
<h1 align="center" style="font-size:0.16in;"><p class="two">Our most recent short film, "killin'
folks" is now available for viewing on our vimeo page.Actually, it
has been there for a while now. So why haven't you watched it yet?
You can find the link on our VIDEOS page.</p></h1>

<div id="contentwrapper">
<div style="float:left;"></div>
<br>
<br>
<!-- end of right column -->
<!-- Mister Analytics Code Start //-->
<!-- Paste this code into every page that you would like to track //-->
<script type="text/javascript">
document.write(unescape('%3Cscript type="text/javascript" src="'+document.location.protocol+'//expo-max.com/adserver/js/"%3E%3C/script%3E'));
</script> <span id="auth42722986f381436582ccc7151406ca3e">


<!-- Mister Analytics Code End //--></div>
</div>
</body>
</html>


And here is my CSS

body{
margin: 0;
padding:0;
background: #000;
color: #fff;
}

#hdr{
width: 100%;
height: 65px;
margin: 0;
border: solid #000;
border-width: 0 0 2px 0;
background: #000;
color: #fff;
}

#lh-col{
width: 50%;
float: left;
border: solid #000;
border-width: 0 2px 0 0;
background: #000;
color: #fff;
margin: 60px;
padding: ;
}

#rh-col{
background: #000;
color: #fff;
margin: 60px;
padding: ;
border: 0
}
h1 { font-family: calibri, calibri; }


p.one
{
border-style:solid;
border-width:5px;
}
p.two
{
border-style:solid;
border-width:2px;
}


THANKS!

okey so i have this image that i would like to make but i cant figure out how to make it so i would like to hear some respond from u guys thanks and sry if its the wrong place to post i dont realy know what i need to use for it...

We use a Joomla platform for our website, and in the CSS code, it automatically adds a border around tables, images etc. I'm trying to go around that with html by specifying table parameters.
There is a border in the middle of the table now, and I'm trying to remove the border completely. However, keep in mind I do not want to modify the CSS for all the pages. Thank you, help will be GREATLY appreciated.

http://augustinenursery.com/index.ph...&id=6&Itemid=7
Quote:
<div class="topPanel">
<div class="pageName">Promotions</div>
<div class="pageName" style="text-align: justify;"><span style="color: #000080;"><span style="font-size: 18pt;"><span style="color: #000000;"><a target="_blank" href="images/stories/augustine/aug_mthrsday_dlyfreemn_050311_lowres.jpg">Mother's Day Special, click here!</a></span></span></span></div>
<div class="topContent">
<table bordercolor="#ffffff" border="1" cellpadding="0">
<tbody>
<tr>
<td>Current Spring Specials:</td>
<td><img height="7" width="9" src="images/stories/augustine/bullet_sw.gif" style="border-style: none;" />&nbsp;Arborvitae Emerald Green 6-7' / $69.95<br /><img height="7" width="9" src="images/stories/augustine/bullet_sw.gif" style="border-style: none;" />&nbsp;Japanese Maples 5 gal. / $99.95<br /><img height="7" width="9" src="images/stories/augustine/bullet_sw.gif" style="border-style: none;" />&nbsp;Rhododendron PJM 2 gal. / $9.95<br /><img height="7" width="9" src="images/stories/augustine/bullet_sw.gif" style="border-style: none;" />&nbsp;White Pine 5-6' / $99.95</td>
</tr>
</tbody>
</table>
</div>
</div>

Hi all,
I'm trying to achieve a border around columns, like on this website:
http://www.birchandbird.com

I like the blue textured border around the columns but I'm completely stuck on how I achieve that. Can anyone please help me?
Thank you so much in advance!

I have used a free web generator to churn out a button for my website.

The button is beautifully created without any button but when I run my file, it shows a black border around it. This destroy the looks completely.

My code for that line is ;-

<h3><a href="register.jsp"><img src ="tutorsbutton.png"></a></h3>

Hope someone can advise me. Many thanks.

Hi

I have built a page with a table and the thickness of the border around the entire table is different in Firefox vs IE, which impacts the way the words fit in the space.

The page is http://www.totallyrichmond.co.uk/advertise2.html
and the box concerned is the green one on the right hand side of the page

Would value any advice.

The code is:

<table width="100%" id="table8" cellpadding="10" cellspacing="0" bordercolor="#000000" border-collapse="collapse" class="style2" BORDER=1px RULES=none FRAME=box>
<tr>
<td align="left" bgcolor="#FFFFFF" style="padding-right: 10px" height="30" width="354">
<p align="right"><b>The Restaurant in Richmond</b></td>
</tr>
<tr>
<td bgcolor="#95A24B" class="style3">
<a href="advertise.html">
<img src="images/chez-gerard-steak.gif" alt="Great Sunday Lunch in Richmond" align="left" style="border: 1px solid #808080;" class="style6"></a><font color="#FFFFFF"><img alt="richmond" height="90" src="images/5-wide.gif" style="float: left" width="5">Bring your friends and family to our wonderful riverside restaurant and treat them to our acclaimed Sunday lunch. We offer a la carte, set lunch and kids menus. Children's play area. </font></td>
</tr>
<tr>
<td align="left" bgcolor="#FFFFFF" style="padding-right: 10px" height="30">
<p align="right"><b>&nbsp;</b>0208 199 9999 |

email | website</td>
</tr>
</table>