navigation
a webmaster learning community
     Home    Register     Search      Help      Login    
Sponsors

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Search Forums
 

Advanced search
Recent Posts

 Todays Posts
 Most Active posts
 Posts since last visit
 My Recent Posts
 Mark posts read

Microsoft MVP

 

finally built a site using only CSS

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> Cascading Style Sheets >> finally built a site using only CSS
Page: [1]
 
lilblackgirl

 

Posts: 288
Joined: 5/16/2002
From:
Status: offline

 
finally built a site using only CSS - 10/3/2006 9:10:18   
i've been attempting this for some time, but never had a site I'd built be small enough to attempt, but i finally had one. No tables whatsoever.

http://www.stepbeyond.com/

my question is about spacing though. there are a number of spots within the one page that i've had to add a bunch of <br> to get the spacing to look right and how the client wanted it. Is there something within CSS that i can use to do this? I've used line height within the div container where the content is, but some of the lines require different heights. Is there an easier way to do this other than using a dozen <br>s?

thanks

_____________________________

You look like you're about to do something stupid. I'm in.
caz

 

Posts: 3518
Joined: 10/10/2001
From: Somewhere south of Chester, UK
Status: offline

 
RE: finally built a site using only CSS - 10/3/2006 9:24:01   
You could put that row in a new div and set the spacing there, or you could make use of the h tags and use a class to style them differently.

ie.
quote:

<b>Retained    Contingency     Contract</b><br><br>


There are a number of ways to approach this but you really do need to make use of header tags anyway - it helps with the semantics if nothing else. :)



_____________________________

Do not meddle in the affairs of cats, for they are subtle and will dance, or more on your keyboard.
Cheshire cat. www.doracat.co.uk

I remember when it took less than 4hrs to fly across the Atlantic.

(in reply to lilblackgirl)
lilblackgirl

 

Posts: 288
Joined: 5/16/2002
From:
Status: offline

 
RE: finally built a site using only CSS - 10/3/2006 9:36:16   
so anywhere i want an addtional break, i just create a class for it and assign it to the line i want? tell me it's not that simple. :)

any other suggestions?

_____________________________

You look like you're about to do something stupid. I'm in.

(in reply to caz)
caz

 

Posts: 3518
Joined: 10/10/2001
From: Somewhere south of Chester, UK
Status: offline

 
RE: finally built a site using only CSS - 10/3/2006 9:55:42   
Well you could do but that is almost the equivalent of using spacer gifs :) What I meant was that you could change the line heights ( or anything) in the new classes to what you needed for a quick fix.

_____________________________

Do not meddle in the affairs of cats, for they are subtle and will dance, or more on your keyboard.
Cheshire cat. www.doracat.co.uk

I remember when it took less than 4hrs to fly across the Atlantic.

(in reply to lilblackgirl)
Tailslide

 

Posts: 6003
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline

 
RE: finally built a site using only CSS - 10/3/2006 10:17:55   
As Caz said it's not a good idea to use divs unecesarily - just for presentation that is. You can however just style the stuff you've already go in there - for instance if you have a list and want to add space below it (and to make it easy assume that this list is in a div called content) then you'd just do:
#content ul {margin-bottom:20px;}


or whatever.

If you have a particular paragraph that you want to add space below then you could assign a class to the paragraph and add margin-bottom in much the same way.

_____________________________

"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project

(in reply to caz)
Page:   [1]

All Forums >> Web Development >> Cascading Style Sheets >> finally built a site using only CSS
Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts