ryanh_106

May 22, 2009

Hi,

This seems like a really simple question but it is really puzzling me.

I have several options for font's that my site can use, ideally its supposed to use "Gill Sans MT", but not everyone has this so I am using:

font-family: "Gill Sans MT","Microsoft Sans Serif",Verdana,sans-serif;

The problem is that it seems Gill Sans MT is a lot smaller than the other fonts, if I set up the font sizes for my menu so it is exactly the width of the page (using pt or px) with GillSansMT then the menu doesnt fit if the font gets substituted for Microsoft Sans Serif or Verdana. I thought setting the font sizes as pt or px would ensure they were the same size no matter what the font??

Any advice is appreciated.

Ryan

March 24, 2009

I hate rewrite rules, they always get me stumped, im hoping someone here knows how to use them effectively that can help me!

On my web system, all major code goes in a /portal/ folder to keep the server tidy so my structure looks like this

htdocs

- site1

- site2

- portal

I have set up exceptions for site1 and site2, however I want anything that does not start with domain.com/site1 or domain.com/site2 to be redirected to /portal/ but I do not want the user to see this. i.e. if the user types domain.com/mypage.php I want them to actually get domain.com/portal/mypage.php but i DONT want the address to be rewritten in their browser address bar

I had this:

RewriteRule ^(site1/.*)$ $1 [L]
RewriteRule ^(site2/.*)$ $1 [L]
RewriteRule ^(?!portal/)(.*)$ portal/$1

But google complains about duplicated pages

domain.com/mypage.php and domain.com/portal/mypage.php (obviously these are both the same page, the first has been accessed through the rewrite rule and the second directly)

SO: I need a rule that first of all takes off the /portal/ if it is there (which I believe this requires the [R] flag to physically rewrite the URL) and then the rule above will add the /portal/ again but without it being visible to the user (or google)

This also needs to work for any domain, including subdomains as the portal hosts several different websites.

Please help!!

Thanks

Ryan

April 24, 2008

I am trying to style a salesforce.com portal, which has very little CSS identifiers in the HTML, not even a warpper div around the html and I am obviously having some problems.

I enclose the HTML and CSS but basically:

- I can center align it in firefox using text-align:center; but this doesnt work in IE

- In IE I usually use margin:0 auto; on a wrapper div of a fixed width but as its just a table with no IDs or classes, i cant identify it specifically

- If I assign CSS to set the width and margins or "body table {}" then this affects all tables and messes up the rest of the site.

Any ideas are much appreciated, I have contacted SF and asked them to update their HTML but its a lost cause as i suspected.

Cheers!!

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
  <title>Salesforce</title>
  
  <link  href="/sCSS/12.0/1208983943000/Theme2/default/ie7/elements.css" media="handheld,print,projection,screen,tty,tv" rel="stylesheet" type="text/css" /><script  type="text/javascript">try { DynamicCss.addCssUrl('/sCSS/12.0/1208983943000/Theme2/default/ie7/elements.css', 'handheld,print,projection,screen,tty,tv');} catch(e) {}</script>
  <link href="/servlet/servlet.StyleSheetServlet?oid=00D3000000018MG" rel="stylesheet" type="text/css">

  <script  src="/dJS/en/1208068638000/ssp1Library.js" type="text/javascript"></script><script  src="/static/102207/js/functions.js" type="text/javascript"></script>

</head>


<body onLoad="if (this.bodyOnLoad) bodyOnLoad();" LINK="#000000" VLINK="#000000" ALINK="#99CC00" TOPMARGIN="0" LEFTMARGIN="0" MARGINWIDTH="0" MARGINHEIGHT="0">
<TABLE border=0 width="100%" cellpadding=0 cellspacing=0 height=100%>
    
        <tr><Td valign=top class="pageHeaderContainer"><table border=0 cellspacing=0 cellpadding=0 width=100%>
<tr><td class="pageHeader"><span id="ssp">Customer Support Portal</span></td></tr>
</table></td></tr>
    
    <tr><td valign=top height=99% class="pageBodyContainer">
        <table border=0 width="800" cellspacing=0 cellpadding=0>
        
            <TR>
                <TD valign=top><table cellspacing="1" cellpadding="2" width="800"><TR>
<td nowrap class="menuBarFrame"><a href="/sserv/home.jsp" class="tabOn">Home</a>.<a href="/sserv/search.jsp?lang_picker=1" class="tabOff">Find Solution</a>.<a href="/sserv/caseedit.jsp?retURL=%2Fsserv%2Fhome.jsp" class="tabOff">Log a Incident</a>.<a href="/sserv/caselist.jsp" class="tabOff">View Incidents</a>.<a href="/sserv/logout.jsp" class="tabOff">Logout</a></td></tr></table></TD>
            </TR>
        
<TR height=100% width=100%><TD>

