PDA

View Full Version : Confused about repeating a Div Style


spazzer
09-27-2009, 07:42 PM
Hi,
I am pulling my hair out on this, I am creating a report page for my fishing club website, I want to create a report and then repeat it further on in the same page, my understanding is is that a style div can be repeated as many times as neccesary but an ID div can only be used once per page !
How do I create a report that can be repeated down the page !
Do I create a report div style and wrap everything within it ? can ID divs be created within the repeated stye div ? an example would be very helpful if anyone can help,

Thanks Nick C ;-)

student101
09-27-2009, 08:11 PM
Why not try this;

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en">
<head>
<title>CSS items vertical or horizontal</title>

<style type="text/css">
#items ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
#items ul li {
display: inline; //change to block for vertical
}
#items ul li a {
text-decoration: none;
}
</style>
</head>
<body>
<div id="items">
<ul>
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Item 3</a></li>
<li><a href="#">Item 4</a></li>
<li><a href="#">Item 5</a></li>
</ul>
</div>

</body>
</html>

spazzer
09-27-2009, 08:25 PM
Thanks for reply,
I am still a little confused sorry, If I wanted to style a report to repeat over and over again down the page do i need to create the div as an unordered list item and then repeat it ,sorry if not getting this !!!

student101
09-27-2009, 08:28 PM
What does this report look or supposed to look like? could you post an image?

spazzer
09-27-2009, 08:35 PM
Hi,
I haven't designed it yet only on paper, It will have date and venue as a header and I was then going to create a table with Weather Conditions, Start Time, Finish Time, Best fish caught etc in a table, then go onto just general information about the days fishing and then finally have a table a the end odf the report with all fish caught on the day, sorry to be so vague but am getting confused as to how to repeat this kind of thing over and over again, I know templates can be used but didn't know how to do this I would like to wrap the whole report above into a div or however you do t and then repeat it again for the next times report !!!!
Sorry to be a pain !!!

student101
09-27-2009, 08:45 PM
You can look at these to get ideas;
csslayout (http://www.subcide.com/tutorials/csslayout/)
layout-generators (http://www.tripwiremagazine.com/tools/design/45-css-grid-systems-layout-generators-and-tutorials-that-every-designer-should-know.html)

First create or get a template, then add the extras.
fishing template (http://www.dotcomwebdesign.com/?Free-Website-Templates-Section-2:Fishing)
templates (http://www.templateshunt.com/free_templates.php)
templates2 (http://www.templatesweb.com/blog/tag/free/)