The Joomla! Forum ™

Download

Demo


Board index » Joomla! Older Version Support » Joomla! 1.5 » General Questions/New to Joomla! 1.5

Forum rules


Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting.
Forum Post Assistant - If you are serious about wanting help, you should use this tool to help you post.



Post new topic Reply to topic  Page 1 of 1
  [ 6 posts ] 
  Print view Previous topic | Next topic 
Author Message
darkduck
PostPosted: Mon May 07, 2012 9:23 pm 
Joomla! Fledgling
Joomla! Fledgling

Joined: Mon May 07, 2012 9:05 pm
Posts: 3
Hello,

I have just started using Joomla for my site. I like it, yet too much to explore and understand.

I have an issue which I believe you can help me with.

I use FatFreeCart widgets on my pages. There are several of them on the same page, for example here http://www.buylinuxcds.co.uk/usa.html
The issue is that my WISYWIG editor shows all of them with the same width, but browsers (Chromium and Firefox) show each of them differently. This makes whole page design look ugly.
Can someone tell why this happens?
PS. I tried to add width="300px" to all the widget sub-tables, but without success.

Thank you!


Last edited by darkduck on Tue May 08, 2012 8:35 am, edited 1 time in total.

Top
 Profile  
 
bbarclay6
PostPosted: Tue May 08, 2012 3:07 am 
Joomla! Enthusiast
Joomla! Enthusiast

Joined: Sat Oct 25, 2008 7:13 pm
Posts: 116
Location: Sheridan Wyoming
After a half hour i found it.

.art-article table, table.art-article
{
border-collapse: collapse;
margin: 1px;
width: auto;
}

This is in your template.css file

Find this line and change it to

.art-article table, table.art-article
{
border-collapse: collapse;
margin: 1px;
width: 300px;
}


That will make it work again. Looks good on my screen with these changes.

That solves the problem though.

_________________
If you have more questions PM me or
Need Support Call 307-461-0220
http://101online.org
Top
 Profile  
 
darkduck
PostPosted: Tue May 08, 2012 9:15 am 
Joomla! Fledgling
Joomla! Fledgling

Joined: Mon May 07, 2012 9:05 pm
Posts: 3
Thanks, Bbarclay6!

I had a gut feeling that it has something to do with CSS, but I was always sure that table properties right in the tag have higher priority than those in the CSS file.

Anyway, I decided not to change art-* part of CSS, because it would affect all the tables on the site, whether current or future. Instead, I created a new class and assigned it to tables in question. It works beautifully now in Chrome 18, IE 8 and Aurora 14 (Firefox alpha) available on my current machine.

Just as a courtesy, if you have other browsers and can check there - it would be fantastic.
Top
 Profile  
 
bbarclay6
PostPosted: Tue May 08, 2012 3:52 pm 
Joomla! Enthusiast
Joomla! Enthusiast

Joined: Sat Oct 25, 2008 7:13 pm
Posts: 116
Location: Sheridan Wyoming
I will check those on the MAC. You need to install a firefox plugin if you don't have it it's called. http://chrispederick.com/work/web-developer/

It's brilliant. Then you can actaully edit the css of your site and see the changes without affecting the actual code. It's a must if you don't have it. It's so easy to use. It will let you shut off cache and cookies to your browser so you can see changes that have been made. If you don't have it, stop reading this right now and get it. It's a must have in my opinion if you are doing any sort of web development.

_________________
If you have more questions PM me or
Need Support Call 307-461-0220
http://101online.org
Top
 Profile  
 
darkduck
PostPosted: Tue May 08, 2012 4:19 pm 
Joomla! Fledgling
Joomla! Fledgling

Joined: Mon May 07, 2012 9:05 pm
Posts: 3
bbarclay6 wrote:
I will check those on the MAC. You need to install a firefox plugin if you don't have it it's called. http://chrispederick.com/work/web-developer/

It's brilliant. Then you can actaully edit the css of your site and see the changes without affecting the actual code. It's a must if you don't have it. It's so easy to use. It will let you shut off cache and cookies to your browser so you can see changes that have been made. If you don't have it, stop reading this right now and get it. It's a must have in my opinion if you are doing any sort of web development.

I maybe wrong, but I think Chrome's "Inspect element" built-in function does the same. ;)
Top
 Profile  
 
bbarclay6
PostPosted: Tue May 08, 2012 4:27 pm 
Joomla! Enthusiast
Joomla! Enthusiast

Joined: Sat Oct 25, 2008 7:13 pm
Posts: 116
Location: Sheridan Wyoming
There is one built in to IE as well. Developer tools, but this one is really nice in my opinion. I've used the others but this is my favorite.

_________________
If you have more questions PM me or
Need Support Call 307-461-0220
http://101online.org
Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  Page 1 of 1
  [ 6 posts ] 


Board index » Joomla! Older Version Support » Joomla! 1.5 » General Questions/New to Joomla! 1.5

Who is online

Users browsing this forum: wendy_stanley, Yahoo [Bot] and 25 guests

You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Jump to:  
Powered by phpBB® Forum Software © phpBB Group