Webforumz's RSS FeedRSS Webforumz RegistrationRegister Contact Webforumz StaffContact

[SOLVED] tabs with CSS

This is a discussion on "[SOLVED] tabs with CSS" within the Web Page Design section. This forum, and the thread "[SOLVED] tabs with CSS are both part of the Design Your Website category.


 Subscribe in a reader

Go Back   Webforumz.com > Main Forums > Design Your Website > Web Page Design

Notices




Reply
 
LinkBack Thread Tools
  #1  
Old Mar 18th, 2008, 01:23
CloudedVision's Avatar
Moderator
Join Date: Feb 2008
Location: In My Own Little World
Age: 14
Posts: 1,344
Blog Entries: 9
Thanks: 2
Thanked 45 Times in 45 Posts
[SOLVED] tabs with CSS

I want to let my website have tabbed paragraphs. Is there a way to do this in CSS. Something so the first line always start 20px or so more to the right?
__________________
Web Design And Development: Other Road Design | Problems with IE6?: KApp | My Blog: Only Nerds Allowed | Learning PHP? Lessons
Last Blog Entry: Hilarious Rapper (Jul 29th, 2008)
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #2  
Old Mar 18th, 2008, 01:40
CloudedVision's Avatar
Moderator
Join Date: Feb 2008
Location: In My Own Little World
Age: 14
Posts: 1,344
Blog Entries: 9
Thanks: 2
Thanked 45 Times in 45 Posts
Re: tabs with CSS

nevermind, text-indent works great
__________________
Web Design And Development: Other Road Design | Problems with IE6?: KApp | My Blog: Only Nerds Allowed | Learning PHP? Lessons
Last Blog Entry: Hilarious Rapper (Jul 29th, 2008)
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #3  
Old Mar 18th, 2008, 15:43
Elite Veteran
Join Date: Aug 2005
Location: That Place
Posts: 2,044
Blog Entries: 1
Thanks: 0
Thanked 37 Times in 37 Posts
Re: tabs with CSS

that or the css property #foo:first-letter etc etc.. so you can just style/target the first letter of any paragraph contained in #foo. Glad you got it sorted though.
__________________

Last Blog Entry: Apps every Mac based web dev should consider (Jul 10th, 2008)
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #4  
Old Mar 23rd, 2008, 04:17
New Member
Join Date: Jul 2004
Location: Olympic Penninsula WA
Posts: 9
Thanks: 0
Thanked 0 Times in 0 Posts
Re: tabs with CSS

If you want ALL your paragraphs to be indented add this to your stylesheet:
Code: Select all
p
{
margin:5px 30px;
text-align:left;
text-indent:20px;
}
Sometimes I don't want a paragraph to indent so I create this class:
Code: Select all
p.noindent
{text-indent:0;}
html would be;
HTML: Select all
<p class="noindent">
Hope this is helpful.

To your Health, Wealth and Success
ClaireP

Last edited by Aso; Mar 23rd, 2008 at 13:08.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Reply

Tags
tabs, text-indent

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
staggered tabs in IE7 WebMachine Starting Out 4 Oct 1st, 2007 11:21
jquery tabs prob karloff JavaScript Forum 0 Jul 4th, 2007 22:21
Tabs on my webpage pengyou Starting Out 5 May 23rd, 2007 21:52
CSS tabs titaniumbean Web Page Design 5 Aug 18th, 2005 10:50
[SOLVED] Disable Button while using Tabs Anonymous User JavaScript Forum 1 Sep 14th, 2004 10:12


All times are GMT. The time now is 16:23.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0 RC8