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 Themes and Templates Support forums / 
  3. Theme stylesheets (CSS) help 
  4.  / Center logo ?
Register
1
zBoost
Center logo ?

  • 2005/10/14 0:13

  • zBoost

  • Just popping in

  • Posts: 7

  • Since: 2005/8/30


Ok my site is www.cssbg.com and i plan to change the logo, so also wanted to make some improvements. How it can be set to appear centered ? It is full on 1024x768 and doesn't matter but i look @ 1280x1024 and the logo is starting from the left and coz it isn't 1280 width there is an empty gap in the right. Thats a problem for bigger resolutions than 1024. So i've looked in the htm and changed a few things with no result :(

<td class="l"></td>
<td class="bkg" width="100%">
<a href="http://www.forumimages.com/">
<img src="<{$xoops_url}>/themes/<{$xoops_theme}>/images/logo.gif" alt="Original Themes By Daz" align="right" /></a>
</td>


I've chaged align="right" to "center" but didn't worked :\

Also here is the css string:

td.bkg {
    background-image: url(images/cellpic_bkg.gif);
    height: 120px;
    vertical-align: bottom;
    background-repeat: no-repeat;
    padding:5px;
}


Can someone help me with what should I change ?
2
gestroud
Re: Center logo ?

  • 2005/10/14 1:16

  • gestroud

  • Home away from home

  • Posts: 1538

  • Since: 2004/12/22


Would putting <center> and </center> around your image tags work?
3
TottoBG
Re: Center logo ?

  • 2005/10/14 14:14

  • TottoBG

  • Not too shy to talk

  • Posts: 111

  • Since: 2005/8/18


zBoost, I can't see the logo on the site now?
Anyway, for what you needed you have to add
text-align: center;
to your css file for your td.bkg class. And if it also doesn't work add
align="center"
as your image's property so both it and the td align to work.

Welcome to a new XOOPS user from Bulgaria!
4
thgirblam
Re: Center logo ?

  • 2005/10/15 2:09

  • thgirblam

  • Just popping in

  • Posts: 32

  • Since: 2004/8/14


I'm having the same problem as Zboost. I'm running 2.0.13 on 2 different sites where I'd like to center the logo. What has worked with older XOOPS versions has not worked on these sites. Here is the theme.html code as I have edited it:Quote:
<tr id="header">
<div align="center">
<td id="headerlogo"><a href="<{$xoops_url}>/"><div align="center"><img src="<{$xoops_imageurl}>logo.jpg" align="center" alt=""/></a></td>


I also edited style.css and centered the text entries with the same results.

Any ideas?
Thanks,
Mark
______
XOOPS Version XOOPS 2.5.0
PHP Version 5.2.14
mySQL Version 5.0.91-log
5
WarDick
Re: Center logo ?

  • 2005/10/15 6:06

  • WarDick

  • Just can't stay away

  • Posts: 890

  • Since: 2003/9/13


Neither of you have posted enough information.

Look between the <tr> </tr> tags. There are probably more than one <td> tag. You code is probably centering it in the space allocated for the <td>. To center it on the page you will need to remove the other <td> tags. One of them will usually hold the <{$xoops_banner}>.
Urging XOOPS to be the Best It Can Be.
Richard......
6
thgirblam
Re: Center logo ?

  • 2005/10/15 7:58

  • thgirblam

  • Just popping in

  • Posts: 32

  • Since: 2004/8/14


Quote:
.....To center it on the page you will need to remove the other <td> tags. One of them will usually hold the <{$xoops_banner}>.


Awesome!

That did the trick. I removed the entire header banner line since I'm not using banners.

Thanks for your assistance.
Thanks,
Mark
______
XOOPS Version XOOPS 2.5.0
PHP Version 5.2.14
mySQL Version 5.0.91-log
7
zBoost
Re: Center logo ?

  • 2005/10/15 11:50

  • zBoost

  • Just popping in

  • Posts: 7

  • Since: 2005/8/30


Ok, nothing helped but i've understood some things. Look at www.zboost.net i am testing here the original theme.

First on fiblack3d there are 2 logos. The first one is declined in the css and is this:

Quote:
td.bkg {
background-image: url(images/cellpic_bkg.jpg);
height: 120px;
vertical-align: bottom;
background-repeat: no-repeat;
padding:5px;
}


The other logo you can see it - Resized Image

THIS is declined in the htm and has nothing to do with the css logo:

<tr>
<td class="l"></td>
<td class="bkg" width="100%">
<a href="http://www.forumimages.com/">
<img src="<{$xoops_url}>/themes/<{$xoops_theme}>/images/logo.gif" alt="Original Themes By Daz" align="right" /></a>
</td>


So i can simply center this by editing the htm and it works, but i don't have an idea what is the string for centering in the css. I've tryed text-align: middle; vertical-align: middle; and center but doesn't works. Wardick i know u have experience with css's so do u know how to make the css image centered ?
8
TottoBG
Re: Center logo ?

  • 2005/10/16 19:14

  • TottoBG

  • Not too shy to talk

  • Posts: 111

  • Since: 2005/8/18


In css 'middle' is used for vertical-align and 'center' for horizontal align. And 'text-align' is used to align the content of a block element (like a td, div, span, p, for example), so it shouldn't work for an inline content element (like an img). But in fact I haven't seen a horizontal align css inline property, while the vertical-align one works ok. Don't know..
9
zBoost
Re: Center logo ?

  • 2005/10/17 9:00

  • zBoost

  • Just popping in

  • Posts: 7

  • Since: 2005/8/30


i've deleted the css logo, and put mine on the htm centered. so it works this way :)

Login

Register now!  |  Lost Password?

Search

Advanced Search

Recent Posts

Who's Online

235 user(s) are online (164 user(s) are browsing Support Forums)

Members: 0

Guests: 235

more...

Donat-O-Meter

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

Latest GitHub Commits