Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations derfloh on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Changing Blockqoute with .css 1

Status
Not open for further replies.

danielh68

Technical User
Joined
Jul 31, 2001
Messages
431
Location
US
Hi.

Here's my problem:

I want to indent a line of text roughly 5 points, but I prefer not to add five spaces "&nbsp" to my code everytime when inserting new text. So, I decided to edit the .html tag using .ccs. However, when I insert 5 pts. within the "text indent" under "Block" category nothing happens. For experiment sake, I tried 10, 15, 20 points and it doesn't change the default html attribute. What gives? Should I be going someplace else? Any advice is dearly appreaciated.

Thanks,
danH
 
highlight the text you want to apply the css to and apply "blah blah blah blah blah..."-Dennis Quaid
 
Hi danielh68!

I think there could be a mistake in your code. Could you please give a link or post a code. Good Luck! :-)
 
I'm back. I posted the site. It's only in its beginning stages...very rough...pieces are missing. In any case, you can view my problem at:


Like I said earlier, I redefined the HTML tag "Blockqoute" and gave it an indent of 5 pts. A strange result occurs, which you can see at the test site under "About Us", it executes a complete indent on "Overview", then it adds what looks to be roughly 5 pts afterwards. Ideally, I want the subtext/links right under the "o" or "u" in the "About Us" heading. Again, any expertise on the subject is welcome.

Thanks,
DanH
 
danielh68, hi again!

Firstly, I very like the look of your site! :-)

Secondly, about blockquote CSS style. Text-indent style indents only first line of a text block, that's why you have only "Overview" 5 pixels right.

I'd suggest:

1) Either change BLOCKQUOTE CSS - replace text-indent with marging-left (under Box category). In this case it works OK with IE but not with NS... Because for IE you need to set marging-left let's say 10px, but for NS you need -10px. You may create two CSS files - one for IE and another one for NS. One more thing: I personally wouldn't use blockquote tag at all - just apply css to table cell...

2) or use tables. Insert table in the cell where you have submenu. Make two columns for the table, set width of first column equal to let's say 10px and in the second one insert submenu item(s). This way is a bit complicated but it makes you sure that it will work and look absolutely the same in ALL browsers.

What do you think? Good Luck! :-)
 
Thanks Eugene,

I decided to take option #2. Initially, I did create tables, but I thought "well, why not experiment with CSS". However, after reading about option #1 it sounds like tables are the safest & easiest way to go. Thanks again for your help. Oh, and thanks for the compliment on the site.

--DanH
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top