Website Auto Adjust For Screen Resolution

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.
User avatar
wlrdq
Joomla! Hero
Joomla! Hero
Posts: 2672
Joined: Thu Jul 24, 2008 12:48 pm
Location: Austin, TX
Contact:

Re: Website Auto Adjust For Screen Resolution

Post by wlrdq » Sun Jun 13, 2010 4:04 pm

If you don't have Firebug for Firefox, check it out. It's the tool I'm using in that screenshot. The styles show up in the bottom right and you can right click the filename to see where that css files is located.

As for display errors, you could try setting them to off in your htaccess:
http://zeo.unic.net.my/hide-php-errors-using-htaccess/

Let me know how it goes.
Will Mavis - Joomla Developer
http://www.covertapps.com/jam <<< Joomla! on your Android, iPhone, iPad, and iPod Touch
If you think I can help you, PM me a link to your post and I will respond. Please don't hijack another user's thread.

themc
Joomla! Intern
Joomla! Intern
Posts: 71
Joined: Tue Jun 03, 2008 7:17 pm

Re: Website Auto Adjust For Screen Resolution

Post by themc » Sun Jun 13, 2010 4:53 pm

I sorry I must be real slow. But please tell me which line you have highlighted or exactly where to look and what code to edit or tack out. It may be easier if I gave you the password. I am not understanding and it's been months and months of researching. it this something i need to change???.....( ul#mainlevel-nav).... I thinking maybe my site is set to a main level only. Maybe I should have started out saying, I don't have a clue on how to read code, html or css. I am just clicking, cutting and pasting, and following step by step directions. I am sorry but i am not understand just what to do.

User avatar
wlrdq
Joomla! Hero
Joomla! Hero
Posts: 2672
Joined: Thu Jul 24, 2008 12:48 pm
Location: Austin, TX
Contact:

Re: Website Auto Adjust For Screen Resolution

Post by wlrdq » Sun Jun 13, 2010 5:20 pm

No problem. I'm trying to explain the process I'm going through so you will understand how to do it better.

If you look at the screenshot, this is the Firebug tool.
Screen shot 2010-06-13 at 12.13.56 PM.png
You can see that the css file is in:
/templates/rhuk_solarflare_ii/css/template_css.css

The style that has the width defined is:
#buttons_outer

If you open that file in a browser and search for that string, you will see where the width is set:
http://www.theworldslargestrapcontest.c ... te_css.css

Code: Select all

#buttons_outer {
	width: 635px;
  	margin-bottom: 2px;
	margin-right: 2px;
	float: left;
}
You can comment it out by doing the following:

Code: Select all

#buttons_outer {
/*
	width: 635px;
*/
  	margin-bottom: 2px;
	margin-right: 2px;
	float: left;
}
I would suggest increasing the value to whatever you want, though.

If you search that file for width:, you will see that it is set for many different elements to an exact value (ex: 635px). I think you may need to modify a lot of these to get all the elements in the page to be the correct size.

I suggest getting Firebug because you can modify the values temporarily to see how it looks before updating your stylesheet.

Let me know how it goes.
You do not have the required permissions to view the files attached to this post.
Will Mavis - Joomla Developer
http://www.covertapps.com/jam <<< Joomla! on your Android, iPhone, iPad, and iPod Touch
If you think I can help you, PM me a link to your post and I will respond. Please don't hijack another user's thread.

themc
Joomla! Intern
Joomla! Intern
Posts: 71
Joined: Tue Jun 03, 2008 7:17 pm

Re: Website Auto Adjust For Screen Resolution

Post by themc » Sun Jun 13, 2010 5:49 pm

This is my Html

<?php
defined( '_VALID_MOS' ) or die( 'Restricted access' );
// needed to seperate the ISO number from the language file constant _ISO
$iso = explode( '=', _ISO );
// xml prolog
echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<?php mosShowHead(); ?>
<?php
if ( $my->id ) {
initEditor();
}
$collspan_offset = ( mosCountModules( 'right' ) + mosCountModules( 'user2' ) ) ? 2 : 1;
//script to determine which div setup for layout to use based on module configuration
$user1 = 0;
$user2 = 0;
$colspan = 0;
$right = 0;
// banner combos

//user1 combos
if ( mosCountModules( 'user1' ) + mosCountModules( 'user2' ) == 2) {
$user1 = 2;
$user2 = 2;
$colspan = 3;
} elseif ( mosCountModules( 'user1' ) == 1 ) {
$user1 = 1;
$colspan = 1;
} elseif ( mosCountModules( 'user2' ) == 1 ) {
$user2 = 1;
$colspan = 1;
}

