1
luciano
how to center the obs_green theme
  • 2004/8/23 16:08

  • luciano

  • Quite a regular

  • Posts: 261

  • Since: 2003/11/3


Hi all,

I tried to add a center in the css, but that didn't work, and to be honest I can't see where I clould put it in the theme.html...

Help would be appreciated.

2
incama
Re: how to center the obs_green theme
  • 2004/8/25 5:08

  • incama

  • Friend of XOOPS

  • Posts: 513

  • Since: 2003/10/24


Try to add a <div align="center"> at the top right after the <body> tag in you theme.html.
Make sure you add </div> at the bottom before </body>.

This should be it...

3
luciano
Re: how to center the obs_green theme
  • 2004/8/30 12:37

  • luciano

  • Quite a regular

  • Posts: 261

  • Since: 2003/11/3


Hi Incama,

thanks. I tried that (although I ignored the "top right" instruction" as I wasn't sure, I just put the tag right after body and at a second try after the <div class="iebody"> tag), didn't work, I even tried:

</head>
<body>
<div class="iebody" align="center">
<table cellspacing="0">
<tr id="header">
<td id="headerlogo"><a href="<{$xoops_url}>/"><img src="<{$xoops_imageurl}>/images/logo.gif" width="449" height="100" alt="" /></a></td>
<td id="headerbanner"><{$xoops_banner}></td>
<td id="headersearch" nowrap="nowrap"><form action="<{$xoops_url}>/search.php" method="post"><input type="text" name="query" class="navinput" /><input type="hidden" name="action" value="results" /> <input class="navinputImage" type="image" src="<{$xoops_imageurl}>/images/searchButton.gif" name="searchSubmit" /><img src="<{$xoops_imageurl}>/images/shim.gif" alt="" width="10" height="1" border="0"></td>
</form>
</tr>
.
.
.

Also didn't work, then I had a look at the css file, I tried some "center" s there but as it was just a random guess...

.iebody
{
width: 800px;
align: center;
}

That also didn't work. What else could I try?

Luciano


4
jmass
Re: how to center the obs_green theme
  • 2004/8/30 12:48

  • jmass

  • Friend of XOOPS

  • Posts: 524

  • Since: 2003/12/18


I am glad to see people using my theme!

I tried it centered when I was building it, but it was not good. I don't think you can have such a solid left nav column and have it look good centered.

JMass

But if you really want to do it... The body and iebody tags should be all you need.

5
luciano
Re: how to center the obs_green theme
  • 2004/8/30 15:07

  • luciano

  • Quite a regular

  • Posts: 261

  • Since: 2003/11/3


And I am glad to able to use your theme... thanks! But I think that centering would be an improvement, now it sticks to the upper-left corner and that bothers me a bit. Anyway, I just cant get it right, I hope that someone can give me a step by step


6
tjnemez
Re: how to center the obs_green theme
  • 2004/8/30 15:18

  • tjnemez

  • Home away from home

  • Posts: 1594

  • Since: 2003/9/21


should be straight up like incama suggested, do you have a link to site?

7
luciano
Re: how to center the obs_green theme
  • 2004/8/30 20:49

  • luciano

  • Quite a regular

  • Posts: 261

  • Since: 2003/11/3


I am running the site local... As soon as I can center it I will put it online. But I am running out of time, "straight up" doesn't really help me any further... I just can't seem to find out how and where to put the right tag.

8
tjnemez
Re: how to center the obs_green theme
  • 2004/8/30 20:53

  • tjnemez

  • Home away from home

  • Posts: 1594

  • Since: 2003/9/21


Quote:
But I am running out of time, "straight up" doesn't really help me any further...


was not meant to help. however, providing a link to your theme.html and style.css would likely help. up to you.

9
tjnemez
Re: how to center the obs_green theme
  • 2004/8/30 22:04

  • tjnemez

  • Home away from home

  • Posts: 1594

  • Since: 2003/9/21


okay, you can see this theme centered here:http://www.studiodezines.ca

there is a few adjustments to make this happen.

in the style.css:

.iebody
{
width: 100%;
}

table#okvir
{
background-color: #FFFFFF;
width: 760px; *\ set to whatever width *\
}

in the theme.html you need to add a table (bold).

<div class="iebody">
<table align="center" id="okvir">
<tr>
<td>

<table cellspacing="0">
<tr id="header">

at the bottom make sure the html appears like this:

"http://www.outoftheboxsolutions.com/" target="_blank"> Out of the Box Solutions, Inc.</div>
</td>
</tr>
</table></td>
</tr>
</table>

</div>

just add what is in bold to theme.html

Login

Who's Online

116 user(s) are online (63 user(s) are browsing Support Forums)


Members: 0


Guests: 116


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