Advertise Here

Author Topic: CSS Code Question  (Read 2068 times)

0 Members and 2 Guests are viewing this topic.

Offline BlueButterfly

  • SMF For Free Member
  • *
  • Posts: 51
    • View Profile

  • Total Badges: 12
    Badges: (View All)
    Windows User Topic Starter Combination Level 2 Level 1
CSS Code Question
« on: August 03, 2008, 08:25:40 am »
In the image below is there somewhere in the CSS code to make the gap bigger between the boards?


« Last Edit: August 03, 2008, 08:29:35 am by BlueButterfly »

Offline Jessie

  • SMF For Free Hero
  • *
  • Posts: 754
    • View Profile
    • iSimple

  • Total Badges: 18
    Badges: (View All)
    Windows User Apple User Mobile User Topic Starter Combination
Re: CSS Code Question
« Reply #1 on: August 03, 2008, 09:25:58 am »
As far as I know, no there isn't.

*EDIT its a set space CSS doesn't have anything to do w/ it..*
« Last Edit: August 03, 2008, 10:04:03 am by Jessie »
Feel free to PM me or email me. ;)

My Forum :)

Offline simply sibyl

  • Helpers
  • *
  • Posts: 14347
  • On hiatus
    • View Profile
    • The Tent Dwellers

  • Total Badges: 31
    Badges: (View All)
    Level 6 Poll Voter Webmaster Arcade Highscore Windows User
Re: CSS Code Question
« Reply #2 on: August 03, 2008, 10:04:07 am »
Bluebutterfly.   no, you cannot do that with the CSS - you can only change the colors/images/fonts/borders/backgrounds in the css.  The layout of the forum itself is in the Html.     

Offline Kalphiter

  • SMF For Free Full Member
  • *
  • Posts: 135
  • DE30AC #409
    • View Profile

  • Total Badges: 14
    Badges: (View All)
    Topic Starter Combination Level 3 Level 2 Level 1
Re: CSS Code Question
« Reply #3 on: August 03, 2008, 10:04:17 am »
padding: 1px, 1px, 1px, 1px;

Does that help?(if it's a table use HTML to change it, or use cell-padding)


Nevermind, I see that that is not part of any table and is a space between it; Sorry :(



You could maybe use padding anyway, because I think that will change out-side space. Find the class that one of them is in.
« Last Edit: August 03, 2008, 10:07:16 am by Kalphiter »

Offline simply sibyl

  • Helpers
  • *
  • Posts: 14347
  • On hiatus
    • View Profile
    • The Tent Dwellers

  • Total Badges: 31
    Badges: (View All)
    Level 6 Poll Voter Webmaster Arcade Highscore Windows User
Re: CSS Code Question
« Reply #4 on: August 03, 2008, 10:05:46 am »
Kalphiter -  yep.. no way to change the HTML to add a space and it cannot be done in the css.

Offline Kalphiter

  • SMF For Free Full Member
  • *
  • Posts: 135
  • DE30AC #409
    • View Profile

  • Total Badges: 14
    Badges: (View All)
    Topic Starter Combination Level 3 Level 2 Level 1
Re: CSS Code Question
« Reply #5 on: August 03, 2008, 10:11:18 am »
Quote
/* This is used for categories, page indexes, and several other areas in the forum.
.catbg and .catbg2 is for boardindex, while .catbg3 is for messageindex and display headers*/
.catbg , tr.catbg td , .catbg3 , tr.catbg3 td
{
   background: url(http://i148.photobucket.com/albums/s20/smfstyles/bluegrey/catbg.png)          #3C5F86 repeat-x;
   color: #ffffff;
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 0px;
       
}

Yeah it might affect other things however -- it is in the HTML for the padding, you might be out of luck.

Offline simply sibyl

  • Helpers
  • *
  • Posts: 14347
  • On hiatus
    • View Profile
    • The Tent Dwellers

  • Total Badges: 31
    Badges: (View All)
    Level 6 Poll Voter Webmaster Arcade Highscore Windows User
Re: CSS Code Question
« Reply #6 on: August 03, 2008, 10:31:52 am »
Kal - adding that won't push the boards further apart.   That'll change the padding for the Board titles - the amount of space in pixels that the title is in that area from the left, right  (top and bottom as well if you add them)      (and of course any other area that use catbg.   If you add padding-top:  and put a figure there that is higher you'll just wind up making the catbg taller  ;)
« Last Edit: August 03, 2008, 10:35:37 am by simply sibyl »

Offline Celebrus

  • SMF For Free Hero
  • *
  • Posts: 941
    • View Profile
    • Vikhyat Korrapati

  • Total Badges: 16
    Badges: (View All)
    Topic Starter Combination Level 3 Level 2 Level 1
Re: CSS Code Question
« Reply #7 on: August 03, 2008, 10:37:53 am »
Would margins work here? Not really sure, but something like:
Code: [Select]
margin-top: _px;
in the appropriate section in CSS. I don't really know, I've only used it in school and not as CSS, directly in the HTML.

Offline simply sibyl

  • Helpers
  • *
  • Posts: 14347
  • On hiatus
    • View Profile
    • The Tent Dwellers

  • Total Badges: 31
    Badges: (View All)
    Level 6 Poll Voter Webmaster Arcade Highscore Windows User
Re: CSS Code Question
« Reply #8 on: August 03, 2008, 10:40:50 am »
that pushs the catbg further down inside the table it is in.    You'll see the border, the background of the table, and the catbg pushed down inside that table.     See attached.
« Last Edit: August 03, 2008, 10:42:54 am by simply sibyl »

Offline Celebrus

  • SMF For Free Hero
  • *
  • Posts: 941
    • View Profile
    • Vikhyat Korrapati

  • Total Badges: 16
    Badges: (View All)
    Topic Starter Combination Level 3 Level 2 Level 1
Re: CSS Code Question
« Reply #9 on: August 03, 2008, 10:53:58 am »
What happens when it is applied to the tborder?

Offline simply sibyl

  • Helpers
  • *
  • Posts: 14347
  • On hiatus
    • View Profile
    • The Tent Dwellers

  • Total Badges: 31
    Badges: (View All)
    Level 6 Poll Voter Webmaster Arcade Highscore Windows User
Re: CSS Code Question
« Reply #10 on: August 03, 2008, 10:59:44 am »
What happens when it is applied to the tborder?

It will push the top of the forum down.
It will push the first category down so there is more space tween the tab bar and the first category.
It will push the Info center down.
It wont increase the space between the categorys though.

Offline BlueButterfly

  • SMF For Free Member
  • *
  • Posts: 51
    • View Profile

  • Total Badges: 12
    Badges: (View All)
    Windows User Topic Starter Combination Level 2 Level 1
Re: CSS Code Question
« Reply #11 on: August 07, 2008, 08:45:58 am »
It was worth a shot.  If it can't be done, it can't be done!

Thanks for all the responses though..... :smitten:

 

Related Topics

  Subject / Started by Replies Last post
2 Replies
1034 Views
Last post June 14, 2007, 02:44:57 pm
by Freetalk creator
2 Replies
912 Views
Last post September 22, 2007, 07:25:47 pm
by x-Treme
3 Replies
993 Views
Last post November 28, 2008, 02:59:07 pm
by interruption
0 Replies
1242 Views
Last post March 19, 2009, 01:52:48 pm
by Andrew
1 Replies
2911 Views
Last post July 25, 2011, 09:56:56 am
by simply sibyl