//right based combos
if ( mosCountModules( 'right' ) and ( empty( $_REQUEST['task'] ) || $_REQUEST['task'] != 'edit' ) ) {
$right = 1;
}
?>
<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<link href="<?php echo $mosConfig_live_site;?>/templates/rhuk_solarflare_ii/css/template_css.css" rel="stylesheet" type="text/css" />
</head>
<body>

<div align="center">
<table border="0" cellpadding="0" cellspacing="0" width="808">
<tr>
<td class="outline">
<div id="buttons_outer">
<div id="buttons_inner">
<div id="buttons">
<?php mosLoadModules ( 'user3', -1); ?>
</div>
</div>
</div>
<div id="search_outer">
<div id="search_inner">
<?php mosLoadModules ( 'user4', -1 ); ?>
</div>
</div>
<div class="clr"></div>
<div id="header_outer">
<div id="header">
&nbsp;
</div>
<div id="top_outer">
<div id="top_inner">
<?php
if ( mosCountModules( 'top' ) ) {
mosLoadModules ( 'top', -2 );
} else {
?>
<span class="error">Top Module Empty</span>
<?php
}
?>
</div>
</div>
</div>
<div id="left_outer">
<div id="left_inner">
<?php mosLoadModules ( 'left', -2 ); ?>
</div>
</div>
<div id="content_outer">
<div id="content_inner">
<?php
if ( mosCountModules ('banner') ) {
?>
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="content_table">
<tr>
<td>
<div id="banner_inner">
<img src="<?php echo $mosConfig_live_site;?>/templates/rhuk_solarflare_ii/images/advertisement.png" alt="advertisement.png, 0 kB" title="advertisement" border="0" height="8" width="468" /><br />
<?php mosLoadModules( 'banner', -1 ); ?><br />
</div>
<div id="poweredby_inner">
<img src="<?php echo $mosConfig_live_site;?>/templates/rhuk_solarflare_ii/images/powered_by.png" alt="powered_by.png, 1 kB" title="powered_by" border="0" height="68" width="165" /><br />
</div>
</td>
</tr>
</table>
<?php
}
?>
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="content_table">
<tr valign="top">
<td width="99%">
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="content_table">

<?php
if ($colspan > 0) {
?>
<tr valign="top">
<?php
if ( $user1 > 0 ) {
?>
<td width="50%">
<div class="user1_inner">
<?php mosLoadModules ( 'user1', -2 ); ?>
</div>
</td>
<?php
}
if ( $colspan == 3) {
?>
<td width="2">
<img src="<?php echo $mosConfig_live_site;?>/templates/rhuk_solarflare_ii/images/spacer.png" alt="" title="spacer" border="0" height="10" width="2" />
</td>
<?php
}
if ( $user2 > 0 ) {
?>
<td width="50%">
<div class="user2_inner">
<?php mosLoadModules ( 'user2', -2 ); ?>
</div>
</td>
<?php
}
?>
</tr>
<tr>
<td colspan="<?php echo $colspan; ?>">
<img src="<?php echo $mosConfig_live_site;?>/templates/rhuk_solarflare_ii/images/spacer.png" alt="" title="spacer" border="0" height="2" width="100" /><br />
</td>
</tr>
<?php
}
?>
<tr>
<td colspan="<?php echo $colspan; ?>">
<div id="pathway_text">
<?php mosPathWay(); ?>
</div>
</td>
</tr>
<tr>
<td colspan="<?php echo $colspan; ?>" class="body_outer">
<?php mosMainBody(); ?>
</td>
</tr>
</table>


</td>
<?php
if ( $right > 0 ) {
?>
<td>
<div id="right_outer">
<div id="right_inner">
<?php mosLoadModules ( 'right', -2 ); ?>
</div>
</div>
</td>
<?php
}
?>

</tr>
</table>
</div>
</div>
</td>
</tr>
</table>
</div>
<?php include_once( $GLOBALS['mosConfig_absolute_path'] . '/includes/footer.php' ); ?>
<?php mosLoadModules( 'debug', -1 );?>
</body>
</html>

themc
Joomla! Intern
Joomla! Intern
Posts: 71
Joined: Tue Jun 03, 2008 7:17 pm

Re: Website Auto Adjust For Screen Resolution

Post by themc » Sun Jun 13, 2010 5:51 pm

Below is my CSS file, with the one change that you told me to make. the only thing that change was the search box moved down line and to the life now. Screen Resolution still not adjusting.


/* CSS Document */

