PDA

View Full Version : border around text


jcdevelopment
11-20-2007, 10:14 PM
what would be the quickest way to apply a border around these texts? Do i have to apply a seperate div to each one?

css:



* {
margin:0px;
padding:0px;
}

body {
background-color:#e2e1d3;
margin:0 auto;
}

br {
line-height:4px;
}

h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
text-indent:3px;
color:#000000;
padding-top:3px;
text-decoration:underline;
}

h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-indent:3px;
color:#000000;
font-weight:200;
}

a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
text-decoration:underline;
text-indent:3px;
}

a:hover {
color:#CCCCCC;
text-indent:3px;
}

#container {
background:#FFFFFF;
margin:0 auto;
width:700px;
height:800px;
border-left:1px solid #000000;
border-right:1px solid #000000;
padding:2px;
padding-top:6px;
overflow:hidden;
}




one example of the html



<div id="container">

<h1>Bulliten Board</h1>
<br />
<h2>Saolaítear na daoine uile saor agus comhionann ina ndínit agus ina gcearta. Tá bua an réasúin agus an choinsiasa acu agus dlíd iad féin d'iompar de mheon bráithreachais i leith a chéile.
</h2>
<br />
<a href="#">Link Now</a>
<br />
<br />
<br />



thanks for any suggestions

VIPStephan
11-20-2007, 11:16 PM
What do you mean? A border around the headlines and the link?


h1, h2, a {border: 1px solid lime;}


Something like that? Of course you can specify it separately for each element.

jcdevelopment
11-20-2007, 11:28 PM
ok, i will try it out and hope for the best, thank you