The secure CMS.

Welcome to Geeklog, Anonymous Saturday, December 21 2024 @ 09:25 pm EST

Geeklog Forums

Is there a quick way to make the site smaller on the screen/page

 New Topic  Post Reply
 09/11/07 07:37pm (Read 2,587 times)  

Sentinel

Anonymous
I'm a newbie so please make any suggestions as easy to understand as possible. Many thanks in advance.

Is there a quick way, like in config.php or in the theme I am using, to make the site fit better on the screen. It causing problems because of user specific resolution settings.
 Quote
 09/11/07 11:21pm  

ironmax

Anonymous
Quote by: Sentinel

I'm a newbie so please make any suggestions as easy to understand as possible. Many thanks in advance.

Is there a quick way, like in config.php or in the theme I am using, to make the site fit better on the screen. It causing problems because of user specific resolution settings.



Again, you need to provide a link to your site, so others can help with ideas.

 Quote
 09/12/07 01:34am  

tokyoahead

Anonymous
try to set the body width to a certain value.

In CSS that would be:
Text Formatted Code


body {
width:800px;
}

 


How this will look like depends heavily on your theme though. You might be better off with max-width:800px; instead.
 Quote
 09/12/07 01:06pm  

Sentinel

Anonymous
under body in my style.css file I read :


TD {

color: #333333;

font-size: 12px;

font-family: verdana, verdana, , helvetica, verdana, sans-serif;
}


It doesn't designate anything for width...? I didn't see anything for max-width either.


Thanks for responding to my post, any other ideas would be great.

My site is dadesentinel.com

Thanks guys!
 Quote
 09/12/07 02:26pm  
Status: offline

DTrumbower

Forum User
Moderator
Registered: 01/08/03
Posts: 507
Move your masthead_2.gif into the header section and then the table width can move with the browser width. Having the image in the story table layout is going to force the width that you have.


Actually your body tag in the css file looks like this.
Text Formatted Code
body {
color: #000000;
font-size: 12px;
font-family: verdana, verdana, , helvetica, verdana, sans-serif;
top-margin : 20px;
bottom-margin : 0px;
left-margin : 0px;
right-margin : 0px;
        scrollbar-face-color:#4facff;
        scrollbar-arrow-color:#676767;
        scrollbar-track-color:#676767;
        scrollbar-shadow-color:#000000;
        scrollbar-highlight-color:#a09f9a;
        scrollbar-3dlight-color:#a09f9a;
        scrollbar-darkshadow-color:#a09f9a;
list-style-image: url(images/bullet4.gif);
}
 Quote
 09/12/07 02:37pm  

Sentinel

Anonymous
Sorry, I'm not sure what 'story table layout' refers to. Can you explain?
Thanks
 Quote
 09/12/07 02:49pm  

Sentinel

Anonymous
confused
This is header.thtml....IS the part at the bottom referring to the masthead_2.gif being used? Do I need to move it?



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>{page_title}</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
<META NAME="ROBOTS" CONTENT="INDEX,FOLLOW">
<link rel="stylesheet" type="text/css" href="{css_url}" title="{theme}">


