Support Forums - All Posts - XOOPS Web Application System

11

CSS transparency and HTML background image?!

2006/5/12 13:26
hutman
Just popping in
Posts: 58
Since: 2006/3/15

Hi, I'm trying to make a cell with a background image and a CSS menu (multimenu) but I'm having some difficulty.

What I've done so far is resize the CSS menu to fit the cell and set it's background colour to 'transparent'. This appears to work and makes the menu background transparent.

The final stage is to set the background image of the cell to a certain image - this I've done, but when the CSS menu is in the cell, it doesn't appear?

Does anyone know how I can achieve this effect?

You can see the menu at www.cgenie.net

The block code is:

<td colspan="2" background="{$xoops_url}/themes/{$xoops_theme}/images/menubar_05.jpg"><{foreach item=block from=$xoops_lblocks}>
<{if $block.title == "navbar"}>
<{$block.content}>
<{/if}>
<{/foreach}></td>

This should work shouldn't it? I dunno if I've missed something obvious!?

12

Re: Spotlight view on Xoops.org

2006/5/11 18:14
hutman
Just popping in
Posts: 58
Since: 2006/3/15

you the man bandit-x! I'll need to keep an eye on this thread for when it's released!

13

Re: changing a site to fixed widths?

2006/5/11 17:01
hutman
Just popping in
Posts: 58
Since: 2006/3/15

Hi guys,

thanks for all the advice!

Quest: I'm not sure what you mean about the sum of the graphics being 1500+ pixels wide - I've specifically set the graphics to be 966px in total - so the html is:

<table width="966" cellspacing="0" cellpadding="0" class="bg">
<tr><td width="255"><img src="<{$xoops_url}>/themes/<{$xoops_theme}>/images/menubar_01.jpg" width="255" height="104" /></td>
<td width="642"><img src="<{$xoops_url}>/banners/banner.jpg" width="642" height="104" /></td>
<td width="69"><img src="<{$xoops_url}>/themes/<{$xoops_theme}>/images/menubar_03.jpg" width="69" height="104" /></td>
</tr>

I've taken the px out of theses (as you can see, but it doesn't appear to affect the rendering of the page...?

XUser: yeah I reckon that'd work if I could set the outer table to be another css class or something - how would I do this though - the css is specifying table = 100% so that'll affect all tables - I'm very new to css so I'm not sure how I can specify only a specific table.

maybe if I put class=outertable and then made an outertable bit in the css?! I'm just making this up really so any tips would be most appreciated!

14

Re: changing a site to fixed widths?

2006/5/11 7:01
hutman
Just popping in
Posts: 58
Since: 2006/3/15

hmm hi guys, thanks for the suggestions - I've tried all your ideas, but it's still not making a difference.

There's a CSS % that I can't seem to change:

table {
width: 100%;
margin: 5;
padding: 5;

font-size: small
}

If I set this to 966px, then all the tables are that width - so I don't think that's gonna work.

Apart from that, it's the only width % left in the CSS - so how's it stretching to fullscreen!?!

15

changing a site to fixed widths?

2006/5/10 21:28
hutman
Just popping in
Posts: 58
Since: 2006/3/15

Hi - I'm trying to change a theme from a variable width one to a fixed width (966 wide).

I've swapped all the % references that were in the css and the theme, however it is for some reason still stretching to the full screen size?!

Can anyone figure out what's happening?

The site is - www.cgenie.net

Many thanks!

16

Re: Spotlight view on Xoops.org

2006/5/10 8:14
hutman
Just popping in
Posts: 58
Since: 2006/3/15

this looks incredible bandit-x! How close do you think it is to being released?! If you need any help testing etc etc - I'm more than happy to help - this'll be a superb little module soon!

17

Re: multimenu oddness

2006/5/9 12:22
hutman
Just popping in
Posts: 58
Since: 2006/3/15

Hi Wizanda - yeah I've fixed that now - it's just the bugging CSS that is messing up - you can see what a mess it is on www.cgenie.net

I'm trying to think why CSS would mess up and the other menus wouldn't...

I've basically got a choice of Javascript menu that appears much lower when moused over in IE6

or

A CSS menu that would look cool if I could get the #OOPS# thing working and would appear the same in IE6 and others... I hope...

18

Re: multimenu oddness

2006/5/9 12:03
hutman
Just popping in
Posts: 58
Since: 2006/3/15

hmm I solved the right-click by changing one of the context2 settings in a totally different menu!? Hmm, well it's fixed now anyway!

Now if I can just figure out why IE6 doesn't display it properly I'll be a happy chappy indeed...

Basically I've got it to the stage where if I set my menu to dropdown horizontal it appear perfectly in all browsers - if I set it to horizontal CSS - it messes up in both browsers!

I've left the site at the 'messed up stage' can anyone see any reason why it'd shove everything over the right if I have a css menu?

I much prefer the look of the CSS menu - so if it's possible, then I'd vastly prefer that - but it appears to be more hassle than it's worth!

19

Re: multimenu oddness

2006/5/9 11:36
hutman
Just popping in
Posts: 58
Since: 2006/3/15

Hi Solo -

1) I can't see any 'contextual menu' in the block settings - the only thing related or similar in either your help files or from looking through all the options is the block formate settings 'context ' and 'context2' - my menu isn't set to these anyway - it's dropdown horizontal... I must be missing some block setting option somewhere?!!? Does anyone know where this 'contextual menu' can be found?

2) I've got dropdown horizontal activated at the moment, but to be honest I'll be happy with any horizontal menu that works! I'll have another dig into the block code for that menu...

20

Re: Spotlight view on Xoops.org

2006/5/9 11:22
hutman
Just popping in
Posts: 58
Since: 2006/3/15

yeah this is a brilliant little module and it was supposed to be getting developed further, but nothing appears to have happened - I'd love to be able to easily scale up/down the number of news sections... ;(

Maybe Smartfactory will take it over! ;) They'll be taking over the core too soon!

Stats
Goal:	$100.00
Due Date:	May 31
Gross Amount:	$0.00
Net Balance:	$0.00
Left to go:	$100.00

Forum Index

CSS transparency and HTML background image?!

Re: Spotlight view on Xoops.org

Re: changing a site to fixed widths?

Re: changing a site to fixed widths?

changing a site to fixed widths?

Re: Spotlight view on Xoops.org

Re: multimenu oddness

Re: multimenu oddness

Re: multimenu oddness

Re: Spotlight view on Xoops.org

Login

Search

Recent Posts

Re: Rebuilding and Updating a 20 years old Xoops Website from 2.0.18? to 2.5.11

Rebuilding and Updating a 20 years old Xoops Website from 2.0.18? to 2.5.11

Re: NewBB v 5.1.0 b 6

Re: NewBB v 5.1.0 b 6

NewBB v 5.1.0 b 6

Re: XOOPS 2.5.11 search user is not working

Re: oledrion

Re: oledrion

Re: oledrion

Re: oledrion

Who's Online

Donat-O-Meter

Latest GitHub Commits

{{ record.sha.slice(0, 7) }} - {{ record.commit.message | truncate }}