Jump to content

Header With "Part" Strikethrough


hybrid kill3r
 Share

Recommended Posts

Hi take a look at this code, not the best codewise but it works! :)

<div id="container">    <h2 id="recruit_heading">NEW RECRUITS</h2><hr id="first_hr" noshade="noshade" />    <hr class="hidden" />    <div class="multiple_divs"></div>    <div class="multiple_divs"></div>    <div class="multiple_divs"></div>    <div class="multiple_divs"></div>    <div class="multiple_divs"></div>    <div class="multiple_divs"></div>    <div class="multiple_divs"></div>    <div class="multiple_divs"></div>    <div class="multiple_divs"></div>    <div class="multiple_divs"></div>    <div class="multiple_divs"></div>    <div class="multiple_divs"></div>    <div class="multiple_divs"></div>    <div class="multiple_divs"></div>    <div class="multiple_divs"></div>    <hr id="second_hr" noshade="noshade" />    <h2 id="players_heading">VIEW ALL PLAYERS</h2>    <hr class="hidden" /></div>

CSS:

h2{    color: #c0c0c0;}#container{    background-color: #545353;    border: 1px solid #000;    width: 58%;    padding: 1%;}#recruit_heading{    margin: 0px 20px 0px 0px;    float: left;}#first_hr{    color: yellow;    background: yellow;    border: 1px solid yellow;}.multiple_divs{    border: 1px solid #c0c0c0;    width: 17.5%;    margin: 1%;    float: left;    height: 100px;}#second_hr{    color: yellow;    background: yellow;    border: 1px solid yellow;    clear: left;    float: left;    width: 60%;}#players_heading{    margin: 1%;    float: right;}.hidden{    visibility: hidden;    clear: both;}

Hope it helps, Regards, Lab

Link to comment
Share on other sites

if the size of the line is going to be fixed, then just use an image tag. If it could repeat variably, you could use a <span> and give it

span.strike-through{  display: inline-block;  height:  10px; //or whatever  width:  100px //or whatever  background-image: url("path/to/image.jpg");  background-repeat: repeat-x;} //...//<span class="strike-through"><span>

Edited by thescientist
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...