How can I make user2 take up exacly 50% of the width

[bernardpiper]

Hi guys

I have tried a few times, but didn´t find any solution to this yet.

Im using user1 and user2 on my frontpage.

I wouldlike to use the same user2 on many of the other pages.

Problem is that the width of user2 changes once the user1 is change.

How can I make user2 take up exacly 50% of the width oh the screen no matter what happens in user1?

I think I need a pretty detailed explanation with line# in css etc.

Thanks a lot!!

[brian]

If you want a detailed explanation with line# in css then you had better provide a link to your site so that people can see what template you are using otherwise its pure guess work

[Webdongle]

And because it's 'Ugent ..' you better post back straight away with the link.

[bernardpiper]

Thanks guys.. here is the link..

BeatMacReed.com

[bernardpiper]

Oops.. sorry "urgent" ended up in the subject...!

[brian]

1. Love the favicon - not sure many people will get it

2. You have two hidden links on the page at the bottom - this is a really bad idea

3. The width is changing because you dont have an explicit width set - instead you just have two table cells with equal width which is why things are changing when user1 width changes. I would go to the user2 module and give it a module suffix eg user2 (with a space in front) and then in the cssfile add some css for that new class perhaps
div.moduletable user2{
width:400px
]

[bernardpiper]

Thanks Brian

To give you an idea of how ignorant I am when it comes to this I have the following two questions

- What is a favicon?

. How to I do this: would go to the user2 module and give it a module suffix eg user2 (with a space in front) and then in the cssfile add some css for that new class perhaps
div.moduletable user2{
width:400px

[brian]

a favicon is the icon you see in the browser tab

See http://docs.joomla.org/Using_Class_Suff ... ass_Suffix

[bernardpiper]

ohh I get it

ok.. will try the link..
I might get back to you later though... Thans so far Brian, and S.S.

[bernardpiper]

By the way..
2 hidden links??

What are they? I dont think i put anything there.. can I remove them?

[bernardpiper]

I caaled it " hoejreside" with a space in front

Then inserted this under the user1 and 2:

/* module control elements */
table.user1user2 div.moduletable {
margin-bottom: 0px;
width: 100%;

div.moduletable hoejreside {
width:4px

}

Just have the 4 px to check if it made a differents but nothing happens...

Can you see what Im doing wrong??

[bernardpiper]

can anyone please check again?

Now my css looks like this:


/* module control elements */
table.user1user2 div.moduletable {
margin-bottom: 0px;

div.hoejreside {
width:4px;
}


The 4px are just to test if it is making a different, but nothing happens so I must be doing something totally wring..


Can anyone tell me what it is??+

[bernardpiper]

Brian... I, still stocked..

Could you explain more about the css add

I added the suxxif but, even if I wrote what you told me to do in css it doesnt happen.

Did you mean the indwx file?

Thanks

[ooffick]

You could try to add something like this css rule to your template's css files:

Code: Select all

table.user1user2 td {width:50%;}

Please use firebug to identify the exact CSS rule. To learn how to use Firebug, please click here:
http://docs.joomla.org/Tutorial:Using_F ... la_Website

Olaf

[Webdongle]

@bernardpiper

I am answering your PM in the thread because my mummy and daddy told me not to talk privately with strangers. Hence my sig.

When I received your your unsolicited PM I only replied asking for a link because you led me to believe your threads were not being answered.

It was a surprise that you you sent a link to a thread you were being answered on. brian gave you an answer. And because I am busy with extremely urgent threads (Your title was called 'urgent' initially) I did not have the time to teach you how to use the css.

When I have finished with the extremely urgent threads I will be busy with really urgent threads. Then I may have time for the urgent threads.

ooffick has given you a good link and you may also find http://www.w3schools.com/css/ helpful. Please do not PM me again.