Fonts in Dreamweaver CS6
Hi! I'm having problems with using the Myriad Pro font in Dreamweaver CS6. Although the font is in the list of fonts, the selection becomes green in css and when previewing it in a browser, it transforms into the second choise, which is Arial. Is Myrad Pro not possible to use, or is it something I have to do in order for it to work? Since I can select the font in Dreamweaver, it's a bit strange if it doesn't work?
If the computer you use to view the site does not have the font installed, it will go to the next font in the list until it finds one it has.
In order to use a font that is not on a viewer's computer, you will need to use the @font-face rule in your css and link to uploaded font files (minimum of two to cover all browsers)...
http://www.w3schools.com/cssref/css3_pr_font-face_rule.asp
Similar Messages
-
Designing with web fonts | Learn Dreamweaver CS6 | Adobe TV
Web fonts have become an important part of many web designers' workflows. Dreamweaver CS6 adds support for web fonts through the new Web Fonts Manager. See how to use the Web Fonts Manager to add, manage, and apply web fonts throughout your sites.
http://adobe.ly/IUFnwRI've been wondering for ages why DW doesn't just show my web fonts in Design View, and now I'm none the wiser. Why doesn't Design View look at your fonts (not your system fonts, your folder fonts) and display them?
With Font Squirrel you don't even need to / or shouldn't even need to go through that rather bizarre "global" Web Fonts dialog. DW should just look at your fonts folder and work out it needs to display the fonts.
I'd give this first generation attempt 1/10. -
Dreamweaver CS6: font size in menus too small on 1920 x 1080 screen. [was: Dreamweaver]
Hi,
I am using adobe Dreamweaver cs6 and my Laptop screen size 15.5 (39.4 cms) wide (1920 x 1080). My Dreamweaver software top tab menus like File, Edit, View, Insert, Modify, Format etc. these are menus font size too small in my laptop display so i am facing problem in development. I have try to resolve this issue through change to desktop resolution but after change the resolution of window property i have get only little bit change in font size of tab menus but i am not satisfied with this change if you have any other solution for this problem please reply me or email me on [personal information deleted by moderator]
Thanks
Parveen KumarUnfortunately, the only way to change the font size in the Dreamweaver interface is by changing the display settings of your computer. On Windows, you can change the size of text and other items without changing the resolution by selecting Start > Control Panel > Display. I don't think there is an equivalent on a Mac.
If you find the size of the menu items a problem, I suggest that you submit a feature request through the form at https://www.adobe.com/cfusion/mmform/index.cfm?name=wishform. -
Are all of the fonts that come with Dreamweaver CS6 licensed for web use?
Are all of the fonts that come with Dreamweaver CS6 licensed for web use?
I also have Creative Suite 5, which I believe comes with an Adobe set of fonts. Are these all licensed?
Licensed? Yes, but not necessarily for the web. Some licenses allow use in print or images but not the web.
Custom Web Fonts
For legal reasons, don't just assume you can use any font you wish on the web. Fonts are protected by intellectual property laws in much the same way that software is protected from unlawful copying, modifying or distributing. In other words, a font owner can say "Sure, you can use my font but you can't alter it, you can't reproduce it and you can't distribute it." On the web, that's a deal breaker because you need to be able to do all three.
These font-families are common to most Windows/Mac systems.
CSS Font Stack: Web Safe and Web Font Family with HTML and CSS code.
Adobe Edge and TypeKit Web Fonts are licensed for use on the web.
Free fonts, web fonts | Download free Adobe Edge Web Fonts trial
Typekit
Nancy O. -
Dreamweaver CS6 on Mac - Retina Display not being used properly.
Hello. I have just installed the CS6 Dreamweaver trial [which I intend on purchasing eventually] and supposedly it is Retina display compatible. However, the fonts and in-program graphics look like crap for lack of a better word. I have checked the "Get info" panel and the box that says "Open in low-resolution" is checked and grayed out so I cannot change the setting. How to I get the program to use Retina properly? It is a fresh install, fully updated, and I haven't changed a single setting, I literally installed it 20 minutes ago. Any help on this is appreciated. Thanks!
Currently running OSX Mountain Lion 10.8.2Dreamweaver CS6 is not retina ready. Dreamweaver CS6 Cloud version is. Depending on which version you get depends on what you see. If you are not trying the Cloud subscription then what you are seeing is what you will get until CS6.5 or 7 of the traditional licenses.
-
Lightbox gallery dreamweaver cs6
Hello, I m tried to insert a picture gallery with dreamweaver cs6 using the widget lightboxgallery, the first problem is that the buttons,next, previous ... are not displayed, the second problem happens when I want to insert a second " lightbox gallery" in the same page.
thank you for helping meMany people have reported problems with the Lightbox widget. I highly recommend using FancyBox2 instead of that widget. To see a demonstration, copy & paste this code into a new, blank document. SaveAs test.html and preview in browsers.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5, with Fancybox2 Viewer</title>
<!--LATEST JQUERY CORE LIBRARY-->
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<!--FANCYBOX plugins-->
<link href="http://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.4/jquery.fancybox.css" rel="stylesheet" media="screen">
<script src="http://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.4/jquery.fancybox.pack.js"></script>
<style>
/**this styles image container**/
#thumbs p {
float:left;
width: 180px;
height: 12.5em;
margin: 10px 0 0 20px;
padding: 10px;
border: 1px solid silver;
/**rounded borders**/
-moz-border-radius: 20px;
-webkit-border-radius:20px;
border-radius: 20px;
/**this styles caption text**/
font: italic 14px/1.5 Geneva, Arial, Helvetica, sans-serif;
color: #666;
text-align:center;
/**recommend using same size images**/
#thumbs img {
width: 160px; /**adjust width to thumbnail**/
height: 120px; /**adjust height to thumbnail**/
margin-bottom: 1.5em;
opacity: 0.75;
#thumbs img:hover {opacity: 1.0}
/**float clearing**/
#thumbs:after {
content:".";
clear:left;
font-size:0px;
line-height:0;
display:block;
visibility:hidden;
</style>
</head>
<body>
<h1><a href="http://fancyapps.com/fancybox/">Fancybox2</a> Viewer with images</h1>
<!--insert thumbnails with links to full size images below-->
<div id="thumbs">
<p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/400x320.jpg" title="optional captions"><img src="http://placehold.it/160x120.jpg" alt="Thumbnail 1" /></a> <br />
Caption 1
</p>
<p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/400x320.jpg" title="optional captions"><img src="http://placehold.it/160x120.jpg" alt="Thumbnail 2" /></a> <br />
Caption 2
</p>
<p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/400x320.jpg" title="optional captions"><img src="http://placehold.it/160x120.jpg" alt="Thumbnail 3" /></a> <br />
Caption 3
</p>
<p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/400x320.jpg" title="optional captions"><img src="http://placehold.it/160x120.jpg" alt="Thumbnail 4" /></a> <br />
Caption 4
</p>
<p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/400x320.jpg" title="optional captions"><img src="http://placehold.it/160x120" alt="Thumbnail 5" /></a> <br />
Caption 5
</p>
<!--end thumbs--></div>
<!--Fancybox with Iframe-->
<h1>Fancybox with Iframe</h1>
<h3><a class="fancybox" data-fancybox-type="iframe" href="http://example.com">EXAMPLE.COM</a></h3>
<!--FancyBox function code-->
<script>
$(document).ready(function() {
$('.fancybox, iframe').fancybox();
</script>
</body>
</html>
Nancy O. -
Saving Images in Dreamweaver CS6
I have imported a menu that I created in Fireworks CS6, into dreamweaver cs6, I save to the remote server and you can't see anything.
Same thing with Bridge CS6. I create a slideshow and import into dreamweaver cs6 and still nothing. Or I will simply put a jpeg or png picture file and the image won't show. Please help
I just need to know how to save the different images/menu bars in dreamweaver cs6 to the remote server, and I would like it to show online automatically. What do I do
www.uniquehairytage.com (this is one of the sites I am talking about)I can only assume that it's the dodgy code that exports from Fireworks because your images are uploaded and in the correct place.
Can you copy all of the code below and paste it into a new Dreamweaver document (you'll have to open code view to do this) save it as test.html and upload it to your remote server and then look at it in a browser and see what happens?
<!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=utf-8" />
<title>Unique Hairytage</title>
<style type="text/css">
.UNDER {
color: #FFF;
font-size: 36px;
.F {
text-align: center;
.F {
color: #FFF;
.F {
font-size: 36px;
.F {
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
.F {
font-family: Georgia, "Times New Roman", Times, serif;
.if {
font-size: 24px;
.tab {
font-family: Georgia, "Times New Roman", Times, serif;
.if {
font-size: 24px;
.tab {
color: #FFF;
.if {
text-align: center;
.if {
text-align: center;
.t {
font-size: 24px;
.p {
color: #000;
.t {
font-size: 24px;
.web {
font-size: 36px;
.full {
text-align: center;
font-size: 36px;
font-weight: bold;
color: #633;
</style>
<script type="text/javascript">
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
</script>
</head>
<body bgcolor="#CCCCCC" onload="MM_preloadImages('BrandyMenu_r2_c1_s2.png','BrandyMenu_r1_c1_s2.jpg','BrandyMenu_ r1_c2_s2.jpg','BrandyMenu_r1_c3_s2.jpg','BrandyMenu_r1_c4_s2.jpg')">
<p class="full"> </p>
<table width="1052" cellpadding="0" cellspacing="0" border="0" bgcolor="#fff" style="margin: 0 auto;">
<tr>
<td>
<p><img src="http://www.uniquehairytage.com/Untitled-2.png" width="1052" height="93" /></p>
</td>
</tr>
<tr>
<td>
Delete this text - its just proping open a table cell
</td>
</tr>
<tr>
<td><table width="420" cellpadding="0" cellspacing="0" border="0" style="margin: 0 auto;">
<tr>
<td><a href="http://www.uniquehairytage.com/home.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('BrandyMenu_r1_c1','','BrandyMenu_r1_c1_s2.jpg',1);"><img name="BrandyMenu_r1_c1" src="http://www.uniquehairytage.com/BrandyMenu_r1_c1.jpg" width="105" height="38" id="BrandyMenu_r1_c1" alt="" /></a></td>
<td><a href="http://www.uniquehairytage.com/about.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('BrandyMenu_r1_c2','','BrandyMenu_r1_c2_s2.jpg',1);"><img name="BrandyMenu_r1_c2" src="http://www.uniquehairytage.com/BrandyMenu_r1_c2.jpg" width="128" height="38" id="BrandyMenu_r1_c2" alt="" /></a></td>
<td><a href="http://www.uniquehairytage.com/gallery.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('BrandyMenu_r1_c3','','BrandyMenu_r1_c3_s2.jpg',1);"><img name="BrandyMenu_r1_c3" src="http://www.uniquehairytage.com/BrandyMenu_r1_c3.jpg" width="150" height="38" id="BrandyMenu_r1_c3" alt="" /></a></td>
<td><a href="http://www.uniquehairytage.com/contact.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('BrandyMenu_r1_c4','','BrandyMenu_r1_c4_s2.jpg',1);"><img name="BrandyMenu_r1_c4" src="http://www.uniquehairytage.com/BrandyMenu_r1_c4.jpg" width="128" height="38" id="BrandyMenu_r1_c4" alt="" /></a></td>
</tr>
</table></td>
</tr>
</table>
<table width="1052" height="217" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td bgcolor="#FFFFFF"><p> </p>
<p> </p>
<p align="center"><span class="full">FULL SERVICE HAIR STYLIST</span></p>
<table width="753" border="0" align="center">
<tr>
<td width="296"><img src="http://i339.photobucket.com/albums/n457/scervantes-01/Brandypic.jpg" width="296" height="481" /></td>
<td width="447" align="center" valign="top"><p class="tab"> </p>
<p> </p>
<p class="tab"> </p>
<p class="t"> </p>
<p align="center" class="t">530-415-5524</p>
<p align="center" class="tab"><a href="mailto:[email protected]" class="t">[email protected]</a></p>
<p class="tab"></p></td>
</tr>
</table></td></tr>
</table>
</body> -
"Help" error 404 in Dreamweaver CS6
I have just purchased Dreamweaver CS6 after more than twelve years of web-site development using NetObjects Fusion and hand-coding.
Conscious of the step-up in possibilities offered by CS6, I am keen to learn as I go (un-learning my existing bad habits too).
Sadly, at the first hurdle, I tried to click on "Help" on the first page and had Error 404 returned.
I have been looking at the excellent tutorials, but thought all the promises of seamless integration would not trip up so soon.
My default browser is Firefox - is that the problem? I don't trust IE which keeps falling over.
Any help would be happily received!
NigelHSHi Nigel,
Welcome to the Dreamweaver forum.
Having used NOF for several years, I know what you're going through.
First, define your local site folder. Go to Site > New Site. Tell DW where to find the folder containing all your site files. This is an important 1st step, otherwise DW cannot properly manage links and assets for you. See screenshots.
You will probably want to define your remote server settings too, but you don't need to do that to work on local files.
Root directory is where your hosting provider told you to put your files. This varies by host. The directory could be public_html, www or htdocs. Some hosts don't use a directory in which case you should leave this field blank.
Run a Test. If you can't connect, click on More Options:
Chances are you will need to re-build your site with CSS layouts and cleaner HTML code. Initially, I used Find & Replace to strip out all the old NOF proprietary tags, inline font styles, tables, etc... It's a tedious task but well worth it in the long run.
Finally, validate your code with the W3C validation tools and fix all reported errors.
Code validation tools:
CSS - http://jigsaw.w3.org/css-validator/
HTML - http://validator.w3.org/
Have fun!
Nancy O. -
Menu bar created in fireworks cs6 doesnt work in dreamweaver cs6
A menu bar that i created in fireworks cs6 doesnt work in dreamweaver cs6 loss of all behaviours etc works in preview in fireworks just seems that the code in dreamweaver doesnt want to play ball...
<div id="FWTableContainer1659288869">
<table style="display: inline-table;" border="0" cellpadding="0" cellspacing="0" width="762">
<!-- fwtable fwsrc="Menu_front.fw.png" fwpage="Page 1" fwbase="Menu_front.gif" fwstyle="Dreamweaver" fwdocid = "1659288869" fwnested="0" -->
<tr>
<!-- Shim row, height 1. -->
<td><img src="MENU_BARS/spacer.gif" width="100" height="1" alt="" /></td>
<td><img src="MENU_BARS/spacer.gif" width="2" height="1" alt="" /></td>
<td><img src="MENU_BARS/spacer.gif" width="150" height="1" alt="" /></td>
<td><img src="MENU_BARS/spacer.gif" width="2" height="1" alt="" /></td>
<td><img src="MENU_BARS/spacer.gif" width="100" height="1" alt="" /></td>
<td><img src="MENU_BARS/spacer.gif" width="2" height="1" alt="" /></td>
<td><img src="MENU_BARS/spacer.gif" width="100" height="1" alt="" /></td>
<td><img src="MENU_BARS/spacer.gif" width="2" height="1" alt="" /></td>
<td><img src="MENU_BARS/spacer.gif" width="100" height="1" alt="" /></td>
<td><img src="MENU_BARS/spacer.gif" width="2" height="1" alt="" /></td>
<td><img src="MENU_BARS/spacer.gif" width="100" height="1" alt="" /></td>
<td><img src="MENU_BARS/spacer.gif" width="2" height="1" alt="" /></td>
<td><img src="MENU_BARS/spacer.gif" width="100" height="1" alt="" /></td>
<td><img src="MENU_BARS/spacer.gif" width="1" height="1" alt="" /></td>
</tr>
<tr>
<!-- row 1 -->
<td><a href="javascript:;" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','Menu_front_r1_c1','MENU_BARS/Menu_front_r1_c1_s2.gif','ME NU_BARS/Menu_front_r1_c1_s4.gif',1);" onclick="MM_nbGroup('down','navbar1','Menu_front_r1_c1','MENU_BARS/Menu_front_r1_c1_s3.gi f',1);"><img name="Menu_front_r1_c1" src="MENU_BARS/Menu_front_r1_c1.gif" width="100" height="30" id="Menu_front_r1_c1" alt="" /></a></td>
<td><img name="Menu_front_r1_c2" src="MENU_BARS/Menu_front_r1_c2.gif" width="2" height="30" id="Menu_front_r1_c2" alt="" /></td>
<td><a href="javascript:;" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','Menu_front_r1_c3','MENU_BARS/Menu_front_r1_c3_s2.gif','ME NU_BARS/Menu_front_r1_c3_s4.gif',1);" onclick="MM_nbGroup('down','navbar1','Menu_front_r1_c3','MENU_BARS/Menu_front_r1_c3_s3.gi f',1);"><img name="Menu_front_r1_c3" src="MENU_BARS/Menu_front_r1_c3.gif" width="150" height="30" id="Menu_front_r1_c3" alt="" /></a></td>
<td><img name="Menu_front_r1_c4" src="MENU_BARS/Menu_front_r1_c4.gif" width="2" height="30" id="Menu_front_r1_c4" alt="" /></td>
<td><a href="javascript:;" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','Menu_front_r1_c5','MENU_BARS/Menu_front_r1_c5_s2.gif','ME NU_BARS/Menu_front_r1_c5_s4.gif',1);" onclick="MM_nbGroup('down','navbar1','Menu_front_r1_c5','MENU_BARS/Menu_front_r1_c5_s3.gi f',1);"><img name="Menu_front_r1_c5" src="MENU_BARS/Menu_front_r1_c5.gif" width="100" height="30" id="Menu_front_r1_c5" alt="" /></a></td>
<td><img name="Menu_front_r1_c6" src="MENU_BARS/Menu_front_r1_c6.gif" width="2" height="30" id="Menu_front_r1_c6" alt="" /></td>
<td><a href="javascript:;" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','Menu_front_r1_c7','MENU_BARS/Menu_front_r1_c7_s2.gif','ME NU_BARS/Menu_front_r1_c7_s4.gif',1);" onclick="MM_nbGroup('down','navbar1','Menu_front_r1_c7','MENU_BARS/Menu_front_r1_c7_s3.gi f',1);"><img name="Menu_front_r1_c7" src="MENU_BARS/Menu_front_r1_c7.gif" width="100" height="30" id="Menu_front_r1_c7" alt="" /></a></td>
<td><img name="Menu_front_r1_c8" src="MENU_BARS/Menu_front_r1_c8.gif" width="2" height="30" id="Menu_front_r1_c8" alt="" /></td>
<td><a href="javascript:;" onmouseout="MM_nbGroup('out');MM_menuStartTimeout(500);" onmouseover="MM_menuShowMenu('MMMenuContainer0722143726_0', 'MMMenu0722143726_0',50,25,'Menu_front_r1_c9');MM_nbGroup('over','Menu_front_r1_c9','MENU _BARS/Menu_front_r1_c9_s2.gif','MENU_BARS/Menu_front_r1_c9_s4.gif',1);" onclick="MM_nbGroup('down','navbar1','Menu_front_r1_c9','MENU_BARS/Menu_front_r1_c9_s3.gi f',1);"><img name="Menu_front_r1_c9" src="MENU_BARS/Menu_front_r1_c9.gif" width="100" height="30" id="Menu_front_r1_c9" alt="" /></a></td>
<td><img name="Menu_front_r1_c10" src="MENU_BARS/Menu_front_r1_c10.gif" width="2" height="30" id="Menu_front_r1_c10" alt="" /></td>
<td><a href="javascript:;" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','Menu_front_r1_c11','MENU_BARS/Menu_front_r1_c11_s2.gif',' MENU_BARS/Menu_front_r1_c11_s4.gif',1);" onclick="MM_nbGroup('down','navbar1','Menu_front_r1_c11','MENU_BARS/Menu_front_r1_c11_s3. gif',1);"><img name="Menu_front_r1_c11" src="MENU_BARS/Menu_front_r1_c11.gif" width="100" height="30" id="Menu_front_r1_c11" alt="" /></a></td>
<td><img name="Menu_front_r1_c12" src="MENU_BARS/Menu_front_r1_c12.gif" width="2" height="30" id="Menu_front_r1_c12" alt="" /></td>
<td><a href="javascript:;" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','Menu_front_r1_c13','MENU_BARS/Menu_front_r1_c13_s2.gif',' MENU_BARS/Menu_front_r1_c13_s4.gif',1);" onclick="MM_nbGroup('down','navbar1','Menu_front_r1_c13','MENU_BARS/Menu_front_r1_c13_s3. gif',1);"><img name="Menu_front_r1_c13" src="MENU_BARS/Menu_front_r1_c13.gif" width="100" height="30" id="Menu_front_r1_c13" alt="" /></a></td>
<td><img src="MENU_BARS/spacer.gif" width="1" height="30" alt="" /></td>
</tr>
<!-- This table was automatically created with Adobe Fireworks -->
<!-- http://www.adobe.com -->
</table>
<div id="MMMenuContainer0722143726_0">
<div id="MMMenu0722143726_0" onmouseout="MM_menuStartTimeout(500);" onmouseover="MM_menuResetTimeout();"> <a href="javascript:;" id="MMMenu0722143726_0_Item_0" class="MMMIFVStyleMMMenu0722143726_0" onmouseover="MM_menuOverMenuItem('MMMenu0722143726_0');"> Links </a> <a href="javascript:;" id="MMMenu0722143726_0_Item_1" class="MMMIVStyleMMMenu0722143726_0" onmouseover="MM_menuOverMenuItem('MMMenu0722143726_0');"> FAQ's </a> </div>
</div>
</div>Thanks Ken,
I appreciate you looking at this.
Basically im trying to create it on percentage width and centred within the container, if that makes any sense.
Darren
<!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=utf-8" />
<title>Chiltern Home Care</title>
<link href="chc_style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
.style2 {font-family: Verdana, Arial, Helvetica, sans-serif}td img {display: block;}td img {display: block;}
body {
background-image: url(CHC_BACK2.jpg);
background-size: cover;
height: 100%;
width: 100%;
background-repeat: no-repeat;
background-attachment: fixed;
body,td,th {
font-family: Verdana, Geneva, sans-serif;
font-size: 100%;
</style>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<script language="JavaScript1.2" type="text/javascript" src="MENU_BARS/mm_css_menu.js"></script>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
</head>
<script language="javascript1.2" type="text/javascript" src=""></script>
<body>
<div class="container">
<div class="banner">
<div class="menu_bar">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="#">Services</a></li>
<li><a href="#">Getting Started</a></li>
<li><a href="#">Funding</a></li>
<li><a href="#">Our Carers</a></li>
<li><a href="#" class="MenuBarItemSubmenu">Links & FAQ's</a>
<ul>
<li><a href="#">Links</a></li>
<li><a href="#">FAQ's</a></li>
</ul>
</li>
<li><a href="#">Work for Us</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
<div class="care_text">Care for you or your family shouldn't cost the earth.</div>
<div class="logo_text">Chiltern Home Care </div>
<div class="call_us"> Contact us to discuss<br />YOUR care needs<br />TEL: ***** ******<br />[email protected] </div>
</div>
<div class="main">
<div align="center">Content for class "main" Goes Here</div>
</div>
<div class="footer">
<div class="copyright">Copyright © Chiltern Home Care Limited 2013 All Rights Reserved</div>
<div class="cqc_logo"></div>
</div>
</div>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>
CSS
.Main_head {
height: 81px;
width: 383px;
position: absolute;
left: 590px;
top: 220px;
background-color: #64a377;
border-radius: 20px;
.banner {
float: left;
height: 260px;
width: 100%;
visibility: visible;
position: fixed;
z-index: 1000000;
background-color: #64a4eb;
top: 0px;
left: 0px;
.main {
float:left
height: 600px;
width: 980px;
height: 1200px;
position: relative;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
-moz-border-radius-topright: 80px;
-moz-border-radius-bottomleft: 80px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
top: 285.px;
border-bottom-left-radius: 40px;
border-bottom-right-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 40px;
background-color: #64a377;
top: 390px;
margin: 0px auto;
.logo {
float: none;
height: 150px;
width: 150px;
position: absolute;
z-index: auto;
top: 6px;
background-repeat: no-repeat;
background-position: center;
visibility: visible;
left: 1px;
background-image: url(../../CHILTERN%20HOME%20CARE/MEDIA/CHC_Logo_perfect_Vector.gif);
.logo_text {
position: absolute;
width: 80%;
height: 116px;
visibility: visible;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 350%;
text-align: left;
font-weight: normal;
color: #FFF;
text-shadow: 0px 5px #000000;
left: 15%;
top: 17px;
float: left;
.cqc_logo {
height: 46px;
width: 120px;
position: absolute;
background-repeat: no-repeat;
background-color: #FFF;
background-image: url(CQC%20Logo.jpg);
z-index: 30;
left: 848px;
bottom: 11px;
.menu_bar {
width: 100%;
height: auto;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18pt;
font-weight: bolder;
visibility: visible;
text-align: center;
left: 1px;
position: absolute;
top: 199px;
.h6 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 150%;
font-style: normal;
color: #FFFFFF;
position: absolute;
left: 150px;
top: 120px;
width: 637px;
float: left;
visibility: visible;
font-weight: normal;
text-align: center;
height: 34px;
.footer {
height: 70px;
width: 980px;
position: relative;
-moz-border-radius: 6px;
border-radius: 6px;
background-color: #64a377;
margin: 0px auto;
.container {
height: 1900px;
width: 100%;
position: absolute;
left: auto;
top: 0%;
right: auto;
.copyright {
height: 15px;
width: 814px;
position: absolute;
visibility: visible;
left: 1%;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
font-family: Verdana, Geneva, sans-serif;
font-size: 100%;
text-align: left;
color: #000000;
font-variant: normal;
bottom: 3px;
font-weight: bold;
.main_head_left {
height: 100px;
width: 300px;
position: absolute;
left: 10px;
top: 6px;
.main_head_right {
height: 100px;
width: 300px;
position: absolute;
top: 6px;
right: 28px;
font-family: Verdana, Geneva, sans-serif;
font-size: 28px;
color: #ffffff;
font-style: normal;
text-align: center;
vertical-align: top;
.main_head_middle {
height: 49px;
width: 353px;
position: absolute;
top: 16px;
font-family: Verdana, Geneva, sans-serif;
font-size: 36px;
color: #FFF;
text-align: justify;
right: 13px;
.main_top_sm_l {
height: 207px;
width: 300px;
left: 5px;
top: 5px;
position: absolute;
visibility: visible;
background-color: #990;
text-align: center;
vertical-align: middle;
.main_left_full {
height: 700px;
width: 400px;
position: absolute;
visibility: visible;
background-color: #C99;
color: #ffffff;
font-size: 16px;
top: 2px;
left: 10px;
.main_right_full {
height: 700px;
width: 400px;
position: absolute;
visibility: visible;
background-color: #C99;
color: #ffffff;
font-size: 16px;
top: 3px;
right: 28px;
.call_us {
height: 100px;
width: auto;
position: absolute;
font-family: Verdana, Geneva, sans-serif;
font-size: 100%;
text-align: center;
color: #FFF;
font-weight: normal;
background-color: #3488E4;
border-radius: 20px;
padding: 0.5%;
left: 1077px;
vertical-align: middle;
text-shadow: none;
top: 66px;
.main_centre_full {
background-color: #64a377;
height: 97%;
width: 98%;
position: relative;
top: 12px;
margin: auto;
border-radius: 20px;
.care_text {
font-family: Verdana, Geneva, sans-serif;
font-size: 150%;
color: #FFF;
height: 32px;
width: 80%;
position: absolute;
left: 8%;
top: 135px;
float: left;
word-wrap: normal;
text-align: center;
.circle {
background-color: #FFF;
height: 300px;
width: 300px;
position: absolute;
left: 1235px;
top: 272px;
border-radius: 200px; -
.aif sound file, Dreamweaver CS6
I'm designing a web page with Dreamweaver CS6 that has an .aif format audio file. When the page is opened on the web the way it is now, the music automatically starts playing. I want to make it so the viewer/listener has to click the arrow before the music starts. Is that possible and if so how can I change it so the listener has to click to start the music?
Any help would be much appreciated.
SusanAIF is not suitable for the web. It's too huge.
Convert your sound file to MP3 and OGG. This will reach the widest browser audience. Then use an HTML5 audio player like the one below.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5 Audio Demo</title>
<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<style>
header {
width: 500px;
margin: 0 auto;
text-align: center
audio { color: red }
figure {
margin: 20px auto;
padding: 20px;
width: 500px;
text-align: center;
border: 1px #ccc dashed;
clear: both;
figcaption {
display: block;
clear: both;
text-align: center;
font-style: italic;
padding-top: 15px;
dl {
text-align: left;
margin-left: 40%
dt {
clear: both;
float: left;
width: 4.5em;
font-weight: bold;
line-height: 150%
dd {line-height:150%; color:maroon}
</style>
</head>
<body>
<header> <h1>HTML5 Audio Demo</h1>
<p><a href="http://www.w3schools.com/html/html5_audio.asp">HTML5 Audio Tutorial</a></p>
</header>
<figure>
<audio preload="auto" controls >
<!--replace demo audio files with your own-->
<source src="http://alt-web.com/Media/Fake-Empire.ogg" type="audio/ogg">
<source src="http://alt-web.com/Media/Fake-Empire.mp3" type="audio/mp3">
Looks like your browser is outdated and doesn't support the audio element.
Please upgrade to a modern browser that does.
</audio>
<figcaption>HTML5 Audio using OGG & MP3 files. <br>
Works in all current browsers & mobile devices.<br>
</figcaption>
</figure>
<dl>
<dt>Title:</dt>
<dd>Fake Empire</dd>
<dt>Year:</dt>
<dd>2007</dd>
<dt>Artist:</dt>
<dd>The National</dd>
<dt>Album:</dt>
<dd>Boxer</dd>
</dl>
</body>
</html>
Nancy O. -
Mac Dreamweaver CS6 very slow to open files
Hi
My Mac Dreamweaver CS6 opens html files in about 1-2 minutes! It is very very slow. It all works when the file is open but it is the actual opening that is slow.
I have turned off external files but no change.
Any ideas??
Thanks
Mac Pro
Processor 2 x 2.8 GHz Quad-Core Intel Xeon
Memory 4 GB 800 MHz DDR2 FB-DIMM
Graphics ATI Radeon HD 2600 XT 256 MB
Software Mac OS X Lion 10.7.4 (11E53)I've been strugling with this issue for a long time.
I've found that Dreamweaver takes about 2 minutes to open CSS files with @import url for font face.
for example:
@import url(http://fonts.googleapis.com/css?family=Oswald:400,300);
i've never had problem with big files but if i place this line into my 20k css file, it takes for ever to load.
if i remove it, it opens fast as usual.
Please don't tell me that it could be a Google problem thatis loading slow because it's not.
the font file isnt big enough either.
Of course i have deativated the "load things from external urls" setting.
any ideas on how could this be fixed withoput changing my work style ? -
CSS needs PHP to execute in order to render in Dreamweaver CS6
When I view my web pages while in Dreamweaver, I need a piece of PHP code ( called ws_general.php ) to execute in order for the CSS to render.
The pages do look fine when in a browser but I would like to solve this to better test my pages while in Dreaweaver.
I have looked through various solutions but with no luck.
I am using: Windows 7 SP1
Dreamweaver CS6, build 5842
ThanksMurray,
The raw code at the top of my page is as follows:
<!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=utf-8">
<title>Jim Calvert Photographer - My Images</title>
<meta name="description" content="Photography has been a modest pastime for most of my adult life but recently became a serious passion. I feel very much at home outdoors in natural surroundings and enjoy the rewards of all-season photography">
<meta name="keywords" content="Jim Calvert, wildlife, photography, landscapes, Mississauga, Canada ">
<meta http-equiv="content-language" content="en-ca">
<meta name="copyright" content="Jim Calvert Photographer">
<meta name="company" content="Lanmax Computer Solutions Inc.">
<meta name="robots" content="index, follow">
<meta name="Language" content="English">
<link rel="stylesheet" type="text/css" media="all" href="ws_css/ws_general.php"> <<<<<<<<<<<< this is the php that needs to run !
<script type="text/javascript" src="ws_javascripts/rotator.js"></script>
<style type="text/css">
.style23 {
font-size: 1.4em
</style></head><body onload="rotateImage('RandPic')">
<div id="wrapper">
<div id="top">
......... etc, etc..
And the ws_general.php code is:
<?php
Burning Foliage Colour Scheme
Dark Green #394635
Green #6D7D59
MyGreen #2AB305
Light Green #B8C39E
Beige #F1F2DB
Light Beige #ECD77A
Light Brown #CD9644
Brown #8A5823
Dark Brown #513311
Very Dark Brown #1F1306
header("Content-type: text/css");
$main_bkgd = '#1F1306';
$def_text = '#F1F2DB';
$other_text = '#ECD77A';
$link_text = '#2AB305'; /* 2010.08.23 */
$borders = '#8A5823';
$titles = '#CD9644';
$def_menu = '#B8C39E';
?>
/* Standard styles */
body {
position: relative;
text-align: left;
margin: 0;
padding: 0;
font:62.5% Georgia, Lucida Grande, Lucida Sans Unicode, trebuchet ms, Arial,Helvetica,sans-serif;
color: <?=$def_text?>;
background-color: <?=$main_bkgd?>;
background-position: top left;
background-repeat: repeat-x;
p {font-size: 1.2em; font-weight: normal; text-decoration: none; line-height: 1.7em; color:<?=$def_text?>; margin: 0; padding: 0 0 .7em 0; }
h1, h2, h3 {font-weight: normal; }
h1 {font-size: 1em; paddi..........etc, etc
Does this help?
Cheers -
hi,
after installing dreamweaver cs6 form creative cloud test version i tried to start the programm.
After a few seconds and a bumping icon in the dock (no splash screen), the icon disappered. and that was all. no dreamweaver.
I already re-installed it. No change.
Here some more information:
MacBook Pro, Mac OS X 10.7.4
Dreamweaver CS6 is not installed on the system disk, but on a second harddrive.
Flash CS6 is installed on this second harddrive too and it works. Dreamweaver does not.
Adobe Web Premium CS5.5 is installed on system disk and it works.
What is wrong with dreamweaver cs6 here?
Thanks,
MikeI am having the same issue. I was able to start DW in a terminal shell using the sudo command stated above. I got the following lines after it started:
2012-05-17 06:29:21.649 Dreamweaver[10927:9403] AdobeCrashReporterInitialize: Couldn't find the AdobeCrashDaemon.app folder
2012-05-17 06:29:24.268 Dreamweaver[10927:9403] CFURLCreateWithString was passed this invalid URL string: '/System/Library/Frameworks/' (a file system path instead of an URL string). The URL created will not work with most file URL functions. CFURLCreateWithFileSystemPath or CFURLCreateWithFileSystemPathRelativeToBase should be used instead.
When I quit I got the same message as cueballjh with respect to LucidaGrande:
2012-05-17 06:31:12.242 Dreamweaver[10927:9403] A system font, "LucidaGrande 13.00 pt. P [] (0x12972ea0) fobj=0x129731b0, spc=4.11", is requested to be deallocated. Ignoring...
2012-05-17 06:31:12.242 Dreamweaver[10927:9403] A system font, "LucidaGrande 13.00 pt. P [] (0x12972ea0) fobj=0x129731b0, spc=4.11", is requested to be deallocated. Ignoring...
2012-05-17 06:31:12.243 Dreamweaver[10927:9403] A system font, "LucidaGrande 13.00 pt. P [] (0x12972ea0) fobj=0x129731b0, spc=4.11", is requested to be deallocated. Ignoring...
2012-05-17 06:31:12.243 Dreamweaver[10927:9403] A system font, "LucidaGrande 13.00 pt. P [] (0x12972ea0) fobj=0x129731b0, spc=4.11", is requested to be deallocated. Ignoring...
2012-05-17 06:31:12.243 Dreamweaver[10927:9403] A system font, "LucidaGrande 13.00 pt. P [] (0x12972ea0) fobj=0x129731b0, spc=4.11", is requested to be deallocated. Ignoring...
My installation was I started with CS5 Master Suite. I used the Adobe Uninstaller and uninstalled all of CS5 Master Suite. I then installed Master Suite CS6. Everything appeared to install correctly. -
Dreamweaver CS6 Classroom in a Book Lesson 4 gaps on webpage?
Hi Folks.
I'm working from the Dreamweaver CS6 Classroom in a Book and I'm at the start of the main official course, lesson 4, where I start to make the GreenStart website. I have just completed the lesson, it was very informative and I really enjoyed it, but I have a slight problem. There is a gap beween my header at the top where the logo is and the vertical navigation bar and main content area. And there is a gap between the vertical nagivation bar and main content area and the footer a the bottom. The insert image tool on the forum here doesn't seem to work so here is a link to where I've uploaded it to my webspace,
http://www.iol.ie/~pkb/Dreamweaver%20Project%20Gap.jpg
I don't know why I have these gaps or how to remove them. Any feedback appreciated.Add to the nav p css selector:
margin: 0;
padding: 0;
As below:
nav p {
font-size: 90%;
font-weight: bold;
color: #FFC;
background-color: #090;
text-align: right;
padding-top: 5px;
padding-right: 20px;
padding-bottom: 5px;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #060;
margin: 0;
padding: 0;
Paragraphs have default margin and padding set as do all the heading tags h1 h2 h3 etc so you have to be aware of this when constructing a page. -
Start up of Adobe Dreamweaver CS6 with the following error message
I have the following pop-up error message about Javascript error (s) occurred.
At start up of Adobe Dreamweaver CS6.0 after an Update. Adobe Dreamweaver CS6 12. 2. I am on Windows Vista Home edition.
It suggest at line 17 of the file “C:\ Program Files \Adobe \ Adobe Dreamweaver CS6\ Configuration \ Shared\ BC \ JS\ bc_ui_utils.js” MM.BC has no properties.
What is the remedy to this and has there been a recent patch on this Javascript error? Where can I get this patch. Thanks.
Please advice.<?php require_once('Connections/attending.php');?>
<?php if (!function_exists("GetSQLValueString"))
{if (!function_exists("GetSQLValueString")) {
function GetSQLValueString($theValue, $theType, $theDefinedValue = "", $theNotDefinedValue = "")
if (PHP_VERSION < 6) {
$theValue = get_magic_quotes_gpc() ? stripslashes($theValue) : $theValue;
$theValue = function_exists("mysql_real_escape_string") ? mysql_real_escape_string($theValue) : mysql_escape_string($theValue);
switch ($theType) {
case "text":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "long":
case "int":
$theValue = ($theValue != "") ? intval($theValue) : "NULL";
break;
case "double":
$theValue = ($theValue != "") ? doubleval($theValue) : "NULL";
break;
case "date":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "defined":
$theValue = ($theValue != "") ? $theDefinedValue : $theNotDefinedValue;
break;
return $theValue;
mysql_select_db($database_attending, $attending);
$query_rsattend = "SELECT * FROM attendlist ORDER BY surname ASC";
$rsattend = mysql_query($query_rsattend, $attending) or die(mysql_error());
$row_rsattend = mysql_fetch_assoc($rsattend);
$totalRows_rsattend = mysql_num_rows($rsattend);
$editFormAction = $_SERVER['PHP_SELF'];
if (isset($_SERVER['QUERY_STRING'])) {
$editFormAction .= "?" . htmlentities($_SERVER['QUERY_STRING']);
if ((isset($_POST["MM_insert"])) && ($_POST["MM_insert"] == "form1")) {
$insertSQL = sprintf("INSERT INTO attendlist (Windowsid, title, firstname, surname, extension, mobile, jobrole, course, cpg, mgrname, room, Adate) VALUES (%s, %s, %s, %s, %s, %s, %s, %s, %s, %s, %s, %s)",
GetSQLValueString($_POST['Wid'], "text"),
GetSQLValueString($_POST['title'], "text"),
GetSQLValueString($_POST['firstname'], "text"),
GetSQLValueString($_POST['surname'], "text"),
GetSQLValueString($_POST['contactno'], "text"),
GetSQLValueString($_POST['mobile'], "text"),
GetSQLValueString($_POST['jobrole'], "text"),
GetSQLValueString($_POST['courses'], "text"),
GetSQLValueString($_POST['cpg2'], "text"),
GetSQLValueString($_POST['mgrname2'], "text"),
GetSQLValueString($_POST['troom'], "text"),
GetSQLValueString($_POST['Adate2'], "date"));
mysql_select_db($database_attending, $attending);
$Result1 = mysql_query($insertSQL, $attending) or die(mysql_error());
$insertGoTo = "Listing.php";
if (isset($_SERVER['QUERY_STRING'])) {
$insertGoTo .= (strpos($insertGoTo, '?')) ? "&" : "?";
$insertGoTo .= $_SERVER['QUERY_STRING'];
header(sprintf("Location: %s", $insertGoTo));
if ((isset($_POST["MM_insert"])) && ($_POST["MM_insert"] == "form1")) {
$insertSQL = sprintf("INSERT INTO attendlist (title, firstname, surname, extension, mobile, jobrole, course, cpg, mgrname, room, Adate) VALUES (%s, %s, %s, %s, %s, %s, %s, %s, %s, %s, %s)",
GetSQLValueString($_POST['title'], "text"),
GetSQLValueString($_POST['firstname'], "text"),
GetSQLValueString($_POST['surname'], "text"),
GetSQLValueString($_POST['contactno'], "text"),
GetSQLValueString($_POST['mobile'], "text"),
GetSQLValueString($_POST['jobrole'], "text"),
GetSQLValueString($_POST['courses'], "text"),
GetSQLValueString($_POST['cpg2'], "text"),
GetSQLValueString($_POST['mgrname2'], "text"),
GetSQLValueString($_POST['troom'], "text"),
GetSQLValueString($_POST['Adate2'], "date"));
mysql_select_db($database_attending, $attending);
$Result1 = mysql_query($insertSQL, $attending) or die(mysql_error());
$insertGoTo = "Listing.php";
if (isset($_SERVER['QUERY_STRING'])) {
$insertGoTo .= (strpos($insertGoTo, '?')) ? "&" : "?";
$insertGoTo .= $_SERVER['QUERY_STRING'];
header(sprintf("Location: %s", $insertGoTo));
} ?>
<!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=utf-8" />
<title>Register</title>
<style type="text/css">
<!--
body {
font: 100%/0.8 Verdana, Arial, Helvetica, sans-serif;
background-color: #4E5869;
margin: 0;
padding: 0;
color: #000;
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
padding: 0;
margin: 0;
h1, h2, h3, h4, h5, h6, p {
margin-top: 0; /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
padding-right: 15px;
padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
border: none;
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
color:#414958;
text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
a:visited {
color: #4E5869;
text-decoration: underline;
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
text-decoration: none;
/* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */
.container {
width: 80%;
max-width: 960px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */
min-width: 780px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */
background-color: #FFF;
margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
/* ~~the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo~~ */
.header {
background-color: #6F7D94;
/* ~~ This is the layout information. ~~
1) Padding is only placed on the top and/or bottom of the div. The elements within this div have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.
.content {
padding: 10px 0;
/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol {
padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
/* ~~ The footer ~~ */
.footer {
padding: 10px 0;
background-color: #6F7D94;
/* ~~ miscellaneous float/clear classes ~~ */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
float: left;
margin-right: 8px;
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
-->
</style>
<link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryValidationSelect.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
<script src="SpryAssets/SpryValidationSelect.js" type="text/javascript"></script>
<script language='JavaScript' type='text/javascript' src='TSScript/yahoo.js'></script>
<script language='JavaScript' type='text/javascript' src='TSScript/event.js'></script>
<script language='JavaScript' type='text/javascript' src='TSScript/dom.js'></script>
<script language='JavaScript' type='text/javascript' src='TSScript/calendar.js'></script>
<link rel='stylesheet' type='text/css' href='TSScript/TSCalendar/calendar.css' />
<script language='JavaScript' type='text/javascript' src='TSScript/TSCalendar/TSCalendar.js'></script>
</head>
<body>
<div class="container">
<div class="header"><!-- end .header --><img src="Cerner At Imperial2.jpg" width="960" height="150" alt="" /></div>
<div class="content">
<h3>Attendance Register
</h3>
<form action="<?php echo $editFormAction; ?>" id="form1" name="form1" method="POST">
<table width="780" border="0" cellspacing="10" summary="Cerner@Imperial">
<tr>
<td><div align="right">* User ID</div></td>
<td colspan="2"><span id="sprytextfield1">
<input name="Wid" type="text" id="Wid" tabindex="1" size="18" maxlength="10" />
<span class="textfieldRequiredMsg"> a value is required.</span></span></td>
<td> </td>
</tr>
<tr>
<td><div align="right">* Title</div></td>
<td colspan="2"><span id="spryselect1">
<select name="title" id="title" tabindex="2">
<option value="0">Select</option>
<option value="Ms">Ms</option>
<option value="Mrs">Mrs</option>
<option value="Mdm">Mdm</option>
<option value="Mr">Mr</option>
<option value="Dr">Dr</option>
<option value="Professor">Prof</option>
</select>
<span class="selectRequiredMsg"> Please select an item.</span></span></td>
<td> </td>
</tr>
<tr>
<td><div align="right">* First name</div></td>
<td colspan="2"><span id="sprytextfield2">
<input name="firstname" type="text" id="firstname" tabindex="3" size="40" maxlength="30" />
<span class="textfieldRequiredMsg"> a value is required.</span></span></td>
<td> </td>
</tr>
<tr>
<td><div align="right">* Surname</div></td>
<td colspan="2"><span id="sprytextfield5">
<input name="surname" type="text" id="surname" tabindex="4" size="40" maxlength="30" />
<span class="textfieldRequiredMsg"> a value is required.</span></span></td>
<td> </td>
</tr>
<tr>
<td><div align="right">* Contact/ Bleep</div></td>
<td colspan="2"><span id="sprytextfield3">
<input name="contactno" type="text" id="contactno" tabindex="5" size="10" maxlength="6" />
<span class="textfieldRequiredMsg">A value is required.</span></span></td>
<td> </td>
</tr>
<tr>
<td><div align="right">Mobile (optional)</div></td>
<td colspan="2"><input name="mobile" type="text" id="mobile" tabindex="6" size="25" maxlength="18" /> <span class="textfieldRequiredMsg">A value is required.</span><span class="textfieldInvalidFormatMsg">Invalid format.</span></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td colspan="2"> </td>
<td> </td>
</tr>
<tr>
<td><div align="right">* Job role</div></td>
<td colspan="2"><span id="spryselect2">
<select name="jobrole" id="jobrole" tabindex="7">
<option value="0">Select</option>
<option value="Doctor">Doctor</option>
<option value="CNS/NP">CNS/NP</option>
<option value="Midwife">Midwife</option>
<option value="Other Staff">Other Staff</option>
<option value="Nurse IP HCA">Nurse IP & HCA</option>
<option value="Nurse OP HCA">Nurse OP & HCA</option>
<option value="IP Physician Assitant">IP Physician Assistant</option>
<option value="OP Phlebotomist">OP Phlebotmist</option>
<option value="Pharmacists">Pharmacists</option>
<option value="Therapist AHP">Therapist & AHP</option>
<option value="Medical Secretary">Medical Secretary</option>
<option value="Bed Manager">Bed Manager</option>
<option value="Medical Record Staff">Medical Records</option>
<option value="Medical Records Manager">Medical Records Mgr</option>
<option value="OP Booking Clerk">OP Booking Clerk</option>
<option value="OP Receptionist">OP Receptionist</option>
<option value="ED Admin">ED Admin</option>
<option value="Ward Administrator">Ward Administrator</option>
<option value="IP Wait List Clerk/Mgr">IP Wait List Clerk/Mgr</option>
<option value="Antenatal Supervisor">Antenatal Supervisor</option>
<option value="Clinical Coder">Clinical Coder</option>
<option value="Clinical Coding Mgr">Clinical Coding Mgr</option>
<option value="Pi Help Desk Backoffice">Pi Help Desk Analyst/Back Office</option>
</select>
<span class="selectInvalidMsg">Please select a valid item.</span></span></td>
<td> </td>
</tr>
<tr>
<td><div align="right">* Manager's Name</div></td>
<td colspan="2"><span id="sprytextfield4">
<input name="mgrname2" type="text" id="mgrname2" tabindex="8" size="40" maxlength="30" />
<span class="textfieldRequiredMsg">A value is required.</span></span></td>
<td> </td>
</tr>
<tr>
<td><div align="right">* Attendance Data </div></td>
<td colspan="2">
<span id="sprytextfield6">
<input name="Adate2" type="text" id="Adate2" tabindex="9" />
<span class="textfieldRequiredMsg"> a value is required.</span><span class="textfieldInvalidFormatMsg"> invalid format.</span></span>
</td>
<td> </td>
</tr>
<tr>
<td> </td>
<td colspan="2"> </td>
<td> </td>
</tr>
<tr>
<td><div align="right">* Course</div></td>
<td colspan="2">
<select name="courses" id="courses" tabindex="10">
<option value="0">Select</option>
<option value="Doctors">Doctors</option>
<option value="Nurse IP">Nurse IP</option>
<option value="Nurse OP">Nurse OP</option>
<option value="Midwife">Midwife</option>
<option value="HCA">HCA</option>
<option value="Pharmacist">Pharmacist</option>
<option value="Back Office Staff">Back Office Staff</option>
<option value="AHP">AHP</option>
<option value="Pi Help Desk Analyst">Pi Help Desk Analyst</option>
<option value="Medical Secretary">Medical Secretary</option>
<option value="OP Phlebotmist">OP Phlebotmist</option>
<option value="Champion Users Doctors">Champion Users Doctors</option>
<option value="Champion Users Nurse IP">Champion Users Nurse IP</option>
</select></td>
<td> </td>
</tr>
<tr>
<td><div align="right">* Location & Room</div></td>
<td><select name="troom" id="troom" tabindex="11">
<option value="0">Select</option>
<option value="CXH">Charing Cross</option>
<option value="HH">Hammersmith Hammersmith</option>
<option value="QEH">Queen Charlottee Hospital</option>
<option value="SMH">St Mary's Hospital</option>
<option value="WEH">Western Eye Hospital</option>
<option value="SCC">St Charles Community</option>
</select></td>
<td> </td>
<td> </td>
</tr>
<tr>
<td><div align="right">* CPG</div></td>
<td><select name="cpg2" id="cpg2" tabindex="12">
<option value="0">Select</option>
<option value="CPG 1 Medicine">CPG1 - Medicine</option>
<option value="CPG 2 Surgery & Cancer">CPG2 - Surgery and Cancer</option>
<option value="CPG3 Specialist Services">CPG3 - Specialist Services</option>
<option value="CPG4 Circulatory Services and Renal Medicine">CPG4 - Circulatory Services and Renal Medicine</option>
<option value="CPG5 Womens and Childrens">CPG5 - Womens and Childrens</option>
<option value="CPG6 Clinical and Investigative Sciences">CPG6 - Clinical and Investigative Sciences</option>
<option value="CP7 Private Patients">CPG7 - Private Patients</option>
<option value="Others">Others</option>
</select></td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td><input type="submit" name="submitbt" id="submitbt" value="Submit" /></td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td colspan="2"> </td>
<td> </td>
</tr>
<tr>
<td><div align="center">* Mandatory Fields</div></td>
<td colspan="2"> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td colspan="2"> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td colspan="2"> </td>
<td> </td>
</tr>
</table>
<input type="hidden" name="MM_insert" value="form1" />
</form>
<p> </p>
<p> </p>
<!-- end .content --></div>
<div class="footer"></div>
<script type="text/javascript">
var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1", "none", {validateOn:["blur", "change"]});
var spryselect1 = new Spry.Widget.ValidationSelect("spryselect1", {validateOn:["blur", "change"]});
var sprytextfield2 = new Spry.Widget.ValidationTextField("sprytextfield2", "none", {validateOn:["blur", "change"]});
var sprytextfield3 = new Spry.Widget.ValidationTextField("sprytextfield3", "none", {validateOn:["blur", "change"]});
var sprytextfield4 = new Spry.Widget.ValidationTextField("sprytextfield4", "integer", {validateOn:["blur", "change"]});
var spryselect2 = new Spry.Widget.ValidationSelect("spryselect2", {invalidValue:"-1", isRequired:false, validateOn:["blur", "change"]});
var sprytextfield4 = new Spry.Widget.ValidationTextField("sprytextfield4", "none", {validateOn:["blur"]});
var sprytextfield5 = new Spry.Widget.ValidationTextField("sprytextfield5", "none", {validateOn:["blur", "change"]});
var sprytextfield6 = new Spry.Widget.ValidationTextField("sprytextfield6", "date", {validateOn:["change"], format:"dd/mm/yyyy"});
</script>
</body>
</html>
<?php
mysql_free_result($rsattend);
?>
Maybe you are looking for
-
I know variations of this question have come up before on this forum but looking at the suggestions offered they don't help. My short (12 min) film was exported out of FCP using compressor. Then the standard res PAL files used in DSP to make a disc i
-
Solution sought: finding inter-linked pages within a site
Hi, Is there a button or function that tells me what other pages link to a page that I have open at the time? I know about Find and Replace, Check Links Sitewide and Change Link Sitewide, but none of these (that I can work out anyway) seem to have wh
-
Measuring Phase Difference of acquired sound input - How to set the reference
I am trying to measure the phase difference between two audio inputs.(Left and Right Channel of my sound card) Both are free running 1kHz audio samples which come in and out of phase. When the samples are in phase everything seems to be working corre
-
Somehow My Contacts Icon got dragged in to the Newsstand Icon, and I can't drag my contacts icon out to have it on my home screen like normal, I can't delete it from the newsstand either. Please help!
-
My macbook pro is crashing several times a day
my macbook pro is crashing several times a day. i took it to be repaired and the logic board has been replaced. if anything it is now worse. it has crashed when previewing video, in keynote, linking to an external monitor, in photoshop, scrolling dow