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

Everything to do with Joomla! 1.5 templates and templating.

Moderator: General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Locked
bernardpiper
Joomla! Intern
Joomla! Intern
Posts: 86
Joined: Tue Apr 06, 2010 11:22 am

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

Post by bernardpiper » Fri Nov 18, 2011 10:08 am

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!! :)
Last edited by ooffick on Fri Nov 18, 2011 10:31 am, edited 3 times in total.
Reason: Mod Note: Changed the title to something more descriptive. Please read the forum rules for details.

User avatar
brian
Joomla! Master
Joomla! Master
Posts: 11727
Joined: Fri Aug 12, 2005 7:19 am
Location: Leeds, UK
Contact:

Re: Ugent..

Post by brian » Fri Nov 18, 2011 10:14 am

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
"Exploited yesterday... Hacked tomorrow"
Blog http://brian.teeman.net/
Joomla Hidden Secrets http://hiddenjoomlasecrets.com/

User avatar
Webdongle
Joomla! Master
Joomla! Master
Posts: 37171
Joined: Sat Apr 05, 2008 9:58 pm

Re: Ugent..

Post by Webdongle » Fri Nov 18, 2011 10:17 am

And because it's 'Ugent ..' you better post back straight away with the link.
http://www.weblinksonline.co.uk/
https://www.weblinksonline.co.uk/updating-joomla.html
"The definition of insanity is doing the same thing over and over again, but expecting different results": Albert Einstein

bernardpiper
Joomla! Intern
Joomla! Intern
Posts: 86
Joined: Tue Apr 06, 2010 11:22 am

Re: Ugent..

Post by bernardpiper » Fri Nov 18, 2011 10:29 am

Thanks guys.. here is the link..

BeatMacReed.com

bernardpiper
Joomla! Intern
Joomla! Intern
Posts: 86
Joined: Tue Apr 06, 2010 11:22 am

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

Post by bernardpiper » Fri Nov 18, 2011 10:34 am

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

User avatar
brian
Joomla! Master
Joomla! Master
Posts: 11727
Joined: Fri Aug 12, 2005 7:19 am
Location: Leeds, UK
Contact:

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

Post by brian » Fri Nov 18, 2011 10:43 am

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
]
"Exploited yesterday... Hacked tomorrow"
Blog http://brian.teeman.net/
Joomla Hidden Secrets http://hiddenjoomlasecrets.com/

bernardpiper
Joomla! Intern
Joomla! Intern
Posts: 86
Joined: Tue Apr 06, 2010 11:22 am

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

Post by bernardpiper » Fri Nov 18, 2011 10:51 am

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

User avatar
brian
Joomla! Master
Joomla! Master
Posts: 11727
Joined: Fri Aug 12, 2005 7:19 am
Location: Leeds, UK
Contact:

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

Post by brian » Fri Nov 18, 2011 10:57 am

a favicon is the icon you see in the browser tab

See http://docs.joomla.org/Using_Class_Suff ... ass_Suffix
"Exploited yesterday... Hacked tomorrow"
Blog http://brian.teeman.net/
Joomla Hidden Secrets http://hiddenjoomlasecrets.com/

bernardpiper
Joomla! Intern
Joomla! Intern
Posts: 86
Joined: Tue Apr 06, 2010 11:22 am

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

Post by bernardpiper » Fri Nov 18, 2011 11:04 am

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
Joomla! Intern
Joomla! Intern
Posts: 86
Joined: Tue Apr 06, 2010 11:22 am

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

Post by bernardpiper » Fri Nov 18, 2011 11:18 am

By the way..
2 hidden links??

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

bernardpiper
Joomla! Intern
Joomla! Intern
Posts: 86
Joined: Tue Apr 06, 2010 11:22 am

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

Post by bernardpiper » Fri Nov 18, 2011 11:56 am

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
Joomla! Intern
Joomla! Intern
Posts: 86
Joined: Tue Apr 06, 2010 11:22 am

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

Post by bernardpiper » Sat Nov 19, 2011 5:36 pm

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
Joomla! Intern
Joomla! Intern
Posts: 86
Joined: Tue Apr 06, 2010 11:22 am

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

Post by bernardpiper » Mon Nov 21, 2011 4:03 pm

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 ;)

User avatar
ooffick
Joomla! Master
Joomla! Master
Posts: 11394
Joined: Thu Jul 17, 2008 3:10 pm
Location: Ireland
Contact:

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

Post by ooffick » Mon Nov 21, 2011 5:51 pm

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
Olaf Offick - Global Moderator
learnskills.org

User avatar
Webdongle
Joomla! Master
Joomla! Master
Posts: 37171
Joined: Sat Apr 05, 2008 9:58 pm

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

Post by Webdongle » Mon Nov 21, 2011 6:45 pm

@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.
http://www.weblinksonline.co.uk/
https://www.weblinksonline.co.uk/updating-joomla.html
"The definition of insanity is doing the same thing over and over again, but expecting different results": Albert Einstein


Locked

Return to “Templates for Joomla! 1.5”