Ad:

HTML and CSS Discussion Thread
Unsolved
Views: 626

Jan 2nd, 2009

Borders

Expand Post »

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

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

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 9:36 am. Reason: Keep It Organized - For easy readability, always wrap programming code within posts in [code] (code blocks) and [icode] (inline code) tags.

Similar Threads

Eliminating visible table borders? in HTML and CSS
fancy borders with images... ? in HTML and CSS
FrontPage98 help with shared borders in HTML and CSS

samuelk1934

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

1 posts
since Jan 2009

Permalink

Jan 2nd, 2009

Re: Borders

This is what you html would look like:

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:

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.

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.

roryt

Reputation Points: 178

Solved Threads: 15

Nearly a Posting Virtuoso

Offline

1,282 posts
since Oct 2005

Permalink

Jan 6th, 2009

Re: Borders

There is no p1 tag in html. One browser had a nonstandard extension that used it. My advice is DON'T!

MidiMagic

Reputation Points: 730

Solved Threads: 181

Nearly a Senior Poster

Offline

3,314 posts
since Jan 2007

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.

Previous Thread in HTML and CSS Forum Timeline: Help with CSS url links on Multi pages

Next Thread in HTML and CSS Forum Timeline: Curved buttons

DaniWeb Message

Cancel Changes

User Name
Password