html {
height: 100%;
}

body {
height: 100%;
margin-bottom: 1px;
}

.outline {
border: 1px solid #cccccc;
background: #ffffff;
padding: 2px;
}

#buttons_outer {
/*
width: 635px;
*/
margin-bottom: 2px;
margin-right: 2px;
float: left;
}

#buttons_inner {
border: 1px solid #cccccc;
height: 21px !important;
height: 23px;
}

#pathway_text {
overflow: hidden;
display: block;
height: 25px;
line-height: 25px !important;
line-height: 22px;
padding-left: 4px;
border: 1px solid #ccc;
margin-bottom: 2px;
}

#pathway_text img {
margin-left: 5px;
margin-right: 5px;
margin-top: 6px;
}

#buttons {
float: left;
margin: 0px;
padding: 0px;
width: auto;
}


ul#mainlevel-nav
{
list-style: none;
padding: 0;
margin: 0;
font-size: 0.8em;
}

ul#mainlevel-nav li
{
background-image: none;
padding-left: 0px;
padding-right: 0px;
float: left;
margin: 0;
font-size: 11px;
line-height: 21px;
white-space: nowrap;
border-right: 1px solid #cccccc;
}

ul#mainlevel-nav li a
{
display: block;
padding-left: 15px;
padding-right: 15px;
text-decoration: none;
color: #333333;
background: transparent;
}

#buttons>ul#mainlevel-nav li a { width: auto; }

ul#mainlevel-nav li a:hover
{
color: #fff;
background: #c64934;
}


#search_outer {
float: left;
width: 165px;
}

#search_inner {
border: 1px solid #cccccc;
padding: 0px;
height: 21px !important;
height: 23px;
overflow: hidden;
}

#search_inner form {
padding: 0;
margin: 0;
}

#search_inner .inputbox {
border: 0px;
padding: 3px 3px 3px 5px;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
color: #c64934;
}

#header_outer {
text-align: left;
border: 0px;
margin: 0px;
}

#header {
float: left;
padding: 0px;
margin-right: 2px;
width: 635px;
height: 150px;
background: url(../images/header_short.jpg) no-repeat;
}

#top_outer{
float: left;
width: 165px;
}

#top_inner {
border: 1px solid #cccccc;
padding: 2px;
height: 144px !important;
height: 150px;
overflow: hidden;
float: none !important;
float: left;
}

#left_outer {
float: left;
margin-top: 2px;
width: 165px;
}

#left_inner {
border: 1px solid #cccccc;
padding: 2px;
float: none !important;
float: left;
}

#content_outer {
padding: 0px;
margin-top: 0px;
margin-left: 2px;
/** border: 1px solid #cccccc; **/
float: left;
width: 635px;
}

#content_inner{
float: none !important;
float: left;
padding: 0;
padding-top: 2px;
margin: 0;
}

table.content_table {
width: 100%;
padding: 0px;
margin: 0px;
}

table.content_table td {
padding: 0px;
margin: 0px;
}


#banner_inner {
float: left;
padding: 0px;
height: 70px;
}

#poweredby_inner {
float: right;
padding: 0px;
margin-left: 0px;
height: 70px;
}

#right_outer {
margin-left: 2px;
width: 165px;
}

#right_inner {
float: none !important;
float: left;
border: 1px solid #cccccc;
padding: 2px;
}


.user1_inner {
border: 1px solid #cccccc;
float: none !important;
float: left;
margin: 0px;
padding: 2px;
}

.user2_inner {
border: 1px solid #cccccc;
float: none !important;
float: left;
margin: 0px;
padding: 2px;
}

table td.body_outer {
padding: 2px;
border: 1px solid #cccccc;
}

.maintitle {
color: #ffffff;
font-size: 40px;
padding-left: 15px;
padding-top: 20px;
}

.error {
font-style: italic;
text-transform: uppercase;
padding: 5px;
color: #cccccc;
font-size: 14px;
font-weight: bold;
}

/** old stuff **/

.back_button {
float: left;
text-align: center;
font-size: 11px;
font-weight: bold;
border: 3px double #cccccc;
width: auto;
background: url(../images/button_bg.png) repeat-x;
padding: 0px 10px;
line-height: 20px;
margin: 1px;
}

.pagenav {
text-align: center;
font-size: 11px;
font-weight: bold;
border: 3px double #cccccc;
width: auto;
background: url(../images/button_bg.png) repeat-x;
padding: 0px 10px;
line-height: 20px;
margin: 1px;
}

.pagenavbar {
margin-right: 10px;
float: right;
}

