HTML and CSS

RSS

Borders

Please support our HTML and CSS advertiser: Programming Forums

•

Posts: 1

Reputation: samuelk1934 is an unknown quantity at this point

Solved Threads: 0

samuelk1934 samuelk1934 is offline

Offline

Newbie Poster

Borders

Jan 2nd, 2009

Hi

I am trying to put a Border around 6 links to other pages. I am using a ref from a stylesheet that i have created

i made the border like this within my stylesheet

 Help with Code Tags 
 css Syntax (Toggle Plain Text) 
p4 {
border: medium double #000000;
}
p4 {
border: medium double #000000;
}

The text that i want to put the border around looks as follows

 Help with Code Tags 
 html Syntax (Toggle Plain Text) 
<p1><a href= link</a></p1>
<p1><a href= link</a></p1>
<p1><a href= link</a></p1>
<p1><a href= link</a></p1>
<p1><a href= link</a></p1>
<p1><a href= link</a></p1>
<p1><a href= link</a></p1>
<p1><a href= link</a></p1>
<p1><a href= link</a></p1>
<p1><a href= link</a></p1>
<p1><a href= link</a></p1>
<p1><a href= link</a></p1>

I have never designed a web page and i am very new to this have been trying it out to desig i webpage for the company i work for.

I am using Dreamweaver CS3

Last edited by peter_budo : Jan 6th, 2009 at 8:36 am. Reason: Keep It Organized - For easy readability, always wrap programming code within posts in [code] (code blocks) and [icode] (inline code) tags.

•

Posts: 1,266

Reputation: roryt will become famous soon enough

Solved Threads: 14

roryt

Offline

Nearly a Posting Virtuoso

Re: Borders

Jan 2nd, 2009

This is what you html would look like:

 Help with Code Tags 
 html Syntax (Toggle Plain Text) 
<div id="border_links">
<p1><a href=""> link</a></p1>
<p1><a href=""> link</a></p1>
<p1><a href=""> link</a></p1>
<p1><a href=""> link</a></p1>
<p1><a href=""> link</a></p1>
<p1><a href=""> link</a></p1>
<p1><a href=""> link</a></p1>
</div>
 
<div id="border_links">
<p1><a href=""> link</a></p1>
<p1><a href=""> link</a></p1>
<p1><a href=""> link</a></p1>
<p1><a href=""> link</a></p1>
<p1><a href=""> link</a></p1>
<p1><a href=""> link</a></p1>
<p1><a href=""> link</a></p1>
</div>

And this is the css:

 Help with Code Tags 
 css Syntax (Toggle Plain Text) 
#border_links {
border: medium double #000000;
}
#border_links {
border: medium double #000000;
}

I have changed the css identifier to the id border_links because p4 refers to a paragraph of text which isn't really what you are doing.

Actually if anything it should be displayed as a list.

 Help with Code Tags 
 html Syntax (Toggle Plain Text) 
<ul>
<li><a href="link.html">link</a></li>
<li><a href="link.html">link</a></li>
<li><a href="link.html">link</a></li>
<li><a href="link.html">link</a></li>
</ul>
<ul>
<li><a href="link.html">link</a></li>
<li><a href="link.html">link</a></li>
<li><a href="link.html">link</a></li>
<li><a href="link.html">link</a></li>
</ul>

In this case you can use the style sheet to control the unordered list element (ul).

I have also changed you link syntax because it was wrong... but i think you knew that.

I hope that helps.

PhotoShopthis
FlyingPen
If I have helped you please add to my reputation