<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="100%"><TR><TD> </TD></TR>
<TR><TD CLASS="titleInfo" ALIGN="RIGHT">Logged in: RE1</TD></TR>
<TR><TD><div><div class="listTitle">Top Solutions</div><div><table width="100%" border="0" cellspacing="0" cellpadding="0"><TR><TD CLASS="listHeaderLine"><img src="/s.gif" border="0" alt="" width="1" height="1"></TD></TR><TR><TD CLASS="listHeading"> None Found</TD></TR><TR><TD CLASS="listHeaderLine"><img src="/s.gif" border="0" alt="" width="1" height="1"></TD></TR></table>
</div><br/></div></TD></TR>
<TR><TD><div><div class="listTitle">My Open Incidents</div><div><table width="100%" border="0" cellspacing="0" cellpadding="0"><TR><TD COLSPAN="6" CLASS="listHeaderLine"><img src="/s.gif" border="0" alt="" width="1" height="1"></TD></TR><tr><td CLASS="listHeading"> </td><td CLASS="listHeading">Number</td><td CLASS="listHeading"> </td><td CLASS="listHeading">Subject</td><td CLASS="listHeading"> </td><td CLASS="listHeading">Created Date</td></tr><TR><TD COLSPAN="6" CLASS="listHeaderLine"><img src="/s.gif" border="0" alt="" width="1" height="1"></TD></TR>
<TR><TD COLSPAN="6" CLASS="listFooterLine"><img src="/s.gif" border="0" alt="" width="1" height="1"></TD></TR></table>
</div><br/></div></TD></TR>


</TABLE>

</TD></TR>


<TR align=center><TD colspan=2>
<br>
    <a href="http://www.salesforce.com/" target="_blank"><img src="/img/poweredby_sfdc.gif" alt=""  width="184" height="40" class="logo" /></a>
</TD></TR>

</TABLE>
</td></tr>
</table>

</body>
</html>

CSS:

BODY {
BACKGROUND-COLOR: #FFFFFF;
COLOR: #333333;
FONT-FAMILY: trebuchet ms, verdana, arial, sans-serif;
FONT-SIZE: 12px;
FONT-WEIGHT: bold;
TEXT-DECORATION: ;
PADDING: ;
width:100%;
text-align:center !important;
} 

.pageHeaderContainer, .pageHeaderContainer table {
width:800px !important;
height:120px !important;
} 

.pageHeader {
BACKGROUND-COLOR: #3830A6;
background-image:url('https://myheaderimage');
background-position:top left; 
background-repeat:no-repeat;
}

span#ssp {
width:100%; height:30px; font-family:"microsoft sans serif", verdana, arial, sans-serif; color:#FFFFFF;
font-size:14pt;
background-color:#2C2E84;
text-align:center; 
display:block;
position:relative; top:+45px;
}

td.pageBodyContainer {
padding-top:0px !important;
padding-left:0px !important;
padding-right:0px !important;
width:800px !important;
}

.menuBarFrame {
border:0px !important;
}

body table {
margin-left:auto !important; margin-right:auto !important; position:relative;
}
.labelCol { padding-right: 10px; font-weight: bold;}TD {
COLOR: #333333; FONT-FAMILY: trebuchet ms, verdana, arial, sans-serif; FONT-SIZE: 11px; 
}
.titleheaderlinetop {
BACKGROUND-COLOR: none; 
}
.tabon:hover {
BACKGROUND-COLOR: #b3b3d7;

COLOR: #000000;
FONT-FAMILY: trebuchet ms, verdana, arial, sans-serif;
FONT-SIZE: 11px;
FONT-WEIGHT: bold;
TEXT-DECORATION:none;
PADDING-TOP: 10px;
PADDING-RIGHT: 10px;
PADDING-LEFT: 10px;
PADDING-BOTTOM: 10px;
HEIGHT: 35px;
BORDER-COLOR: #FFFFFF;
BORDER-STYLE: solid;
BORDER-WIDTH: 0px;
BORDER-RIGHT-WIDTH: 1px;
}

INPUT {
COLOR: #333333; FONT-FAMILY: trebuchet ms, verdana, arial, sans-serif; FONT-SIZE: 11px; 
}
TD.pageheaderline {
display:none;
}
.listheading {
COLOR: #333333; FONT-FAMILY: trebuchet ms, verdana, arial, sans-serif; FONT-SIZE: 11px; HEIGHT: 14px; BORDER-COLOR: #AEAEAE; BORDER-STYLE: none; BORDER-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: #006699; BACKGROUND-COLOR: #E4E4F1; PADDING: 2px; PADDING-LEFT: 4px; 
}
.button {

}
.logo {
BORDER-COLOR: #DDDDDD; BORDER-STYLE: solid; BORDER-WIDTH: 1px; 
}
.listentryeven {
BACKGROUND-COLOR: #E4E4F1; HEIGHT: 20px; 
}
.datafield {
COLOR: #333333; FONT-FAMILY: trebuchet ms, verdana, arial, sans-serif; FONT-SIZE: 11px; BACKGROUND-COLOR: #FFFFFF; PADDING: 2px; PADDING-LEFT: 4px; 
}
.editlabel {
COLOR: #333333; FONT-FAMILY: trebuchet ms, verdana, arial, sans-serif; FONT-SIZE: 11px; FONT-WEIGHT: bold; BACKGROUND-COLOR: #FFFFFF; PADDING: 2px; PADDING-LEFT: 4px; 
}
.pagetitle {
COLOR: #FFFFFF; FONT-SIZE: 13px; FONT-FAMILY: trebuchet ms, verdana, arial, sans-serif; FONT-WEIGHT: bold; BORDER-COLOR: #AAAAAA; BORDER-STYLE: solid; BORDER-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BACKGROUND-COLOR: #5E901D; BACKGROUND-IMAGE: none; PADDING-TOP: 3px; PADDING-RIGHT: 1px; PADDING-LEFT: 4px; PADDING-BOTTOM: 3px; PADDING: 2px; 
}
.categoryheadercolor {
BACKGROUND-COLOR: #E4E4F1; 
}
.tabon {
BACKGROUND-COLOR: #b3b3d7;
COLOR: #000000;
FONT-FAMILY: trebuchet ms, verdana, arial, sans-serif;
FONT-SIZE: 11px;
FONT-WEIGHT: bold;
TEXT-DECORATION:none;
PADDING-TOP: 10px;
PADDING-RIGHT: 10px;
PADDING-LEFT: 10px;
PADDING-BOTTOM: 10px;
HEIGHT: 35px;
BORDER-COLOR: #FFFFFF;
BORDER-STYLE: solid;
BORDER-WIDTH: 0px;
BORDER-RIGHT-WIDTH: 1px;
}
.searchtipsheader {
COLOR: #335577; FONT-FAMILY: arial, verdana, tahoma, sans-serif; FONT-SIZE: 11px; FONT-WEIGHT: bold; LINE-HEIGHT: 15px; BORDER-WIDTH: 0px; BORDER-TOP-WIDTH: 1px; BORDER-TOP-COLOR: #333333; BORDER-BOTTOM-WIDTH: 2px; BORDER-BOTTOM-COLOR: #333333; BORDER-STYLE: solid; 
}
.titleinfo {
COLOR: #333333; FONT-FAMILY: trebuchet ms, verdana, arial, sans-serif; FONT-SIZE: 11px; BACKGROUND-COLOR: #FFFFFF; PADDING-BOTTOM: 3px; 
}
.commentauthor {
COLOR: #333333; FONT-FAMILY: trebuchet ms, verdana, arial, sans-serif; FONT-SIZE: 11px; FONT-WEIGHT: bold; LINE-HEIGHT: 14px; PADDING: 2px; PADDING-LEFT: 4px; 
}
.closereasoneditlabel {
COLOR: #333333; FONT-FAMILY: trebuchet ms, verdana, arial, sans-serif; FONT-SIZE: 11px; FONT-WEIGHT: bold; BACKGROUND-COLOR: #FFFFFF; PADDING: 2px; PADDING-LEFT: 4px; 
}
A:hover {
COLOR: #5b66a7; FONT-FAMILY: trebuchet ms, verdana, arial, sans-serif; FONT-SIZE: 11px; PADDING-LEFT: 4px; 
}
.datalabel {
COLOR: #333333; FONT-FAMILY: trebuchet ms, verdana, arial, sans-serif; FONT-SIZE: 11px; FONT-WEIGHT: bold; BACKGROUND-COLOR: #FFFFFF; PADDING: 2px; PADDING-LEFT: 4px; 
}
.suggestioncasedetaildata {
COLOR: #333333; FONT-FAMILY: trebuchet ms, verdana, arial, sans-serif; FONT-SIZE: 11px; BACKGROUND-COLOR: #e5e5e5; PADDING: 2px; PADDING-LEFT: 4px; 
}
A.categorynode {
COLOR: #333333; FONT-FAMILY: trebuchet ms, verdana, arial, sans-serif; FONT-SIZE: 11px; FONT-WEIGHT: bold; 
}
.blackline {
BACKGROUND-COLOR: #333333; 
}
.requiredsymbol {
COLOR: #990000; FONT-FAMILY: trebuchet ms, verdana, arial, sans-serif; FONT-SIZE: 14px; 
}
.detaildata {
COLOR: #333333; FONT-FAMILY: trebuchet ms, verdana, arial, sans-serif; FONT-SIZE: 11px; BACKGROUND-COLOR: #e5e5e5; PADDING: 2px; PADDING-LEFT: 4px; 
}
TD.pageheadercontainer {
PADDING: ;
HEIGHT: ;
}
.commentdate {
COLOR: #333333; FONT-FAMILY: trebuchet ms, verdana, arial, sans-serif; FONT-SIZE: 11px; FONT-WEIGHT: bold; LINE-HEIGHT: 14px; PADDING: 2px; PADDING-LEFT: 4px; 
}
.taboff {
BACKGROUND-COLOR: #8080FF;
COLOR: #ededed;
FONT-FAMILY: trebuchet ms, verdana, arial, sans-serif;
FONT-SIZE: 11px;
FONT-WEIGHT: bold;
TEXT-DECORATION: none;
PADDING-TOP: 10px;
PADDING-RIGHT: 10px;
PADDING-LEFT: 10px;
PADDING-BOTTOM: 10px;
HEIGHT: 35px;
BORDER-COLOR: #FFFFFF;
BORDER-STYLE: solid;
BORDER-WIDTH: 0px;
BORDER-RIGHT-WIDTH: 1px;
}
SELECT {
COLOR: #333333; FONT-FAMILY: arial, verdana, tahoma, sans-serif; FONT-SIZE: 11px; 
}
.error {
BACKGROUND-COLOR: #FF9999;
COLOR: #990000;
FONT-FAMILY: trebuchet ms, verdana, arial, sans-serif;
FONT-SIZE: 11px;
FONT-WEIGHT: bold;
TEXT-DECORATION: ;
PADDING: 5px ;
PADDING-LEFT: ;
border:1px solid #990000
}
.suggestioncasedetaillabel {
COLOR: #333333; FONT-FAMILY: trebuchet ms, verdana, arial, sans-serif; FONT-SIZE: 11px; FONT-WEIGHT: bold; BACKGROUND-COLOR: #FFFFFF; PADDING: 2px; PADDING-LEFT: 4px; 
}
.listentryodd {
BACKGROUND-COLOR: #ffffff; HEIGHT: 20px; 
}
.categoryheader {
COLOR: #333333; FONT-FAMILY: trebuchet ms, verdana, arial, sans-serif; FONT-SIZE: 13px; FONT-WEIGHT: bold; BORDER-STYLE: solid; BORDER-WIDTH: 0px; BORDER-BOTTOM-COLOR: #333333; BORDER-BOTTOM-WIDTH: 2px; 
}
.text {
COLOR: #333333; FONT-FAMILY: trebuchet ms, verdana, arial, sans-serif; FONT-SIZE: 11px; FONT-WEIGHT: bold; 
}
A.categorysubnode {
COLOR: #333333; FONT-FAMILY: trebuchet ms, verdana, arial, sans-serif; FONT-SIZE: 11px; 
}
.suggestionmessage {
COLOR: #333333; FONT-FAMILY: trebuchet ms, verdana, arial, sans-serif; FONT-SIZE: 13px; FONT-WEIGHT: bold; BACKGROUND-COLOR: #FFFFFF; 
}
.titleheaderlinebottom {
BACKGROUND-COLOR: #5E901D; HEIGHT: 1px; 
}
.solutiontitledetail {
COLOR: #333333; FONT-FAMILY: trebuchet ms, verdana, arial, sans-serif; FONT-SIZE: 13px; BACKGROUND-COLOR: #FFFFFF; BORDER-COLOR: #FFFFFF; BORDER-WIDTH: 0px; BORDER-STYLE: solid; BORDER-BOTTOM-WIDTH: 2px; BORDER-BOTTOM-COLOR: #333333; PADDING-TOP: 2px; PADDING-LEFT: 4px; PADDING-BOTTOM: 3px; 
}
TEXTAREA {
COLOR: #333333; FONT-FAMILY: trebuchet ms, verdana, arial, sans-serif; FONT-SIZE: 11px; 
}
.listheaderline {
BACKGROUND-COLOR: #5E901D; 
}
TD.pagebodycontainer {
PADDING: 10px; BACKGROUND-COLOR: #FFFFFF; 
}
.errormsg {
COLOR: #990000; FONT-FAMILY: arial, verdana, tahoma, sans-serif; FONT-SIZE: 12px; FONT-WEIGHT: bold; 
}
.attachbkgd {
BACKGROUND-COLOR: #FFFFFF; 
}
.searchtips {
COLOR: #333333; FONT-FAMILY: arial, verdana, tahoma, sans-serif; FONT-SIZE: 11px; LINE-HEIGHT: 15px; 
}
.searchprompt {
COLOR: #335577; FONT-FAMILY: arial, verdana, tahoma, sans-serif; FONT-SIZE: 11px; FONT-WEIGHT: bold; LINE-HEIGHT: 15px; 
}
A {
COLOR: #5b66a7; FONT-FAMILY: trebuchet ms, verdana, arial, sans-serif; FONT-SIZE: 11px; PADDING-LEFT: 4px; 
}
.editdata {
COLOR: #333333; FONT-FAMILY: arial, verdana, tahoma, sans-serif; FONT-SIZE: 11px; BACKGROUND-COLOR: #e5e5e5; PADDING: 2px; PADDING-LEFT: 4px; 
}
.detaillabel {
COLOR: #333333; FONT-FAMILY: trebuchet ms, verdana, arial, sans-serif; FONT-SIZE: 11px; FONT-WEIGHT: bold; BACKGROUND-COLOR: #FFFFFF; PADDING: 2px; PADDING-LEFT: 4px; 
}
TD.pagefootercontainer {
BACKGROUND-COLOR: #FFFFFF; 
}
.menubarframe {
BACKGROUND-COLOR: #8080FF;
BACKGROUND-IMAGE: none;
BACKGROUND-REPEAT: ;
COLOR: #9A9A9A;
PADDING-TOP: ;
PADDING-LEFT: ;
PADDING-BOTTOM: ;
PADDING-RIGHT: ;
HEIGHT: 36px;
}
.taboff:hover {
BACKGROUND-COLOR: #b3b3d7;
COLOR: #000000;
FONT-FAMILY: trebuchet ms, verdana, arial, sans-serif;
FONT-SIZE: 11px;
FONT-WEIGHT: bold;
TEXT-DECORATION:none;
PADDING-TOP: 10px;
PADDING-RIGHT: 10px;
PADDING-LEFT: 10px;
PADDING-BOTTOM: 10px;
HEIGHT: 35px;
BORDER-COLOR: #FFFFFF;
BORDER-STYLE: solid;
BORDER-WIDTH: 0px;
BORDER-RIGHT-WIDTH: 1px;
}
.categorybackground {
BACKGROUND-COLOR: #FFFFFF; 
}
.closereasoneditdata {
COLOR: #333333; FONT-FAMILY: arial, verdana, tahoma, sans-serif; FONT-SIZE: 11px; BACKGROUND-COLOR: #FFFFFF; PADDING: 2px; PADDING-LEFT: 4px; 
}
.solutionbodydetail {
COLOR: #333333; FONT-FAMILY: trebuchet ms, verdana, arial, sans-serif; FONT-SIZE: 11px; BACKGROUND-COLOR: #FFFFFF; PADDING: 4px; PADDING-LEFT: 4px; 
}
TD.custommessagecontainer {
PADDING: 5px; BACKGROUND-COLOR: #FFFFFF; 
}
.listtitle {
COLOR: #FFFFFF; FONT-FAMILY: arial, verdana, tahoma, sans-serif; FONT-SIZE: 13px; FONT-WEIGHT: bold; BORDER-COLOR: #AAAAAA; BORDER-STYLE: none; BORDER-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BACKGROUND-COLOR: #5E901D; BACKGROUND-IMAGE: none; PADDING-TOP: 3px; PADDING-LEFT: 4px; PADDING-BOTTOM: 3px; 
}
.listfooterline {
BACKGROUND-COLOR: #5E901D; 
}
.solutionquestion {
COLOR: #000000; FONT-FAMILY: arial, verdana, tahoma, sans-serif; FONT-SIZE: 12px; FONT-WEIGHT: bold; 
}
TD.pagefooterline {
BACKGROUND-COLOR: #99CCFF; HEIGHT: 0px; 
}