#footer {
text-align: center;
padding: 3px;
}

ul
{
margin: 0;
padding: 0;
list-style: none;
}

li
{
line-height: 15px;
padding-left: 15px;
padding-top: 0px;
background-image: url(../images/arrow.png);
background-repeat: no-repeat;
background-position: 0px 2px;
}


td {
text-align: left;
font-size: 11px;
}



body {
margin: 15px;
height: 100%;
padding: 0px;
font-family: Arial, Helvetica, Sans Serif;
line-height: 120%;
font-size: 11px;
color: #333333;
background: #FF8000;
}

/* Joomla core stuff */
a:link, a:visited {
color: #c64934; text-decoration: none;
font-weight: bold;
}

a:hover {
color: #900; text-decoration: none;
font-weight: bold;
}

table.contentpaneopen {
width: 100%;
padding: 0px;
border-collapse: collapse;
border-spacing: 0px;
margin: 0px;
}

table.contentpaneopen td {
padding-right: 5px;
}

table.contentpaneopen td.componentheading {
padding-left: 4px;
}



table.contentpane {
width: 100%;
padding: 0px;
border-collapse: collapse;
border-spacing: 0px;
margin: 0px;
}

table.contentpane td {
margin: 0px;
padding: 0px;
}

table.contentpane td.componentheading {
padding-left: 4px;
}

table.contentpaneopen fieldset {
border: 0px;
border-bottom: 1px solid #eee;
}

.button {
color: #c64934;
font-family: Arial, Hevlvetica, sans-serif;
text-align: center;
font-size: 11px;
font-weight: bold;
border: 3px double #cccccc;
width: auto;
background: url(../images/button_bg.png) repeat-x;
padding: 0px 5px;
line-height: 18px !important;
line-height: 16px;
height: 26px !important;
height: 24px;
margin: 1px;
}

.inputbox {
padding: 2px;
border:solid 1px #cccccc;
background-color: #ffffff;
}

.componentheading {
background: url(../images/subhead_bg.png) repeat-x;
color: #666666;
text-align: left;
padding-top: 4px;
padding-left: 4px;
height: 21px;
font-weight: bold;
font-size: 10px;
text-transform: uppercase;

}

.contentcolumn {
padding-right: 5px;
}

.contentheading {
height: 30px;

color: #c64934;
font-weight: bold;
font-size: 14px;
white-space: nowrap;
}



.contentpagetitle {
font-size: 13px;
font-weight: bold;
color: #cccccc;
text-align:left;
}

table.searchinto {
width: 100%;
}

table.searchintro td {
font-weight: bold;
}

table.moduletable {
width: 100%;
margin-bottom: 5px;
padding: 0px;
border-spacing: 0px;
border-collapse: collapse;
}

div.moduletable {
padding: 0;
margin-bottom: 2px;
}

table.moduletable th, div.moduletable h3 {
background: url(../images/subhead_bg.png) repeat-x;
color: #666666;
text-align: left;
padding-left: 4px;
height: 21px;
line-height: 21px;
font-weight: bold;
font-size: 10px;
text-transform: uppercase;
margin: 0 0 2px 0;
}

table.moduletable td {
font-size: 11px;
padding: 0px;
margin: 0px;
font-weight: normal;
}

table.pollstableborder td {
padding: 2px;
}

.sectiontableheader {
font-weight: bold;
background: #f0f0f0;
padding: 4px;
}

.sectiontablefooter {

}

.sectiontableentry1 {
background-color : #ffffff;
}

.sectiontableentry2 {
background-color : #f9f9f9;
}

.small {
color: #999999;
font-size: 11px;
}

.createdate {
height: 15px;
padding-bottom: 10px;
color: #999999;
font-size: 11px;
}

.modifydate {
height: 15px;
padding-top: 10px;
color: #999999;
font-size: 11px;
}

table.contenttoc {
border: 1px solid #cccccc;
padding: 2px;
margin-left: 2px;
margin-bottom: 2px;
}

table.contenttoc td {
padding: 2px;
}

table.contenttoc th {
background: url(../images/subhead_bg.png) repeat-x;
color: #666666;
text-align: left;
padding-top: 2px;
padding-left: 4px;
height: 21px;
font-weight: bold;
font-size: 10px;
text-transform: uppercase;
}

a.mainlevel:link, a.mainlevel:visited {
display: block;
background: url(../images/menu_bg.png) no-repeat;
vertical-align: middle;
font-size: 11px;
font-weight: bold;
color: #ccc;
text-align: left;
padding-top: 5px;
padding-left: 18px;
height: 20px !important;
height: 25px;
width: 100%;
text-decoration: none;
}

a.mainlevel:hover {
background-position: 0px -25px;
text-decoration: none;
color: #fff;
}

a.mainlevel#active_menu {
color:#fff;
font-weight: bold;
}

a.mainlevel#active_menu:hover {
color: #fff;
}

a.sublevel:link, a.sublevel:visited {
padding-left: 1px;
vertical-align: middle;
font-size: 11px;
font-weight: bold;
color: #c64934;
text-align: left;
}

a.sublevel:hover {
color: #900;
text-decoration: none;
}

a.sublevel#active_menu {
color: #333;
}

.highlight {
background-color: Yellow;
color: Blue;
padding: 0;
}
.code {
background-color: #ddd;
border: 1px solid #bbb;
}

form {
/* removes space below form elements */
margin: 0;
padding: 0;
}

div.mosimage {
border: 1px solid #ccc;
}

.mosimage {
border: 1px solid #cccccc;
margin: 5px
}

.mosimage_caption {
margin-top: 2px;
background: #efefef;
padding: 1px 2px;
color: #666;
font-size: 10px;
border-top: 1px solid #cccccc;
}

span.article_seperator {
display: block;
height: 1.5em;
}

User avatar
wlrdq
Joomla! Hero
Joomla! Hero
Posts: 2672
Joined: Thu Jul 24, 2008 12:48 pm
Location: Austin, TX
Contact:

Re: Website Auto Adjust For Screen Resolution

Post by wlrdq » Sun Jun 13, 2010 7:31 pm

What width would you like your total content to be?
Will Mavis - Joomla Developer
http://www.covertapps.com/jam <<< Joomla! on your Android, iPhone, iPad, and iPod Touch
If you think I can help you, PM me a link to your post and I will respond. Please don't hijack another user's thread.

themc
Joomla! Intern
Joomla! Intern
Posts: 71
Joined: Tue Jun 03, 2008 7:17 pm

Re: Website Auto Adjust For Screen Resolution

Post by themc » Sun Jun 13, 2010 7:56 pm

just like this site I am posting on. All I know is my windows computer is set at 1024x768 and this setting makes the site look crazy. My make laptop starts at 1280x800. but when I switch to any other size, the site goes crazy. why my site is the only site on the net that does not adjusts to the changes with out going crazy I have no clue.

User avatar
wlrdq
Joomla! Hero
Joomla! Hero
Posts: 2672
Joined: Thu Jul 24, 2008 12:48 pm
Location: Austin, TX
Contact:

Re: Website Auto Adjust For Screen Resolution

Post by wlrdq » Sun Jun 13, 2010 8:02 pm

It looks like the content of this forum is 960px wide (in that screenshot, I'm using the MeasureIt plugin for Firefox. Also very helpful).
Screen shot 2010-06-13 at 3.00.56 PM.jpg
I will investigate all the changes I think you need to make to increase your content width to 960px.
You do not have the required permissions to view the files attached to this post.
Will Mavis - Joomla Developer
http://www.covertapps.com/jam <<< Joomla! on your Android, iPhone, iPad, and iPod Touch
If you think I can help you, PM me a link to your post and I will respond. Please don't hijack another user's thread.

themc
Joomla! Intern
Joomla! Intern
Posts: 71
Joined: Tue Jun 03, 2008 7:17 pm

Re: Website Auto Adjust For Screen Resolution

Post by themc » Sun Jun 13, 2010 8:08 pm

ok great.

User avatar
wlrdq
Joomla! Hero
Joomla! Hero
Posts: 2672
Joined: Thu Jul 24, 2008 12:48 pm
Location: Austin, TX
Contact:

Re: Website Auto Adjust For Screen Resolution

Post by wlrdq » Mon Jun 14, 2010 3:13 am

I made the following changes in Firefox:
.../templates/rhuk_solarflare_ii/css/template_css.css
(these values were 635px)

Code: Select all

#buttons_outer {
width:795px;
}
#content_outer {
width:795px;
}
.../templates/rhuk_solarflare_ii/index.php
(remove the width="808" from this line)

Code: Select all

<table border="0" cellpadding="0" cellspacing="0">
You will probably want to make your header image wider or center it to take advantage of the new space as well. Be sure to test in all browsers.

Let me know how it goes.
Will Mavis - Joomla Developer
http://www.covertapps.com/jam <<< Joomla! on your Android, iPhone, iPad, and iPod Touch
If you think I can help you, PM me a link to your post and I will respond. Please don't hijack another user's thread.

