Advertisement
If you have a new account but are having problems posting or verifying your account, please email us on hello@boards.ie for help. Thanks :)
Hello all! Please ensure that you are posting a new thread or question in the appropriate forum. The Feedback forum is overwhelmed with questions that are having to be moved elsewhere. If you need help to verify your account contact hello@boards.ie
setting browser fonts etc.
Options
-
23-08-2007 11:40am#1whats the code to put in my program that will specify the browser fonts etc,
the problem is im designing a site, it displays on my computer but not someone elses, so im thinking if i can specify the browser settings in the program it will work on all computers.
Thanks0
Comments
-
What font are you trying to use? It could be that the font you are trying to display does not exist on 'someone elses' computer. I'm not sure that there's a way around this, which is why it's best to stick with the few standerd fonts for your site (such as Arial and Verdana).
In anycase, you should be using CSS font properties. You can find out more over at the W3C site.0 -
i didnt specify the font but im thinking maybe on the computer which it does not work on its font changed before, i dont know realy,
the problem is the site displays correctly on one computer and not the other, (same browsers) can u think what the problem might be.
the div tags are way off on one of the computers0 -
Did you code the site yourself or did you use something like Dreamweaver/Microsoft Frontpage?0
-
Could be any number of things.
Different screen resolution?
Custom font size and/or type on one of the computers? (check 'View -> Font Size' in the menu bar)
Is the site online so I can have a look?0 -
the simple way to do it would be
<span style="font-face:arial"> Text goes here </span>0 -
Advertisement
-
-
-
matt-dublin wrote:the simple way to do it would be
<span style="font-face:arial"> Text goes here </span>
Its more the postioning of images, its the header,0 -
can you post up the code?
have you created this page using divs or tables?0 -
matt-dublin wrote:can you post up the code?
have you created this page using divs or tables?
its in divs
===========start of home file=======================
<%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%
'Convert the username credential contained in the session variable “MM_Username” to lowercase.
'This conversion ensures that the case statement in the database connection file “Connections.asp”
'will work correctly to configure the database connection string.
Session("MM_Username") = LCase(Session("MM_Username"))
%>
<%
' Restrict Access To Page: Grant or deny access to this page
MM_authorizedUsers="ADMI,USER,DISP,APPR,SAND"
MM_authFailedURL="../logout/copg_logout.asp"
MM_grantAccess=false
'stopped here
If Session("MM_Username") <> "" then' if MM_Username not equal to empty String
If (true Or CStr(Session("MM_UserAuthorization"))="") Or _
(InStr(1,MM_authorizedUsers,Session("MM_UserAuthorization"))>=1) Then
MM_grantAccess = true
End If
End If
If Not MM_grantAccess Then
MM_qsChar = "?"
If (InStr(1,MM_authFailedURL,"?") >= 1) Then MM_qsChar = "&"
MM_referrer = Request.ServerVariables("URL")
if (Len(Request.QueryString()) > 0) Then MM_referrer = MM_referrer & "?" & Request.QueryString()
MM_authFailedURL = MM_authFailedURL & MM_qsChar & "accessdenied=" & Server.URLEncode(MM_referrer)
Response.Redirect(MM_authFailedURL)
End If
%>
<!--#include file="../Connections/connCOPG.asp" -->
<%
Dim rsUsers__valUserName
rsUsers__valUserName = "0"
If (Session("MM_Username") <> "") Then
rsUsers__valUserName = Session("MM_Username")
End If
%>
<%
Dim rsUsers
Dim rsUsers_numRows
Set rsUsers = Server.CreateObject("ADODB.Recordset")
rsUsers.ActiveConnection = MM_connCOPG_STRING
rsUsers.Source = "SELECT UserName, DbType, DatabaseName, Usage FROM tblUser WHERE UserID = '" + Replace(rsUsers__valUserName, "'", "''") + "'"
rsUsers.CursorType = 0
rsUsers.CursorLocation = 2
rsUsers.LockType = 1
rsUsers.Open()
rsUsers_numRows = 0
%>
<%
Dim rsControl
Dim rsControl_numRows
Set rsControl = Server.CreateObject("ADODB.Recordset")
rsControl.ActiveConnection = MM_connCOPG_STRING
rsControl.Source = "SELECT MessageTxt FROM tblControl"
rsControl.CursorType = 0
rsControl.CursorLocation = 2
rsControl.LockType = 1
rsControl.Open()
rsControl_numRows = 0
%>
<%
'***************************************************************************************
' Database Selection.
' The COPG tool implements a number of different working environments. These environments
' can be broadly categorised as follows; live environment, sandbox environment(s) and archive environment(s).
' These environment are implemented technically by connecting the application user to different
' Microsoft Access databases depending on the user’s account settings.
' The COPG tool uses the ‘Connections.asp’ page to define the contents of database selection
' string variable “MM_connCOPG_STRING” which ultimately determines which Access database is
' selected. The variable contents selection is based on the user who is accessing the COPG tool.
'
' To enable this database selection to take place the following prerequisites must be completed;
' The COPG user account must be setup correctly;
' 1. The ‘UserID’ setting is critical for the selection of the correct sandbox or archive
' database as the program logic in the ‘Connections.asp’ page uses the username in the
' “Select Case” statement.
' 2. The ‘DbType’ setting may be set to one of the following valuse;
' <blank> - Standard User,
' 1 - Sandbox User or
' 2 - Archive User.
' 3. T? The ‘DatabaseName’ is a critical setting for a Sandbox user as it is the target
' name for the database copy executed in the ‘copg_sandbox_home.asp’ page..
' 4. The ODBC System Data Storage Name(DSN) entry must exist on the Intranet Server which
' points to the relevant database(s), e.g. DSN=COPG, DSN=SANDBOX04_COPG etc.
'
MM_DbType = (rsUsers.Fields.Item("DbType").Value)
MM_sandboxURL="../home/copg_sandbox_home.asp"
MM_archiveURL="../home/copg_archive_home.asp"
Select Case MM_DbType
case 1
Response.Redirect(MM_sandboxURL)
case 2
Response.Redirect(MM_archiveURL)
end Select
%>
<%
if(Session("MM_Username") <> "") then UserVisits__valUserName = Session("MM_Username")
%>
<%
set UserVisits = Server.CreateObject("ADODB.Command")
UserVisits.ActiveConnection = MM_connCOPG_STRING
UserVisits.CommandText = "UPDATE tblUser SET Usage = Usage + 1 WHERE UserID = '" + Replace(UserVisits__valUserName, "'", "''") + "' "
UserVisits.CommandType = 1
UserVisits.CommandTimeout = 0
UserVisits.Prepared = true
UserVisits.Execute()
%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>HomePage</title>
<!-- Common include file, used to store common procedures used across the application. -->
<!--#include file="../includes/copg_common.asp" -->
<link rel= stylesheet type="text/css" href="../css/copg_common.css">
</head>
<body>
<center>
<!--
Creates a session variable. This variable contains a String which can be seen from the copg_about_home.asp page. This variable is reset on every page which as a String containing the current page. This is used when the user clicks on PrevApplication in the copg_about_home.asp page.
-->
<%
session("page_Link_from_help") = "copg_home.asp"
%>
<!--
This piece of code is on 3 pages, copg_home.asp, copg_archive_home.asp, copg_sandbox_home.asp. It creates 2 session variables, both which are Strings, the 1st, the location of the current page, the 2nd, the name of the current page. Theses will be passed to the header. This is used for the 1st link in the breadcrumb on every page in the current session. It is also used as the Home link in the header menu.
-->
<%
session("page_Link") = "copg_home.asp"
session("page_Name") = "Home"
%>
<!--#include file="../includes/header.asp" -->
<!-- -->
<div id="menu">
<!-- -->
<div id="title">Homepage</div>
<div id="controlMessage"></div>
<!-- -->
<div id="rightMenu">
<p class="divisionlink">
<a class="quicklinks" href="copg_admin_home.asp">Administration</a> |
<a class="quicklinks" href="copg_pipe_home.asp">Pipelines </a> |
<a class="quicklinks" href="copg_reports_home.asp">Reports </a>
</p>
</div>
</div>
</DIV>
<!--
-->
<div id="content" >
<img src="../images/copg_equipment_img1.jpg" width="226" height="253" class="content" >
<p>Welcome <%=(rsUsers.Fields.Item("UserName").Value)%> to the site. The last data collection round was completed in <%=(rsControl.Fields.Item("MessageTxt").Value)%> and there have been <%= Application("Visits") %> visits to this site since the 25-April-2005.</p>
</div>
<!--#include file="../includes/footer.asp" -->
</center>
</body>
</html>
<%
rsUsers.Close()
Set rsUsers = Nothing
%>
<%
rsControl.Close()
Set rsControl = Nothing
%>
===========end of home file========================
===========start of header file====================
<!--
The header takes in 3 session variables. The first 2 session variables are received from 1 of the following - copg_home.asp, copg_archive_home.asp, copg_sandbox_home.asp, depending on the last visited out of them. Theses are for the 2 Home links. This will make sure you will link back to the correct home page. The third variable is defined on every page besides for the above 3. This contains a String. This String can be one of the following, “localFolder” or “remoteFolder”. “localFolder” means its in the same folder as the home pages, “remoteFolder” means its in one of the other folders. If it is a remote folder ‘../home/’ will be added to the “page_Link” String.
-->
<%
gotName = session("page_Name")
gotLink = session("page_Link")
gotLinkInfo = session("set_home_link")
%>
<div id="header">
<div id="redBar"><!--red bar-->
<div id="topLeftBox"><!-- topleftbox-->
<div id="leftInside" ><!--leftInside-->
<div id="topOfLeftInside" ><!--topOfLeftIn-->
<!--
Sets the Home to 1 of the following - copg_home.asp, copg_archive_home.asp, copg_sandbox_home.asp,(received from above)
-->
<%
if gotLinkInfo = "localFolder" then
%>
<a class="homelink" href=
<%
response.write( gotLink )
%>
>
<%
response.write( gotName )
%>
</a>
<%
else
%>
<a class="homelink" href=
<%
response.write( "../home/" + gotLink )
%>
>
<%
response.write( gotName )
%>
</a>
<%
end if
%>
<b class="divisionlink">|</b>
<a class=divisionlink href="http://www.x.com/">x.com</a>
<b class="divisionlink">|</b>
<a class=divisionlink href="http://www.x.intra/">Intranet</a>
<b class="divisionlink">|</b>
<a class=divisionlink href="../logout/copg_logout.asp">logout</a>
<b class="divisionlink">|</b>
<a class=divisionlink name="tooltip" href="../home/copg_about_home.asp">About</a>
<b class="divisionlink">|</b>
<a class=divisionlink name="tooltip" href="#" title='Version: 1.1.0 (Build Date: 28.06.2007)'>Version</a>
<b class="divisionlink">|</b>
<b class=divisionlink style="color:#f8b213">You are logged in as: <%=Ucase(Session("MM_Username"))%></b>
</div>
<div id="bottomOfLeftInside" ><!--bottOfLeftIn-->
<IMG src="../images/c_logo.gif">
</div>
</div>
<div id="rightInside"><!--rightInside-->
<IMG src="../images/logo.gif">
</div>
</div>
</div>
<div id="yellowBar" ><!-- yellow bar-->
<div id="topRightBox" ><!-- toprightbox-->
<IMG src="../images/text.gif">
</div>
</div>
</div>
<div id="brownBar">
<div id="linkPath">
<!--
Sets the Home to 1 of the following - copg_home.asp, copg_archive_home.asp, copg_sandbox_home.asp,(received from above)
The if statement checks if the current file is in the same folder as the home file, else, it will add "../home/" infront of the gotLink string which was received from the home page
-->
<%
if gotLinkInfo = "localFolder" then
%>
<a style="color: #FFFFFF; font-size:11px; text-decoration:none" href=
<%
response.write( gotLink )
%>
>
<%
response.write( gotName )
%>
</a>
<%
else
%>
<a style="color: #FFFFFF; font-size:11px; text-decoration:none" href=
<%
response.write( "../home/" + gotLink )
%>
>
<%
response.write( gotName )
%>
</a>
<%
end if
%>
<!--
To create the rest of the breadcrumb there is a for loop. It inserts the links and linkName arrays into the PathHeaderBar. They are passed from the current page to here, (some of the pages may not create theses varibles because they are not suppose to create a Breadcrumb, e.g copg_about_home.asp). If its set to size - 2 it will display every page up to the current in the Breadcrumb, and if its size - 1 it will also display the current page in the Breadcrumb.
-->
<%
For i=0 to size - 2
%>
<img src="../images/arrow.JPG" />
<a style="color: #FFFFFF; font-size:11px; text-decoration:none" href=
<%
response.write( links(i) )
%>
>
<%
response.write( linkName(i) )
%>
</a>
<%
Next
%>
</div>
</div>
=========end of header file========================0 -
Advertisement
-
can you also post copg_common.css0
-
thanks for your time
================copg_common======================
/* CSS Document */
/* links */
.homelink {
FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #999999; FONT-FAMILY: Verdana, arial,Helvetica; TEXT-DECORATION: none
}
A.homelink:link {
FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #999999; FONT-FAMILY: Verdana, arial,Helvetica; TEXT-DECORATION: none
}
A.homelink:visited {
FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #999999; FONT-FAMILY: Verdana, arial,Helvetica; TEXT-DECORATION: none
}
A.homelink:hover {
FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ec8026; FONT-FAMILY: Verdana, arial,Helvetica; TEXT-DECORATION: none
}
A.homelink:active {
FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #999999; FONT-FAMILY: Verdana, arial,Helvetica; TEXT-DECORATION: none
}
.pathHeaderBar { color: #FFFFFF; font-size:8px; text-decoration:none
}
a.pathHeaderBar: hover { color: #FFFFFF; font-size:8px; text-decoration:underline
}
.divisionlink {
FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #999999; FONT-FAMILY: Verdana, arial,Helvetica; TEXT-DECORATION: none
}
A.divisionlink:link {
FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #999999; FONT-FAMILY: Verdana, arial,Helvetica; TEXT-DECORATION: none
}
A.divisionlink:visited {
FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #999999; FONT-FAMILY: Verdana, arial,Helvetica; TEXT-DECORATION: none
}
A.divisionlink:hover {
FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #ec8026; FONT-FAMILY: Verdana, arial,Helvetica; TEXT-DECORATION: none
}
A.divisionlink:active {
FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #999999; FONT-FAMILY: Verdana, arial,Helvetica; TEXT-DECORATION: none
}
.quicklinks {
FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #666666; FONT-FAMILY: Verdana, arial,Helvetica; TEXT-DECORATION: underline
}
A.quicklinks:link {
FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #999999; FONT-FAMILY: Verdana, arial,Helvetica; TEXT-DECORATION: none
}
A.quicklinks:visited {
FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #999999; FONT-FAMILY: Verdana, arial,Helvetica; TEXT-DECORATION: none
}
A.quicklinks:hover {
FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ec8026; FONT-FAMILY: Verdana, arial,Helvetica; TEXT-DECORATION: none
}
A.quicklinks:active {
FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #999999; FONT-FAMILY: Verdana, arial,Helvetica; TEXT-DECORATION: none
}
/*=============*/
/* This holds both the title and the rightMenu */
#menu { height:25px; width:770px; background-color:#FFFFFF; border-bottom:#999999 solid 1px; text-align:center
}
/* The title/heading for each page, this is positioned on the left under the breadcrumb */
#title { text-align:left; width:180px; float:left; FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #932222; FONT-FAMILY: Verdana, arial,Helvetica; TEXT-DECORATION: none; padding-left:10px; padding-top:6px; padding-bottom:4px
}
/* Positioned to the right of the title/heading */
#rightMenu { text-align:right; height:25px; width:590px; background-color:#FFFFFF; float:right; padding-top:10px
}
body {margin:0; background-color:#FFFFFF; margin-left:0px; margin-top:0px;
padding:0 }
/*=============*/
#content { width:770px;
height:400px;
padding-bottom:1%;
padding-top:6%;
font-style: normal;
text-align:left
}
/*=============*/
#footer { width:770px;
text-align:center;
height:30px;
border-top: #999999 dotted thin; PADDING-LEFT: 7px; FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #999999; PADDING-TOP: 7px; FONT-FAMILY: Verdana, arial,Helvetica; TEXT-DECORATION: none; text-align:center; font-style:italic
}
img.content1 { float:left; margin:6px}0 -
sorry that was updated since
it now is:
================= copg_common======================
/* CSS Document */
.quicklinks {
FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #666666; FONT-FAMILY: Verdana, arial,Helvetica; TEXT-DECORATION: underline
}
A.quicklinks:link {
FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #999999; FONT-FAMILY: Verdana, arial,Helvetica; TEXT-DECORATION: none
}
A.quicklinks:visited {
FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #999999; FONT-FAMILY: Verdana, arial,Helvetica; TEXT-DECORATION: none
}
A.quicklinks:hover {
FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ec8026; FONT-FAMILY: Verdana, arial,Helvetica; TEXT-DECORATION: none
}
A.quicklinks:active {
FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #999999; FONT-FAMILY: Verdana, arial,Helvetica; TEXT-DECORATION: none
}
/*=============*/
/* This holds both the title and the rightMenu */
#menu { height:25px; width:770px; background-color:#FFFFFF; border-bottom:#999999 solid 1px; text-align:center
}
/* The title/heading for each page, this is positioned on the left under the breadcrumb */
#title { text-align:left; width:150px; float:left; FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #932222; FONT-FAMILY: Verdana, arial,Helvetica; TEXT-DECORATION: none; padding-left:10px; padding-top:6px; padding-bottom:4px
}
/* Positioned to the right of the title/heading */
#rightMenu { text-align:right; height:25px; width:600px; background-color:#FFFFFF; float:right; padding-top:10px
}
body {
margin:0;
background-color:#FFFFFF;
margin-left:0px;
margin-top:0px;
padding:0
}
/* The Control Message for each home page, this is positioned on the left under the breadcrumb */
#controlMessage { text-align:center width:50px; float:left; FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana, arial,Helvetica; TEXT-DECORATION: none; padding-left:10px; padding-top:6px; padding-bottom:4px
}
/*=============*/
#content { width:770px;
height:400px;
padding-bottom:1%;
padding-top:3%;
font-style:normal;
text-align:left;
font-size:13px;
font:Verdana;
color:#333333
}
/*=============*/
#footer { width:770px;
text-align:center;
height:30px;
border-top: #999999 dotted thin; PADDING-LEFT: 7px; FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #999999; PADDING-TOP: 7px; FONT-FAMILY: Verdana, arial,Helvetica; TEXT-DECORATION: none; text-align:center; font-style:italic
}
/*=============*/
input.content {margin-left:300px}
/* Controls the positioning of the images on the login pages, i.e. ensures text wraps correctly about image */
img.content { float:left; margin:6px}0 -
Had a quick look there, ill be able to have a better look tonight,
But i would recommend looking at all of your site code and css together,
i think you may need to re-do your template0 -
just messing around b4 i leave
can you check it in your browsers and see what it does, i only have ie7 here.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URL]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd[/URL]"> <html xmlns="[URL]http://www.w3.org/1999/xhtml[/URL]"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> <style type="text/css"> <!-- #bodycontentheader { width: 800px; margin: auto;} #random { width: 800px; margin: auto; padding-top: 58px; } #menu { font-family: verdana; font-size: 10px; color: #666666; position: absolute; height: 14px; width: 100%; } #title { position:absolute; top: 34px; height: 43px; width: 800px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#990000; font-size:36px; } #subtitle { positions: absolute; LEFT: 220px; height: 21px; font-family: verdana; font-weight:bold; color:#999999; font-size:12px; } #redbar { position:absolute; height: 5px; width: 600px; background:#990000; } #yellowbar { position: absolute; height: 5px; left: 832px; width: 196px; background: #FFCC00; } .usertext { font-family: verdana; size: 12px; color:#FFCC00;} .linktext { font-family: verdana; size: 12px; color:#666666; text-decoration:none;} .linktext:hover { font-family: verdana; size: 12px; color:#666666; text-decoration:underline;} --> </style> </head> <body> <div id="bodycontentheader"> <div id="menu"> <B><a href="#" class="linktext">Home</a></B> | <span class="linktext"><a href="#" class="linktext">Company.com</a></span> | <a href="#" class="linktext">Company Intranet</a> | Logout | About | Version | You Are Logged in as: USERABC123 </div> <div id="title"> THINGTool<span id="subtitle">Lorem ipsum dolor sit amet.</span> </div> </div> <div id="random"> <div id="redbar"> </div> <div id="yellowbar"> </div> </div></body> </html>0
Advertisement