March 26, 2008

but this would add a scrollbar.... I want it to force the content to wrap like it used to!

I have had to do this using code for now:

wordwrap($long_link, 60, "<br />", true)

Where 60 is the character limit, <br /> is the character used to split and true makes it force word wrap even if a space is not available.

If anyone has any more suggestions as to how to do this with the template, I would still be greatful!

Cheers

March 25, 2008

Thanks sKunKbad, the main problem I have is the content HTML is auto generated by the system, ideally it would be much easier if I could resolve this by only modifying the CSS or template HTML (not the table itself).

Forgive me as I havent had a chance to try this yet but doesnt overflow:hidden just clip of any content outside the area as opposed to wrapping it? I dont want any content to be removed from the page.

Many Thanks

March 25, 2008

Ok this is getting really annoying, I have changed the template for a site from tables to divs, expecting to be blessed with that warm feeling that my site would be properly coded, but instead im just getting hassled. Here's the problem. the table contained within the content div has some very long data in it (a web address with no spaces). On the old template where the content wrapper was another table cell, the width was fixed and the content was forced to wrap. On the new template, even thought I have fixed the content div width to the right size, the content still forces it to expand to fit instead of being wrapped like before. That proabaly made no sense... heres the screenshots and code. Any help is appreciated! Cheers