themc
Joomla! Intern
Joomla! Intern
Posts: 71
Joined: Tue Jun 03, 2008 7:17 pm

Re: Website Auto Adjust For Screen Resolution

Post by themc » Wed Jun 16, 2010 2:17 pm

ok now the web site will go smaller but not bigger, IF you know what I mean. Can I keep the same size header and other images (cause I paid to have them the right size and all) and still get the site to go bigger?

User avatar
wlrdq
Joomla! Hero
Joomla! Hero
Posts: 2672
Joined: Thu Jul 24, 2008 12:48 pm
Location: Austin, TX
Contact:

Re: Website Auto Adjust For Screen Resolution

Post by wlrdq » Wed Jun 16, 2010 2:44 pm

If you resize your window on these forums, you will see that the content stays the same width and is centered. The margins change size depending on the window. I think this is how most websites work.

It sounds like what you want is a content area with a minimum width but no maximum width? If that's the case, you need to either remove the hard coded px widths on your elements completely or switch to using a % value. This is pretty difficult to do (for me at least). It might be easier to find a site that functions the way you want and then change it to have your colors and styles.

You can keep your images the same size if you want. As long as your site looks good to you.
Will Mavis - Joomla Developer
http://www.covertapps.com/jam <<< Joomla! on your Android, iPhone, iPad, and iPod Touch
If you think I can help you, PM me a link to your post and I will respond. Please don't hijack another user's thread.

themc
Joomla! Intern
Joomla! Intern
Posts: 71
Joined: Tue Jun 03, 2008 7:17 pm

Re: Website Auto Adjust For Screen Resolution

Post by themc » Wed Jun 16, 2010 3:10 pm

#content_outer {
padding: 0px;
margin-top: 0px;
margin-left: 2px;
/** border: 1px solid #cccccc; **/
float: left;
width: 635px;

I am so sorry but I need more clarity, And thanks a lots we are almost their. But I tried taking out everything but the width: 635px; Thinking it would allow the site to get larger in size, no good. i even used the numbers you said (795) Still no good, this was in both places, (content, and Button)

Like I said, the site is now staying correct when getting smaller, but now when getting larger. We are almost there.

themc
Joomla! Intern
Joomla! Intern
Posts: 71
Joined: Tue Jun 03, 2008 7:17 pm

Re: Website Auto Adjust For Screen Resolution

Post by themc » Wed Jun 16, 2010 3:31 pm

ok one list try. I notice that one box that is showing http://theworldslargestrapcontest.com/t ... red_by.png is a little bigger than all the others. Very slight but it is a little bigger and cold this be why the section drops down to the bottom?

User avatar
wlrdq
Joomla! Hero
Joomla! Hero
Posts: 2672
Joined: Thu Jul 24, 2008 12:48 pm
Location: Austin, TX
Contact:

Re: Website Auto Adjust For Screen Resolution

Post by wlrdq » Wed Jun 16, 2010 3:51 pm

Sorry for the confusion. You don't want to remove the rest of the styles from those elements. You just want to update the width styles. You should only be changing 2 numbers in your stylesheet.

Make sure to do CTRL+R to reload the page so it will force the browser to reload your stylesheet.

Once that is done, let me know and I will try to help with the content wrapping issue.
Will Mavis - Joomla Developer
http://www.covertapps.com/jam <<< Joomla! on your Android, iPhone, iPad, and iPod Touch
If you think I can help you, PM me a link to your post and I will respond. Please don't hijack another user's thread.

themc
Joomla! Intern
Joomla! Intern
Posts: 71
Joined: Tue Jun 03, 2008 7:17 pm

Re: Website Auto Adjust For Screen Resolution

Post by themc » Wed Jun 16, 2010 6:55 pm

ok, done now the site looks good until you try to get bigger or larger. Sorry for not know the sizes or the correct language. I am thinking it's one of those pictures or something is not size right for all other auto sizing.

User avatar
wlrdq
Joomla! Hero
Joomla! Hero
Posts: 2672
Joined: Thu Jul 24, 2008 12:48 pm
Location: Austin, TX
Contact:

Re: Website Auto Adjust For Screen Resolution

Post by wlrdq » Wed Jun 16, 2010 7:14 pm

The page is still showing up as 635px for me. Are you testing this on a development site or something? I need to be able to see it to fix it. Let me know.
Will Mavis - Joomla Developer
http://www.covertapps.com/jam <<< Joomla! on your Android, iPhone, iPad, and iPod Touch
If you think I can help you, PM me a link to your post and I will respond. Please don't hijack another user's thread.

themc
Joomla! Intern
Joomla! Intern
Posts: 71
Joined: Tue Jun 03, 2008 7:17 pm

Re: Website Auto Adjust For Screen Resolution

Post by themc » Wed Jun 16, 2010 7:28 pm

i thought I was not in any testing or development mode. I did try changing the 635 to 795px, no good so I change it back. Can you please look into this, I would be very happy to give some kind of donation to you all for fixing these 2 problems. I am will to email you all the info needed to get into the back end. I am tried, 3 months of research before deciding to post something to you. Now it's has been 4 days of talking to you and I am going no fast.

themc
Joomla! Intern
Joomla! Intern
Posts: 71
Joined: Tue Jun 03, 2008 7:17 pm

Re: Website Auto Adjust For Screen Resolution

Post by themc » Wed Jun 16, 2010 8:05 pm

Thanks Thanks and thanks.... I changed the template just like you said. And I like this on much batter, now to adjusted everything.

themc
Joomla! Intern
Joomla! Intern
Posts: 71
Joined: Tue Jun 03, 2008 7:17 pm

Re: Website Auto Adjust For Screen Resolution

Post by themc » Wed Jun 16, 2010 8:06 pm

Now for the coded. that .php and I will be out of your hair.

User avatar
wlrdq
Joomla! Hero
Joomla! Hero
Posts: 2672
Joined: Thu Jul 24, 2008 12:48 pm
Location: Austin, TX
Contact:

Re: Website Auto Adjust For Screen Resolution

Post by wlrdq » Wed Jun 16, 2010 8:30 pm

Looking good. Let me know if you need anything else from me.
Will Mavis - Joomla Developer
http://www.covertapps.com/jam <<< Joomla! on your Android, iPhone, iPad, and iPod Touch
If you think I can help you, PM me a link to your post and I will respond. Please don't hijack another user's thread.

themc
Joomla! Intern
Joomla! Intern
Posts: 71
Joined: Tue Jun 03, 2008 7:17 pm

Re: Website Auto Adjust For Screen Resolution

Post by themc » Wed Jun 16, 2010 9:16 pm

yes the code, the Notice: Trying to get property of non-object in /home/dunovaco/public_html/TheWorldsLargestRapContest.com/mambots/content/vmproductsnapshots.php on line 78. I have read all this about .PHP and most of this stuff I don't understand at all.

User avatar
wlrdq
Joomla! Hero
Joomla! Hero
Posts: 2672
Joined: Thu Jul 24, 2008 12:48 pm
Location: Austin, TX
Contact:

Re: Website Auto Adjust For Screen Resolution

Post by wlrdq » Thu Jun 17, 2010 3:02 am

First, see if you have a php.ini file in the root of your site. If you do, you should be able to find display_errors in it (or add it) and set it to off.

If you don't see a php.ini file, check and see if you already have a .htaccess file in the root of your site. If not, create one.

Add this line to it:

Code: Select all

php_flag display_errors off
I don't think you need to restart Apache for that to work. If it doesn't seem like it changed anything, though, you might try restarting Apache.

This is the link where I got the htaccess line above:
http://zeo.unic.net.my/hide-php-errors-using-htaccess/

Let me know what happens.
Will Mavis - Joomla Developer
http://www.covertapps.com/jam <<< Joomla! on your Android, iPhone, iPad, and iPod Touch
If you think I can help you, PM me a link to your post and I will respond. Please don't hijack another user's thread.

themc
Joomla! Intern
Joomla! Intern
Posts: 71
Joined: Tue Jun 03, 2008 7:17 pm

Re: Website Auto Adjust For Screen Resolution

Post by themc » Fri Jun 18, 2010 9:21 pm

I tried acing this code: php_flag display_errors off
in the .htaccess file. So just plCe is any where? Well I tried place it in 3 or 4 places and sometime nothing hapens and other times the hole sit goes down.
I also read the info from the .php link and it does not say where to plCe the link.
I am hoping you all take donations. Thanks. Million on the new template. Everyone loves it much batter.

User avatar
wlrdq
Joomla! Hero
Joomla! Hero
Posts: 2672
Joined: Thu Jul 24, 2008 12:48 pm
Location: Austin, TX
Contact:

Re: Website Auto Adjust For Screen Resolution

Post by wlrdq » Fri Jun 18, 2010 9:32 pm

Some of the lines in htaccess have to go together and follow each other (like RewriteCond and RewriteRule).

If you are using the htaccess.txt that came with Joomla! (renamed to .htaccess), just add it as the first line. Something like this:

Code: Select all

