•
•
•
•
What is DaniWeb IT Discussion Community?
You're currently browsing the HTML and CSS section within the Web Development category of DaniWeb, a massive community of 391,592 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 2,694 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.
Please support our HTML and CSS advertiser: Lunarpages Web Hosting
Views: 2503 | Replies: 4
 |
•
•
Join Date: May 2005
Posts: 23
Reputation: 
Rep Power: 4
Solved Threads: 0
Newbie Poster
i have tried making a horizontal rule <hr> that i can put under my text links but it always spaces them out by a huge amount. I am trying to achieve the effect that is kind of like what you see to the right of this page. But exactly like what you see on the left link set on www.seochat.com.
i am using dreamweaver can someone help?
i am using dreamweaver can someone help?
N2Ads.com - Your online source for Indie Music, Music Promotion, and Music Resources!
Provided for and created by Music Artists and Fans.
Provided for and created by Music Artists and Fans.
•
•
Join Date: Jun 2005
Location: Denmark, EU
Posts: 102
Reputation:
Rep Power: 4
Solved Threads: 3
Junior Poster
It's most likely done with background images in DIVs or table cells
<style>
.field { height: 20px; line-height: 20px;
background: #ffffff url(somepicture.jpg); padding: 4px; }
</style>
<body>
<div class="field">link1</div>
or
<TD class="field">link1</TD> •
•
Join Date: Dec 2004
Posts: 1,589
Reputation:
Rep Power: 7
Solved Threads: 34
Actually, that's achieved by setting the border property. CSS allows you to set border-top, border-bottom, border-left, and border-right, independently.
You can also set the border width and style, to get a grooved or inset border.
So, search for "CSS border properties", and you should be on the right track.
You can also set the border width and style, to get a grooved or inset border.
So, search for "CSS border properties", and you should be on the right track.
•
•
Join Date: May 2005
Posts: 23
Reputation:
Rep Power: 4
Solved Threads: 0
Newbie Poster
THANKS, will do!
N2Ads.com - Your online source for Indie Music, Music Promotion, and Music Resources!
Provided for and created by Music Artists and Fans.
Provided for and created by Music Artists and Fans.
•
•
Join Date: Aug 2005
Posts: 3
Reputation:
Rep Power: 0
Solved Threads: 0
Newbie Poster
•
•
•
•
Originally Posted by n2ads
THANKS, will do!
styled HR
<!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" xml:lang="en" lang="en">
<head>
<title>12345 12345 12345 12345</title>
<style type="text/css">
.hr,.hr100{
background:#ff0000;/*NS FF OP */
color:#ff0000;/*IE*/
border:none;/*FF NS OP*/
height:1px;/*FF NS OP*/
width: 98%;
}
.hr100{
height:100px;
background:#00ff00;/*NS FF OP */
color:#00ff00;/*IE*/
border:10px solid #0000ff;/*IE FF NS OP*/
}
</style>
</head>
<body>
<hr />
<p></p>
<hr class="hr" />
<hr class="hr100" />
</body>
</html>
|
•
•
•
•
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
•
•
•
•
•
•
•
•
DaniWeb HTML and CSS Marketplace
Linear Mode
- horizontal line/rule in JComboBox? (Java)
- Microsoft Access 2003 Validation Rule (MS Access and FileMaker Pro)
- MS Access validation rule help (MS Access and FileMaker Pro)
- Confused & frustrated (Web Developers' Lounge)
- GIS Forum - please test and use - leave a thread or two! (Website Reviews)
Other Threads in the HTML and CSS Forum
- Previous Thread: i-frame problem
- Next Thread: Are these sites validated across the board?