Before:

After:

HTML:

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="imagetoolbar" content="no" />
<link rel="stylesheet" type="text/css" href="templates/controlpanel/AJ.css" media="screen" /> 
<title>Control Panel</title>


<script language='javascript' src='CalendarPopup.js'></script>

</head>

<body>
<div id="shade">
<div id="lhshadow"></div>
<div id="page">
	<div id="headerborder">
		<div id="header">
		</div><!--END HEADER-->
	</div><!--END HEADERBORDER-->
	<div id="navigation">	
		<div id="leftnav" class="nav">
			<div id='tabheader'><ul><li><a href='?site_id=38&currenttab=general&screenid=&screentype='><span>General</span></a></li><li><a href='?site_id=38&currenttab=popular&screenid=&screentype='><span>Popular Pages</span></a></li><li><a href='?site_id=38&currenttab=google&screenid=&screentype='><span>Google</span></a></li><li><a href='?site_id=38&currenttab=users&screenid=&screentype='><span>Users</span></a></li><li><a href='?site_id=38&currenttab=downloads&screenid=&screentype='><span>File Downloads</span></a></li><li id='current'><a href='?site_id=38&currenttab=advanced&screenid=&screentype='><span>Advanced</span></a></li></ul></div> 
		</div>
		<div id="rightnav" class="nav"><ul><li>
			<a href="controlpanel.php?site_id=38" class="parent"><span>Control Panel</span></a>
		</li></ul></div>
	</div><!--END NAVIGATION-->
	<div id="content">
		<div id="cppagetitle">Statistics</div><br /><br />
		The most recent 100 screen views.<br /><br /><TABLE><TR><TD>Screen Type</TD><TD>Screen ID</TD><TD>User ID</TD><TD>Session ID</TD><TD>Date/Time</TD><TD>Referer</TD></TR><TR><TD>folder</TD><TD>558</TD><TD>0</TD><TD>74c5e9ad0bce6a1ccafd529c90d122b7</TD><TD>2008-03-17 13:00:14</TD><TD><A TARGET='_blank' HREF='http://local/live/showscreen.php?site_id=38&screentype=folder&screenid=557'>http://local/live/showscreen.php?site_id=38&screentype=folder&screenid=557</A></TD></TR><TR><TD>folder</TD><TD>557</TD><TD>0</TD><TD>74c5e9ad0bce6a1ccafd529c90d122b7</TD><TD>2008-03-17 13:00:12</TD><TD><A TARGET='_blank' HREF='http://local/live/showscreen.php?site_id=38&screentype=folder&screenid=675'>http://local/live/showscreen.php?site_id=38&screentype=folder&screenid=675</A></TD></TR><TR><TD>folder</TD><TD>675</TD><TD>0</TD><TD>74c5e9ad0bce6a1ccafd529c90d122b7</TD><TD>2008-03-17 13:00:12</TD><TD><A TARGET='_blank' HREF='http://local/live/showscreen.php?site_id=38&screentype=folder&screenid=675'>http://local/live/showscreen.php?site_id=38&screentype=folder&screenid=675</A></TD></TR><TR><TD>folder</TD><TD>675</TD><TD>0</TD><TD>74c5e9ad0bce6a1ccafd529c90d122b7</TD><TD>2008-03-17 13:00:08</TD><TD><A TARGET='_blank' HREF=''></A></TD></TR><TR><TD>folder</TD><TD>675</TD><TD>1</TD><TD>d52739652ddb0a0c5ef963a606bea7d8</TD><TD>2008-03-17 11:08:09</TD><TD><A TARGET='_blank' HREF='http://local/live/showscreen.php?site_id=38&screentype=site&screenid=38'>http://local/live/showscreen.php?site_id=38&screentype=site&screenid=38</A></TD></TR><TR><TD>site</TD><TD>38</TD><TD>1</TD><TD>d52739652ddb0a0c5ef963a606bea7d8</TD><TD>2008-03-17 11:07:06</TD><TD><A TARGET='_blank' HREF='http://local/live/controlpanel.php'>http://local/live/controlpanel.php</A></TD></TR><TR><TD>site</TD><TD>38</TD><TD>1</TD><TD>936b0b7fc0bfa077144a542c8076dced</TD><TD>2008-03-12 10:24:48</TD><TD><A TARGET='_blank' HREF='http://local/live/cplistsites.php'>http://local/live/cplistsites.php</A></TD></TR><TR><TD>site</TD><TD>38</TD><TD>1</TD><TD>936b0b7fc0bfa077144a542c8076dced</TD><TD>2008-03-12 10:22:29</TD><TD><A TARGET='_blank' HREF='http://us.f579.mail.yahoo.com/ym/ShowLetter?MsgId=8158_14686380_12910_1766_298158_0_2014_505766_1822104928&Idx=1&YY=92598&y5beta=yes&y5beta=yes&inc=25&order=down&sort=date&pos=0&view=a&head=b&box=Inbox'>http://us.f579.mail.yahoo.com/ym/ShowLetter?MsgId=8158_14686380_12910_1766_298158_0_2014_505766_1822104928&Idx=1&YY=92598&y5beta=yes&y5beta=yes&inc=25&order=down&sort=date&pos=0&view=a&head=b&box=Inbox</A></TD></TR><TABLE>


		<br /><br />
		<a href="controlpanel.php?site_id=38" class="biglink">Return to Control Panel</a>
	</div><!--END CONTENT-->
