Page 3 of 3

PostPosted: Tue Aug 21, 2007 8:19 pm
by marcjosef
A bit of CSS help please. http://www.pbase.com/flipmarc

Regarding my header, here's the code:

Code: Select all
H2
{
        color:  #CCCCFF;
        font-size: 18px;
        font-weight: bold;
        letter-spacing: 10px;
        text-align: left;
        height: 21px;
        position: relative;
}

H2:first-letter
{
  color:  #990000;
  font-style: bold;
  font-size: 26pt;
}


The only thing I want to know is how can I add some space before the header, so it's not all the way to the left of the screen? :?:

I tried using "preformatted" text tags( <pre> ... </pre> ), but it messes with the H2 header formating :(

I like it right where it is, except for the fact that it's all the way to the left.

PostPosted: Tue Aug 21, 2007 8:49 pm
by nkirby
Try using { text-indent: xxx} with various values in place of 'xxx' to get it positioned where you desire.

PostPosted: Tue Aug 21, 2007 9:44 pm
by marcjosef
nkirby wrote:Try using { text-indent: xxx} with various values in place of 'xxx' to get it positioned where you desire.


8) Thank you very much!!! Much appreciated.

Code: Select all
H2
{       
        color:  <getvar color1>;
        font-size: 18px;
        font-weight: bold;
        letter-spacing: 10px;
        text-align: left;
        text-indent: 100;   <------------------------
        height: 21px;
        position: relative;
}

H2:first-letter
{
  color:  <getvar color9>;
  font-style: bold;
  font-size: 26pt;
}

PostPosted: Fri Oct 12, 2007 5:17 pm
by evgenius
Thank you very much!!! :D
............

PostPosted: Fri Nov 09, 2007 4:04 pm
by marcjosef
Arjun, once again, thanks for the great CSS. I just copied your new White CSS. http://www.pbase.com/flipmarc/washington_dc&page=1


Quick question though ... I can't seem to find where in the code to remove the foot & hand print image on the lower right corner. :lol: I don't want you to sue me for trademark infringement :P :lol:

PostPosted: Fri Nov 09, 2007 7:16 pm
by dang
Arjun has said he doesn't browse the forums much these days, so I'll try and help... if you look in the body, you'll see the image in this section:
Code: Select all

body
{
padding-bottom: 10px;
margin-bottom: 20px;
margin-top: 20px;
background: rgb(255, 255, 255)
        url(http://www.pbase.com/arjunrc/image/82452966.jpg)
         bottom right no-repeat fixed;

:wink:

PostPosted: Fri Nov 09, 2007 7:31 pm
by marcjosef
Thank you very much!!! 8)

Re: Tips on understanding your own CSS !

PostPosted: Sat Jun 28, 2008 12:55 am
by paulbreen
Thanks for this. I will find it a big help.

Paul

Re: Tips on understanding your own CSS !

PostPosted: Sat Sep 06, 2008 11:52 pm
by cameraz
Once you have fiddled enough, and like what you see on the right, copy the complete style sheet on the left (select all->copy) and paste it into the usual PBase interface for CSS changes.


Can somebody please tell me how I access the interface for making CSS changes? I am a novice at this but am trying to learn.

Will appreciate any help anyone can give me. Thanks!
-----------------------------------------------------------------------------

Nevermind, folks! I found my answer in a previous post! :mrgreen:

Re: Tips on understanding your own CSS !

PostPosted: Tue Dec 02, 2008 3:02 am
by famafoto
The site that I'm looking at has 2 css files, Do I need to have them both? I copy and paste, still does not look like the page that I want to copy??? I want my page to look like http://www.pbase.com/tim32225. Bit with my photos.

Re: Tips on understanding your own CSS !

PostPosted: Thu Dec 25, 2008 6:18 pm
by cl_rollins
Thanks so much for this assistance! It really helps!
I'm going to go play with some of my pages using the Firefox WebDev and see what I can do!

Re: Tips on understanding your own CSS !

PostPosted: Sun Mar 01, 2009 11:32 am
by corotauria
Thanks all for all the tips. Without you knowing you've been very helpfull to get my way around the CSS!

One question left: Somehow, it doesn't seems possible for me to change the titles of images in galleries (so not subgalleries).
See, for example: http://www.pbase.com/corotauria/08_okt. Hopefully you'll understand I mean the blue titles in the thumbnails. :wink:

Can anyone help me with that changing? (Font as well as color).

Thanks in advance.

All the best,
Rick

Re: Tips on understanding your own CSS !

PostPosted: Wed May 13, 2009 6:05 am
by bradpitt1111
I have CSS installer installed on my computer but it doesn't shows the restore session when the light comes after a power cut!!
second question is that how the CSS style sheets are used in .net manually.I have just started using .net I wanna learn more and more of it!!
------------------------
brad pitt
Florida real estate