##
# @version $Id: htaccess.txt 14401 2010-01-26 14:10:00Z louis $
# @package Joomla
# @copyright Copyright (C) 2005 - 2010 Open Source Matters. All rights reserved.
# @license http://www.gnu.org/copyleft/gpl.html GNU/GPL
# Joomla! is Free Software
##

php_flag display_errors off

#####################################################
#  READ THIS COMPLETELY IF YOU CHOOSE TO USE THIS FILE
#
Let me know if this still doesn't work. It's possible that your web server does not allow htaccess overwriting of php settings. If that's the case, we can try some other things.
Will Mavis - Joomla Developer
http://www.covertapps.com/jam <<< Joomla! on your Android, iPhone, iPad, and iPod Touch
If you think I can help you, PM me a link to your post and I will respond. Please don't hijack another user's thread.

themc
Joomla! Intern
Joomla! Intern
Posts: 71
Joined: Tue Jun 03, 2008 7:17 pm

Re: Website Auto Adjust For Screen Resolution

Post by themc » Sat Jun 19, 2010 4:17 am

No good. I cut and pasted the code and made sure it wAs just like you had it. 2 spaces on top and 2 spaces at the bottom. Notice codes are still there.

User avatar
wlrdq
Joomla! Hero
Joomla! Hero
Posts: 2672
Joined: Thu Jul 24, 2008 12:48 pm
Location: Austin, TX
Contact:

Re: Website Auto Adjust For Screen Resolution

Post by wlrdq » Sat Jun 19, 2010 4:34 am

This isn't a great solution, but if you don't have access to php.ini and can't use htaccess overrides, it might be your only option.

If you open up your index.php file, you will see something like this:

Code: Select all

<?php
/**
* @version              $Id: index.php 14401 2010-01-26 14:10:00Z louis $
* @package              Joomla
* @copyright    Copyright (C) 2005 - 2010 Open Source Matters. All rights reserved.
* @license              GNU/GPL, see LICENSE.php
* Joomla! is free software. This version may have been modified pursuant
* to the GNU General Public License, and as distributed it includes or
* is derivative of works licensed under the GNU General Public License or
* other free or open source software licenses.
* See COPYRIGHT.php for copyright notices and details.
*/

ini_set('display_errors', 0);

// Set flag that this is a parent file
define( '_JEXEC', 1 );

define('JPATH_BASE', dirname(__FILE__) );
I added this line:

Code: Select all

ini_set('display_errors', 0);
Try adding that one line into your index.php and see if the notices go away.

You might want to contact your hosting provider and see if they have any suggestions for turning display_errors off in a php.ini file. Even if this works for your notices, it sounds like it won't if you have a fatal error:
http://php.net/manual/en/errorfunc.configuration.php
Note: Although display_errors may be set at runtime (with ini_set()), it won't have any affect if the script has fatal errors. This is because the desired runtime action does not get executed.
Let me know how it goes.
Will Mavis - Joomla Developer
http://www.covertapps.com/jam <<< Joomla! on your Android, iPhone, iPad, and iPod Touch
If you think I can help you, PM me a link to your post and I will respond. Please don't hijack another user's thread.

themc
Joomla! Intern
Joomla! Intern
Posts: 71
Joined: Tue Jun 03, 2008 7:17 pm

Re: Website Auto Adjust For Screen Resolution

Post by themc » Sat Jun 19, 2010 5:22 am

Man.... We are so close. Only 1 notice code is showing. It was like 4 or 5. But now it only 1 showing take a look. Www.theworldslargestrapcontest.com

User avatar
wlrdq
Joomla! Hero
Joomla! Hero
Posts: 2672
Joined: Thu Jul 24, 2008 12:48 pm
Location: Austin, TX
Contact:

Re: Website Auto Adjust For Screen Resolution

Post by wlrdq » Sat Jun 19, 2010 5:35 am

I searched for notice and warning on the home page and didn't find anything. Are you seeing it on a specific page?
Will Mavis - Joomla Developer
http://www.covertapps.com/jam <<< Joomla! on your Android, iPhone, iPad, and iPod Touch
If you think I can help you, PM me a link to your post and I will respond. Please don't hijack another user's thread.

themc
Joomla! Intern
Joomla! Intern
Posts: 71
Joined: Tue Jun 03, 2008 7:17 pm

Re: Website Auto Adjust For Screen Resolution

Post by themc » Sat Jun 19, 2010 5:52 am

Sorry.... They are all gone now.... I see no more.... Thank you thank you and thanks


Locked

Return to “Templates for Joomla! 1.5”