</div><!--END PAGE-->
<div id="rhshadow"></div>
<div class="clear"></div>
<div id="footer">
	<span id="footerlinks"><a href="cplogin.php?logout=true">Logout</a></span>
	<span id="footertext">© 2008, All Rights Reserved</span>
</div><!--END FOOTER-->
</div><!--END SHADE-->

<body>
</html>

CSS:

body { background-color:#ffffff; background-image:url('images/bodybg.gif'); background-position:top; background-repeat:repeat-x; width:100%;position:relative;margin:0px;font-family:"Trebuchet MS",Verdana,Lucida,Arial,sans-serif;font-size: 11px; color:#333333;
}

/* TEMPLATE STYLING */
#shade { background-color:#ffffff; background-image:url('images/shadebg.gif'); background-position:centre; background-repeat:repeat-y; width:900px; height:100%; margin:auto; }

#lhshadow, #rhshadow, #page { display:inline; float:left; }
#lhshadow { background-image:url('images/lhshade.gif'); 
        background-position:centre; 
        background-repeat:no-repeat; 
        width:5px; height:426px; }
#rhshadow { background-image:url('images/rhshade.gif'); 
        background-position:centre; 
        background-repeat:no-repeat; 
        width:5px; height:426px; }

#page { position:relative; width:890px; }

#header { background-image:url('images/header.jpg'); 
        background-position:top; 
        background-repeat:repeat-x; display:block;
        margin:0px; padding:0px; 
        width:100%; height:110px; text-align:right; }
#headerborder { width:890px;
	border-bottom:5px solid #346391; }
#logo { margin-left:20px; float:left; }
#cds { margin-right:0px; }
        
#navigation { position:absolute; top:88px; 
        margin-left:0px; /*text-align:center;*/
        background:none; 
        width:870px; height:19px; }

