XOOPS 
Forum
Forum Index General Forums Community Support Modules Support Themes Support Development International Support Module Hack Reviews Theme Designer Talk
  1. Board index / 
  2. XOOPS Community Support forums / 
  3. Beginner's Corner 
  4.  / Buttons
Register
1
maykeltje
Buttons

  • 2006/9/4 7:01

  • maykeltje

  • Just popping in

  • Posts: 16

  • Since: 2005/6/6 1


Hello everyone. I'm making a XOOPS site but my problem is that the buttons are to close on eacht other. How can i make the buttons with a gap between them. I tried to set a <br> in de css script but that doesn't work.

Sorry for my bad englisch.
2
limecity
Re: Buttons

  • 2006/9/4 7:35

  • limecity

  • Friend of XOOPS

  • Posts: 1602

  • Since: 2003/7/6 0


may i know what buttons you are refering to?
http://www.mounthiking.com
all your hiking gears and gadgets

3
maykeltje
Re: Buttons

  • 2006/9/4 8:55

  • maykeltje

  • Just popping in

  • Posts: 16

  • Since: 2005/6/6 1


My menu buttons. They are to close to each other I want to create more space between them.

Thanks for helping me out
4
limecity
Re: Buttons

  • 2006/9/4 9:56

  • limecity

  • Friend of XOOPS

  • Posts: 1602

  • Since: 2003/7/6 0


what theme are you using in your website?
http://www.mounthiking.com
all your hiking gears and gadgets

5
maykeltje
Re: Buttons

  • 2006/9/4 10:10

  • maykeltje

  • Just popping in

  • Posts: 16

  • Since: 2005/6/6 1


The default theme. With the normal css script
6
StevenB
Re: Buttons

  • 2006/9/4 14:23

  • StevenB

  • Just popping in

  • Posts: 61

  • Since: 2006/9/3 2


You can ake changes to the css in themes/default/style.css.
Make a copy of it first just in case.

Steve
7
maykeltje
Re: Buttons

  • 2006/9/4 15:32

  • maykeltje

  • Just popping in

  • Posts: 16

  • Since: 2005/6/6 1


I thought so but what or were do I have to change something to get more space between the buttons.
8
StevenB
Re: Buttons

  • 2006/9/5 0:13

  • StevenB

  • Just popping in

  • Posts: 61

  • Since: 2006/9/3 2


OK look for this line...
td#mainmenu a {background-color: #E8EFF8; display: block; margin: 0; padding: 4px;} (note the #E8EFF8 is my SS color)
Changing margin from 0 to 5px will give you a 5px space between your links. ( they're not really buttons)
From one newb to the next, I hope this helps.

DON'T FORGET TO MAKE A COPY FIRST!

Regards,
Steve
9
maykeltje
Re: Buttons

  • 2006/9/5 15:13

  • maykeltje

  • Just popping in

  • Posts: 16

  • Since: 2005/6/6 1


Oke i tried. My css is now like this:

td#mainmenu a {background-color: #FFFFFF; url(http://www.website.nl/themes/default/bg.jpg) height: 62; width; 162; no-repeat;display: block; margin: 5px; padding: 0px; background: #e3e8e0 url(blankbutton.gif) no-repeat;
text-align: center;}


The bg.jpg is a background of the whole menu and works. The blankbutton comes as a button behind the button tekst. This works.

When I change margin to 5px the menu also goes to the right? I think 5 px to the right and a space between them. Why does that change both?

Greetings ans thanks to all helpers
10
maykeltje
Re: Buttons

  • 2006/9/5 15:14

  • maykeltje

  • Just popping in

  • Posts: 16

  • Since: 2005/6/6 1


Oke i tried. My css is now like this:

td#mainmenu a {background-color: #FFFFFF; url(http://www.website.nl/themes/default/bg.jpg) height: 62; width; 162; no-repeat;display: block; margin: 5px; padding: 0px; background: #e3e8e0 url(blankbutton.gif) no-repeat;
text-align: center;}


The bg.jpg is a background of the whole menu and works. The blankbutton comes as a button behind the button tekst. This works.

When I change margin to 5px the menu also goes to the right? I think 5 px to the right and a space between them. Why does that change both?

Greetings ans thanks to all helpers
(1) 2 »

Login

Register now!  |  Lost Password?

Search

Advanced Search

Recent Posts

Who's Online

205 user(s) are online (92 user(s) are browsing Support Forums)

Members: 0

Guests: 205

more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: Jun 30
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits