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

 

CSS Text Positioning Question

 
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 >> CSS Text Positioning Question
Page: [1]
 
Peppergal

 

Posts: 2204
Joined: 9/20/2002
Status: offline

 
CSS Text Positioning Question - 10/11/2003 16:35:02   
On this page www.suzannehimka.com/services.htm I would like to have a bulleted list like the one that is on the bottom of the page, only with CSS formatting instead of using font tags. Is this possible? It doesn't even have to be bulleted, but I'd like a paragraph "title" in blue, bold text, and "more information" tight up underneath it, in normal black text. As it is now there is a space between the "blue" text and the "black" and I don't want that. I want it to look like the list at the bottom. When I eliminate the space, all the text is the same.

I'm thinking that the only way I'm going to be able to accomplish this is to have everything divvied up in table cells....have the "blue" text in one cell, and the "black" in another below it. But that seems clunky to me. What am I missing? I thought I had it solved when I discovered the "class" options for CSS....but sadly, I can't figure out how to eliminate the space while maintaining the seperate text styles.

_____________________________

Northeast PA / Poconos/ Lake Wallenpaupack Real Estate
wallenpaupacklakeproperty.com
Karen's Real Estate Blog
bobby

 

Posts: 11394
Joined: 8/15/1969
From: Seattle WA USA
Status: offline

 
RE: CSS Text Positioning Question - 10/14/2003 17:15:49   
Add this to the style decalaration for the "more text" class in your CSS:

margin-top: -10px;

That will move it "up" closer to the title font... you can play witht he amount of margin, until you get the look you want.

Will that help you in what you're trying to accomplish?

I recently used this "trick" to position a tag-line of text directly underneath a horizontal rule and it worked great.

_____________________________

If con is the opposite of pro, is Congress the opposite of progress?


:)

(in reply to Peppergal)
Peppergal

 

Posts: 2204
Joined: 9/20/2002
Status: offline

 
RE: CSS Text Positioning Question - 10/15/2003 9:00:50   
Thanks Bobby! I'll give that a try. :-)

_____________________________

Northeast PA / Poconos/ Lake Wallenpaupack Real Estate
wallenpaupacklakeproperty.com
Karen's Real Estate Blog

(in reply to bobby)
Page:   [1]

All Forums >> Web Development >> Cascading Style Sheets >> CSS Text Positioning Question
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