Page 1 of 1

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

Posted: Fri Nov 18, 2011 10:08 am
by 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!! :)

Re: Ugent..

Posted: Fri Nov 18, 2011 10:14 am
by 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

Re: Ugent..

Posted: Fri Nov 18, 2011 10:17 am
by Webdongle
And because it's 'Ugent ..' you better post back straight away with the link.

Re: Ugent..

Posted: Fri Nov 18, 2011 10:29 am
by bernardpiper
Thanks guys.. here is the link..

BeatMacReed.com

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

Posted: Fri Nov 18, 2011 10:34 am
by bernardpiper
Oops.. sorry "urgent" ended up in the subject...!

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

Posted: Fri Nov 18, 2011 10:43 am
by 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
]

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

Posted: Fri Nov 18, 2011 10:51 am
by 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

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

Posted: Fri Nov 18, 2011 10:57 am
by brian
a favicon is the icon you see in the browser tab

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

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

Posted: Fri Nov 18, 2011 11:04 am
by 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.

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

Posted: Fri Nov 18, 2011 11:18 am
by bernardpiper
By the way..
2 hidden links??

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

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

Posted: Fri Nov 18, 2011 11:56 am
by 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??

;)

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

Posted: Sat Nov 19, 2011 5:36 pm
by 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??+
:(

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

Posted: Mon Nov 21, 2011 4:03 pm
by 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 ;)

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

Posted: Mon Nov 21, 2011 5:51 pm
by 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

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

Posted: Mon Nov 21, 2011 6:45 pm
by 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.