</HEAD>
<BODY text=#000000 vLink=#363636 aLink=#d5ae83 link=#363636 bgColor=#3d7499
topmargin=0 leftmargin=0>
{feed_url}
{plg_headercode}
{advanced_editor}
<!-- Needed Javascript Code -->
<script type="text/javascript">
function TBone()
{

window.open('/travis/cam.htm','TBone','width=320,height=240,menubar=no,scrollbars=no,toolbar=no,location=no,directories=no,resizable=no,top=300,left=300'Wink;

}

function Humpy()
{

window.open('/~brian/cam.htm','Humpy','width=320,height=240,menubar=no,scrollbars=no,toolbar=no,location=no,directories=no,resizable=no,top=300,left=300'Wink;

}

function Quink()
{

window.open('/quinn.htm','Humpy','width=320,height=240,menubar=no,scrollbars=no,toolbar=no,location=no,directories=no,resizable=no,top=300,left=300'Wink;

}



var cleared = 0;

function clearField(field)
{
if (cleared != 1) {
field.value = ""
cleared = 1
} else {
cleared = 0
}
}
</script>


<TABLE cellSpacing=0 cellPadding=0 width="90%" align=center bgColor=#eeeeee
border=0>
<TBODY>
<tr>
<TD align=center width="90%" height=20 bgcolor=#dddddd
background=/layout/LCD/images/backscan-body.jpg>&nbsp;&nbsp;<B><A
class="blocktitle2"
href="{site_url}">Home</A> <img src=/layout/LCD/images/bullet4.gif> <A class="blocktitle2"
href="{site_url}/submit.php?type=story">Submit news</A> <img
src=/layout/LCD/images/bullet4.gif> <A class=blocktitle2
href="{site_url}/calendar.php">Calendar</A> <img
src=/layout/LCD/images/bullet4.gif> <A class=blocktitle2
href="{site_url}/search.php">Advanced Search</A> <img
src=/layout/LCD/images/bullet4.gif> <A class=blocktitle2
href="{site_url}/stats.php"></A><br /> </B></TD></tr>
</TBODY></TABLE>
<table align="center" border="0" cellspacing="3" cellpadding="0" width="90%"
bgcolor="#dddddd"><p>
<tr>
{left_blocks}<p>
<td width="100%" valign="top" bgcolor=#dddddd>
<p><center><a href="{site_url}"><img src=/layout/LCD/images/masthead_2.gif alt="Spacequad AntiSpam Services"></a></center><br /> <!-- START OF CONTENT AREA -->


 Quote
 09/12/07 04:31pm  
Status: offline

DTrumbower

Forum User
Moderator
Registered: 01/08/03
Posts: 507
Try this;
Text Formatted Code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>{page_title}</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
<META NAME="ROBOTS" CONTENT="INDEX,FOLLOW">
<link rel="stylesheet" type="text/css" href="{css_url}" title="{theme}">


</HEAD>
<BODY text=#000000 vLink=#363636 aLink=#d5ae83 link=#363636 bgColor=#3d7499
topmargin=0 leftmargin=0>
{feed_url}
{plg_headercode}
{advanced_editor}
<!-- Needed Javascript Code -->
<script type="text/javascript">
function TBone()
{

window.open('/travis/cam.htm','TBone','width=320,height=240,menubar=no,scrollbars=no,toolbar=no,location=no,directories=no,resizable=no,top=300,left=300'Wink;

}

function Humpy()
{

window.open('/~brian/cam.htm','Humpy','width=320,height=240,menubar=no,scrollbars=no,toolbar=no,location=no,directories=no,resizable=no,top=300,left=300'Wink;

}

function Quink()
{

window.open('/quinn.htm','Humpy','width=320,height=240,menubar=no,scrollbars=no,toolbar=no,location=no,directories=no,resizable=no,top=300,left=300'Wink;

}



var cleared = 0;

function clearField(field)
{
if (cleared != 1) {
field.value = ""
cleared = 1
} else {
cleared = 0
}
}
</script>


<TABLE cellSpacing=0 cellPadding=0 width="90%" align=center bgColor=#eeeeee
border=0>
<TBODY>
<tr><td><center><a href="{site_url}"><img src=/layout/LCD/images/masthead_2.gif alt="Spacequad AntiSpam Services"></a></center><br /></td></tr>
<tr>
<TD align=center width="90%" height=20 bgcolor=#dddddd
background=/layout/LCD/images/backscan-body.jpg>&nbsp;&nbsp;<B><A
class="blocktitle2"
href="{site_url}">Home</A> <img src=/layout/LCD/images/bullet4.gif> <A class="blocktitle2"
href="{site_url}/submit.php?type=story">Submit news</A> <img
src=/layout/LCD/images/bullet4.gif> <A class=blocktitle2
href="{site_url}/calendar.php">Calendar</A> <img
src=/layout/LCD/images/bullet4.gif> <A class=blocktitle2
href="{site_url}/search.php">Advanced Search</A> <img
src=/layout/LCD/images/bullet4.gif> <A class=blocktitle2
href="{site_url}/stats.php"></A><br /></B></TD></tr>
</TBODY></TABLE>
<table align="center" border="0" cellspacing="3" cellpadding="0" width="90%"
bgcolor="#dddddd"><p>
<tr>
{left_blocks}<p>
<td width="100%" valign="top" bgcolor=#dddddd>
<!-- START OF CONTENT AREA -->
 


May I also suggest you look at these themes.
 Quote
 09/12/07 08:57pm  

ironmax

Anonymous
Quote by: Sentinel

This is header.thtml....IS the part at the bottom referring to the masthead_2.gif being used? Do I need to move it?




<center><a href="{site_url}"><img src=/layout/LCD/images/masthead_2.gif alt="Spacequad AntiSpam Services"></a></center><br />



If you change the above line to

Text Formatted Code


<center><img border="0" <a href="{site_url}"><img src=/layout/LCD/images/masthead_2.gif width="50%" height="97" alt="The Dade Sentinel - Dade Countys Homepage!"></center>

 


You should be fine. Your image is 750 px wide normally, so that is the problem. The added change will allow to shrink the image automatically. Just replace the line I made changes to. Lets see how that looks and works for you.

Michael
 Quote
 09/12/07 10:29pm  
Status: offline

Sentinel

Forum User
Junior
Registered: 06/13/07
Posts: 15
That did the trick, Michael. The masthead resizes now. Thanks a lot! Only problem is there is a broken pic right next to the masthead that wasn't there before. I just want to get rid of it, I'm not even sure what it is. Do you know what it is?
Thanks for all your help!
 Quote
 09/13/07 01:44am  

ironmax

Anonymous
Quote by: Sentinel

That did the trick, Michael. The masthead resizes now. Thanks a lot! Only problem is there is a broken pic right next to the masthead that wasn't there before. I just want to get rid of it, I'm not even sure what it is. Do you know what it is?
Thanks for all your help!




In the line below you need to remove the <img border="0"

Text Formatted Code

<p><center><img border="0" <a href="http://dadesentinel.com"><img src=/layout/LCD/images/masthead_2.gif width="90%" height="90%" alt="The Dade Sentinel - Dade Countys Homepage!"></center>
 


So that it looks like this

Text Formatted Code

<p><center><a href="http://dadesentinel.com"><img src=/layout/LCD/images/masthead_2.gif width="90%" height="90%" alt="The Dade Sentinel - Dade Countys Homepage!"></center>
 


See if that changes it

Michael
 Quote
 09/13/07 11:21am  
Status: offline

Sentinel

Forum User
Junior
Registered: 06/13/07
Posts: 15
Argghhh----new problem---just noticed this morning that the masthead only shows up in the firefox browser I use on my laptop. It's not showing up in the safari browser I use at work, or on IE browsers.
 Quote
 09/13/07 12:38pm  

ironmax

Anonymous
Quote by: Sentinel

Argghhh----new problem---just noticed this morning that the masthead only shows up in the firefox browser I use on my laptop. It's not showing up in the safari browser I use at work, or on IE browsers.



That extra img tag and border tag should not be there...thats most likely whats messin things up.

Okay...just follow my last post and remove that <img border="0"

And you should be fine, if not, then let me know.


Michael
 Quote
 09/13/07 05:02pm  
Status: offline

Sentinel

Forum User
Junior
Registered: 06/13/07
Posts: 15
Well, that got rid of the broken pic, but the masthead is still not showing up in IE or Safari browsers. Thanks a lot for helping me with this Michael, I really appreciate it.
 Quote
 09/13/07 06:44pm  
Status: offline

Sentinel

Forum User
Junior
Registered: 06/13/07
Posts: 15
I just realized how cynical my last post came off.
I didnae mean to communicate anything like that.
I truly do appreciate all you help, and look forward to any other advice.
Thanks man, Big Grin
 Quote
 09/13/07 08:20pm  
Status: offline

Sentinel

Forum User
Junior
Registered: 06/13/07
Posts: 15
I used DTrumbowers suggestion and it seems to be working. I'll try and look at the code and figure out what's different.
I appreciate all your help, and the education.
Thanks Guys!
 Quote
 09/13/07 09:27pm  

ironmax

Anonymous
Easy fix for your footer. Take the footer from the professional theme and copy it over. That'll solve your problem with the footer showing in the top by bringing it back to the bottom.

Michael

 Quote
 New Topic  Post Reply
All times are EST. The time is now 09:25 pm.
  • Normal Topic
  • Sticky Topic
  • Locked Topic
  • New Post
  • Sticky Topic W/ New Post
  • Locked Topic W/ New Post
  •  View Anonymous Posts
  •  Able to post
  •  Filtered HTML Allowed
  •  Censored Content