/*  PROBLEM WITH OVERFLOW ON THIS DIV!! */
#content { background-color:#ffffff;
background-image:url('images/green_watermark.gif'); 
        background-position:top right; 
        background-repeat:no-repeat;
        margin-left:5px; padding:20px;
        width:839px; }

#cppagetitle { background-image:url('images/titlebg.jpg'); 
        background-position:left center; 
        background-repeat:no-repeat;
        height:50px; text-indent:80px;
        font-size:16pt; font-weight:bold;
        line-height:50px; color:#396091; 
        margin-top:15px; }

#footer { background-color:#ffffff; 
        background-image:url('images/footer.gif'); 
        background-position:top; 
        background-repeat:no-repeat; 
        width:100%; height:82px;
        position:relative; }
#footertext { position:absolute; top:62px; left:30px;
        font-family:Verdana,Arial,sans-serif; 
        font-size:8pt; color:#808080; }
#footerlinks { position:absolute; top:28px; left:380px;
        font-family:Verdana,Arial,sans-serif; 
        font-size:8pt; color:#808080; 
        width:495px; text-align:right; }

.clear { clear:both; }


/* MENU STYLING */
#leftnav { float:left; width:auto; }
#rightnav { float:right; width:140px; }
.nav ul { margin:0px; padding:0px 0px 0px 6px; list-style:none; line-height:1; }
.nav li { display:inline; margin:0px; padding:0px; }
.nav a { background:url("images/menu_left_combined.gif") no-repeat left top;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-weight:bold; font-size:11px; 
float:left; text-decoration:none;
color:#396091; line-height:23px;
margin:0px; padding:0px; }
.nav a span { background:url("images/menu_right_combined.gif") no-repeat right top;
padding:0px 15px 0px 15px;
display:block; float:left;
color:#396091; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.nav a span { float:none; }
/* End IE5-Mac hack */
.nav a:hover span { color:#ffffff; }
.nav a:hover { background-position:0% -23px; text-decoration:none; }
.nav a:hover span { background-position:100% -23px; }

/* CONTENT STYLES */
a:link, a:visited, a:hover, a:active { color:#396091; }
a:link, a:visited, a:active { text-decoration:none; }
a:hover { text-decoration:underline; }
.biglink { font-size:12pt; }
acronym{ border-bottom:1px dotted #666666; cursor:help; }

h1, h2, h3 { padding:0px; color:#396091; }
h1 { font-size: 18px;	
line-height: 13px;
margin: 0px 0px 0px 10px; }
h2 { font-size: 18px;	
line-height: 13px;
margin: 0px 10px 0px 0px;
text-align:right; }
h3 { font-size: 14px;	
line-height: 14px;
margin: 10px 0px 3px 0px;
text-align:left; }


input, select { font-size: 10px; }
.rowalternate { background-color: #DDDDDD; }

March 15, 2008

Ok ill try rack up a full example (cant just dump the actual code as its work related )

I thought there was some known issue with IE6 and borders being included with heights, guess i was hoping it would be a simple answer!

Ill put something together and get back to you.

Cheers

March 13, 2008

Hi,

I have a header div that contains two images that are both 102px high and a background (repeated along y) that is 102px high with a border along the bottom of 5px. For some reason, if I set the height to auto (or dont specify it) then there is a 5px gap (in which the background colour of the div shows through) between the bottom of the images and the border. If I set the height specifically to 102px then the problem is rectified in IE6 and FF but remains in IE6. I also tried to place the border on a wrapper div (as shown below) but this did not help, there still seems to be something pushing the header down. Any advice as to why this is happening is apprecaited.

Cheers

HTML:

<div id="headerborder">
    <div id="header">
        <img src="templates/controlpanel/images/logo.gif" title="This is our logo" id="logo" />
        <img src="templates/controlpanel/images/rightimage.gif" id="cds" />
    </div><!--END HEADER-->
</div><!--END HEADERBORDER-->

CSS:

#header { background-color:#ff0000; 
        background-image:url('images/headerbg.gif'); 
        background-position:top; 
        background-repeat:repeat-x; display:block;
        margin:0px; padding:0px; 
        width:100%; height:102px; text-align:right; }
#headerborder { width:890px;
        border-bottom:5px solid #346391; }

February 29, 2008

Thanks for the assistance, unfortunately this would take out the <a> tags that I need also. I ended up solving this issue by ditching regex altogether. As follows:

- Split html by "<a"

- Split each result by "</a>"

- Finally split by ">"

This left me roughly with the link to be tested and the text to be dumped to screen.

Pretty messy but it works and this is urgent! thanks for the help anyway!

February 29, 2008

Hi,

I am using preg_match_all() I am trying to split the source for a hyperlink into the web address and the text.

e.g.

<a href="test.php">Test Page</a>

link: test.php

text: Test Page

Can anyone help? Links may contain title="" attributes so I need to account for those, I originally had something like this:

preg_match_all('/<a href="(.*)"( title=(.*))?>(.*)<\/a>/', $newhtml, $matches); // Find all links

but this caused problems because if there was a title, the index of the link text in $matches moved up one so I couldnt extract it,

so i just did this:

preg_match_all('/<a (.*)>(.*)<\/a>/', $newhtml, $matches); // Find all links

which was fine as I only need to test the link address, I dont need to use it so if it had title="" at the end it didnt matter, but this doesnt work if there is HTML in the link text (such as <strong>)

How can I do this effectively?

Hope I explained that well enough

Please help, im getting really fed up of this!

Cheers

October 29, 2007

Sorted it!

It was an SQL-MODE issue, the use of STRICT_TRANS_TABLES by the demo system meant that the date value '' was not accepted.

Changed SQL mode to match live system (its mode found using the query SHOW VARIABLES LIKE '%mode%' and everything worked

Thanks for all your help

October 26, 2007

live is 5.0.27, demo system (the one with the problem) is 5.0.45 Community Edition

I assume linux server is community edition but it came with the server and doesnt specifically say, just says "14.12 Distrib 5.0.27"

Im not sure where to look for the configuration, as the live system is Linux and my local system was created by XMAPP so i cant find my.ini, even with search...

Cheers

October 26, 2007

Very good question, didnt think of trying that..

Yes I do, exactly the same -___-

October 25, 2007

The database is just a dump of the live one, just double checked and Not Null is definately not set. Database is the same, code is the same, just now for some reason its not accepting '' as a date so I can only assume that there is something in the config.

The value is coming straight from a text box.

Cheers

October 25, 2007

Doesnt seem to help

ALLOW_INVALID_DATES just seems to mean that you can put in 31st feb as a date, doesnt necessarily mean you can put in an empty date... :s

Any other ideas? This is so weird!

October 25, 2007

Sorry, didnt see the link. Ill check it out!

October 25, 2007

Yeah it doesnt complain at all on the other systems, that sounds very promising! How do I go about changing that setting on the new server?

Cheers

October 25, 2007

Hi,

Im not sure if this is a MyAQL problem, PHP problem or webserver problem but im hoping someone can help!

I have been using a web system I created for ages on a linux fasthosts dedicated server runnin apache, PHP5 and MySQL with no issues, I have a local copy of it running on my local computer using XAMPP (apache, php5, MySQL). I am now trying to get it running on a roaming demo system which is using Windows Server 2003, IIS for web system (computer also running Apache Tomcat as this is required for something else so cant use Apache for web system), PHP5 and MySQL.

All of a sudden I get the following error

Incorrect date value: '' for column 'user_birthdate' at row 1

The user_birthdate box is actually hidden on the registration page to simplify the reg process, I would REALLY rather work out what part of the system config is making this happen than change the code to fix it as it is supposed to be a demo of the live system which works fine.

Can anyone offer any ideas? Im sorry if I didnt explain that very well, feel free to ask any more questions

Thanks

Ryan

September 8, 2007

I have a website... I am putting an ActiveX control on it... I want to display a message saying "Please allow this activeX control by clicking the information bar" if the information bar pops up.

I have seen it done many a time before

Thanks

September 8, 2007

I know what it is.... I want to detect when the activeX has been blocked (and the information bar displayed)

I know its possible somehow because I have seen it done on loads of sites, think windows update is one of them,

The site shows a picture of the information bar and how to accept the activeX when its blocked

Ryan

September 8, 2007

Hi, I see loads of sites that contain ActiveX controls that display a message when the Information Bar blocks the content saying something along the lines of "Did you notice the information bar" and some instructions on how to enable the ActiveX by clicking on the bar.

But I cant seem to find out how you go about detecting the fact that the information bar has popped up. Anyone any ideas or done this before?

Appreciated

Ryan

June 12, 2007

Thank you, glad to see im not going crazy. Its such a strange problem, somebody must have dealt with something similar before though!

June 11, 2007

Thanks for that, though it is reassuring it doesnt explain why it doesnt work all the time. Can anyone else offer some advice??

Thanks

May 28, 2007

The problem is each TD in the row should inherit the style associated to the row, so in my opinion the way that code is written should create the effect displayed in IE.

Im just guessing here as I have never tried this myself but I would suggest changing the css to read tr.tcat { blah } as this should only apply to the row, not the cells within??

who knows, give it a try, hope it helps

Ryan

May 28, 2007

Depends how you want your site to look and how you want the menu to be positioned.

You could quite easily put the menu in a div and use the CSS positioning attributes to specify where on the page you want it to appear, but you would have to provide a little more information for us to be able to go into any more detail than that.

Ryan

Sign In

ryanh_106

Posts

Joined

Last visited

Content Type

Profiles

Forums

Posts posted by ryanh_106

Keeping Font Sizes Consistent

Confused by RewriteRule

Centering site with no CSS identifiers

Cant stop the overflow

Cant stop the overflow

Cant stop the overflow

Extra height in IE6

Extra height in IE6

Problems with links

Problems with links

[SOLVED] Strange problem on new server

[SOLVED] Strange problem on new server

[SOLVED] Strange problem on new server

[SOLVED] Strange problem on new server

[SOLVED] Strange problem on new server

[SOLVED] Strange problem on new server

[SOLVED] Strange problem on new server

[SOLVED] Strange problem on new server

Information Bar Detection

Information Bar Detection

Information Bar Detection

Css blues.... missing elements

Css blues.... missing elements

IE Background Bug

Move a CSS based menu to the bottom

Browse

Activity

Important Information