Live View Redirect
When i view a certain site in live view it redirects to http://www.searchingresult.com/?pid=9POLWR59T&dn=benuoska.com&rpid=9PO3H34Q6
I cannot find the code that is doing this, can anyone help?
OK, so let me try to get this straight in my mind...
1. You have a website hosted on a server that has nothing to do with searhingresult.com or benuoska.com?
2. You've downloaded the files from your hosting server to work on them in DW?
3. When you switch to Live View on those local files, DW displays the uber spam/virus/malware link you posted above?
If yes is the answer to all of the above, you have issues on your machine that go beyond DW acting funny. You'll need to run some weapons-grade anti-virus/anti-malware software on your machine and talk to your hosting company about the server to make sure it's not also infected.
Similar Messages
-
Difference in design and live view
I ran into another problem lately and i still cant find any solution to this yet. I have a table within table and they look fine in the design page but when i change the page to live view or switch to browser, the table seems longer. Any idea why and how can i fix this? Any help would be greatly appreciated. Thanks in advanced and sorry for the long post!
Design page:
Live view:
Source code:
<!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>Untitled Document</title>
<link href="Style/style3.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
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_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_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 onload="MM_preloadImages('Images/aboutusbtn_b.gif','Images/homebtn_b.gif','Images/joinbtn _b.gif','Images/partnersbtn_b.gif','Images/contactbtn_b.gif')">
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<th width="319" align="left" scope="col"><table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<th width="319" align="left" scope="col"><img src="Images/logo_2_01.png" width="319" height="104" border="0" usemap="#Map" /><img src="Images/banner_A_03.png" width="319" height="14" /></th>
<th width="481" align="left" scope="col"><img src="Images/banner_A_02.png" width="481" height="118" /></th>
</tr>
</table></th>
</tr>
</table>
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<th width="235" align="left" valign="top" scope="col"><table width="235" border="0" cellspacing="0" cellpadding="0">
<tr>
<th height="100" scope="col"> </th>
</tr>
<tr>
<td><table width="235" border="0" cellspacing="0" cellpadding="0">
<tr>
<th scope="col"><a href="index3.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','Images/homebtn_b.gif',1)"><img src="Images/homebtn_a.gif" name="home" width="235" height="65" border="0" id="home" /></a></th>
</tr>
<tr>
<td valign="top"><a href="aboutus.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('aboutus','','Images/aboutusbtn_b.gif',1)"><img src="Images/aboutusbtn_a.gif" name="aboutus" width="235" height="65" border="0" id="aboutus" /></a></td>
</tr>
<tr>
<td><a href="activity.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('activity','','Images/actbtn_b.gif',0)"><img src="Images/actbtn_a.gif" name="activity" width="235" height="65" border="0" id="activity" /></a></td>
</tr>
<tr>
<td><a href="joinus.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('joinus','','Images/joinbtn_b.gif',1)"><img src="Images/joinbtn_a.gif" name="joinus" width="235" height="65" border="0" id="joinus" /></a></td>
</tr>
<tr>
<td><a href="partners.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('partners','','Images/partnersbtn_b.gif',1)"><img src="Images/partnersbtn_a.gif" name="partners" width="235" height="65" border="0" id="partners" /></a></td>
</tr>
<tr>
<td><a href="contact.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('contact','','Images/contactbtn_b.gif',1)"><img src="Images/contactbtn_a.gif" name="contact" width="235" height="65" border="0" id="contact" /></a></td>
</tr>
</table></td>
</tr>
<tr>
<td> </td>
</tr>
</table></th>
<th width="5" align="left" scope="col"><img src="Images/side2.jpg" width="5" height="764" /></th>
<td width="560" height="764" align="left" valign="top" id="tb_bg5" scope="col"><table width="560" border="0" align="center" cellpadding="15" cellspacing="0">
<tr>
<td height="419" align="left" scope="col"><h1>Corporate Partners</h1>
<p>Phasellus sit amet massa id nunc faucibus condimentum vel a lacus. Etiam mattis, erat nec dapibus tristique, dui elit iaculis orci, et dignissim nunc nisi a lectus. Duis semper porta nisl nec ullamcorper. </p>
<table width="530" border="0" cellpadding="0" cellspacing="0" class="table_border">
<tr>
<th width="200" align="left" scope="col"><img src="Images/partners_logo/f_logo1.png" width="197" height="136" /></th>
<td width="330" align="left" valign="top" scope="col"><table width="100%" border="0" cellspacing="0" cellpadding="5">
<tr>
<th align="left" scope="col"><p>Sed id nulla neque, in blandit nisi. Quisque a lorem elit. Nullam fringilla, nisi ac blandit ullamcorper, velit mauris porta metus, ut facilisis ligula orci sed tortor. Suspendisse a metus eu purus hendrerit suscipit eu eu nunc. Morbi neque metus, varius quis egestas eu, egestas nec purus.</p></th>
</tr>
</table></td>
</tr>
<tr>
<th colspan="2" align="left" scope="col"><img src="Images/divider2.png" width="522" height="7" /></th>
</tr>
<tr>
<th align="left" scope="col"><img src="Images/partners_logo/f_logo2.png" width="197" height="136" /></th>
<td width="330" align="left" valign="top" scope="col"><table width="100%" border="0" cellspacing="0" cellpadding="5">
<tr>
<th align="left" scope="col"><p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis dictum convallis massa sit amet mattis. Curabitur ac nisl vitae leo convallis pretium in eu magna. Donec luctus sodales lacinia. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p></th>
</tr>
</table></td>
</tr>
<tr>
<th colspan="2" align="left" scope="col"><img src="Images/divider2.png" width="522" height="7" /></th>
</tr>
<tr>
<th align="left" scope="col"><img src="Images/partners_logo/f_logo3.png" width="197" height="190" /></th>
<td width="330" align="left" valign="top" scope="col"><table width="100%" border="0" cellspacing="0" cellpadding="5">
<tr>
<th align="left" scope="col"><p>Nam sed leo justo. Nulla a urna odio. Sed at metus lorem, a mattis justo. Pellentesque vel augue a neque auctor scelerisque. Vivamus lobortis augue sed dui luctus id consequat odio blandit. Nam convallis libero id risus sagittis lobortis. Quisque ut euismod risus. Ut faucibus ante velit, eget convallis risus. Curabitur est lorem, consequat auctor hendrerit ac, pretium sit amet metus. Proin ante massa, laoreet at commodo vitae, egestas et velit</p></th>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<th colspan="2" align="left" scope="col"><img src="Images/footer.jpg" width="800" height="5" /></th>
</tr>
<tr>
<td width="400" align="left" scope="col"><p class="footer_text">Copyright © Olive Interactive. All rights reserved.</p></td>
<th width="400" scope="col"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<th width="150" scope="col"> </th>
<th width="200" align="left" scope="col"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<th width="80" align="center" scope="col"><p>follow us on</p></th>
<th width="55" align="left" scope="col"><p><a href="http://www.facebook.com"><img title="Facebook" img src="Images/fb_logo.jpg" alt="Facebook" width="50" height="50" /></a></p></th>
<th width="55" align="left" scope="col"><a href="http://www.twitter.com"><img title="Twitter" img src="Images/twitter_logo.jpg" alt="Twitter" width="50" height="50" /></a></th>
</tr>
</table></th>
<th width="50" scope="col"> </th>
</tr>
</table></th>
</tr>
</table>
<map name="Map" id="Map">
<area shape="rect" coords="75,3,261,105" href="index3.html" alt="Go Green" />
</map>
</body>
</html>
css style sheet:
#tb_bg5 { background-image: url(../Images/bg_2b.png); } .table_border { border: medium solid #A9D18B; } p { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; color: #333; font-weight: normal; } h1 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #84C775; font-size: 24px; font-weight: bold; }Welcome back -
It will be waaaaay easier for us to assist if you would upload all your files to your webspace and post a link here.
Please?
Meanwhile, not sure where you want space reduced, but if it's above your footer, find this cell, and reduce the cell height from 764 to 700
<td id="tb_bg5" width="560" valign="top" height="764" align="left" scope="col"> -
Text Fields Not Showing in Design or Live View
Hello Everyone,
I have run into a problem trying to create a simple contact form through Dreamweaver CS6. I have two text fields for Name & Email, and 1 text area for Comments. The issue I am running into is that the text fields are not showing in Design or Live view. I have set-up all variables required for the server for the form to work... but that should not have any effect on the text field showing... I tried uploading my contact page with the same result of no text fields showing...
What is really laughable is that the "text area" I placed in my form for Comments shows up in Design & Live view just fine. I am thinking that I am missing something, but just do not know what exactly. The form is styled through CSS.
Here is the form code:
<div id="CRDForm">
<form action="http://www.sweetformimi.com/formmail/formmail.php" method="post" enctype="application/x-www-form-urlencoded" name="contact" target="_self" id="contact">
<input type="hidden" name="env_report" value="REMOTE_HOST,REMOTE_ADDR,HTTP_USER_AGENT,AUTH_TYPE,REMOTE_USER">
<input type="hidden" name="recipients" value="[email protected]" />
<input type="hidden" name="subject" value="Contact Form" />
<label><p>Your Full Name
<input name="Name" type="text" id="Name" size="40" /></p>
</label>
<label><p>Email
<input name="email" type="text" accesskey="2" tabindex="2" title="Email" value="Email"></p>
</label>
<label>Comments<br />
<textarea name="comments" cols="40" rows="10" accesskey="3" tabindex="3" title="Comments"></textarea>
</label>
<input name="submit" type="submit" accesskey="4" tabindex="4" title="submit" value="submit">
</form>
</div>
Are there other variables I should be thinking about in the rest of my site? I am using a fluid grid layout. I have CSS for desktop, tablet, and phone devices. I also have a primary CSS file that imports all three. The sites structure was done by using <header>, <article>, <footer>, and of course <div> tags.
Has anyone ever experienced the "text fields" not showing up before? Is it a simple fix as reinstalling Dreamweaver CS6? Finally, another thing I should mention is that I did have a previous version of Dreamweaver on my comp, which was CS3. I did not uninstall that before installing the newer version. I assumed (and I could be wrong here) that it would automatically replace the older version.
I apoligize for it being long winded, but I am looking for some help on this issue...
Thank YouHey thank you osgood for the reply!
When I look at code for long hours it sort of blurs together, and I miss things... I think that happens to the most of us
Ya I found what was blocking my text fields in my desktop.css
I primarily work through code view, and currently working on quite a few projects kind of makes your eyes miss the small errors.
Thanks again! -
I am using a Macbook Pro with Yosemite and cannot get live view to work in conjunction with my local server or with my php files.
What could be wrong? I have set up/synced everything with my root folder in htdocs.
Thanks:-)See screenshots:
Nancy O. -
Problem with Css styles not showing in live view or when i browse
I am using Mac osx 10.6 and building website with Dreamweaver CS5. Sometimes div tags i create not showing styles or rendering in live view or when I browse but showing in design view. I looked in dreamwever faq and they talk about not showing in design view to toggle the display styles. That is not the problem becuase it is check marked and I tried turning off and turning on and made no difference.I am using firefox browser.
It happened before the other day too. But all of my other pages in this site that i have created the same way building with div tags and css styles. So not sure what the problem is. Maybe someone has a suggestion here.
Johanna<!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>Portfolio</title>
<style type="text/css"></style>
<link href="css/jbstyles.css" rel="stylesheet" type="text/css" />
<style type="text/css"></style>
</head>
<body>
<div id="wrapper">
<div id="mainnav">
<div id="navbar">
<ul>
<li><a href="index.html"><br />
</a></li>
<li>
<ul>
<li><a href="index.html"> Home</a><a href="about.html">About</a></li>
<li><a href="portfolio.html">Portfolio</a><a href="contact.html">Contact</a></li>
</ul>
</li>
</ul>
</div>
<div id="contentinside">
<div id="navbar2">
<ul>
<li><a href="design.html">Design</a></li>
<li><a href="multimedia.html">Multimedia</a></li>
<li><a href="webdesign.html">Web Design</a></li>
</ul>
</div>
<div id="mm1thumb">Content for id "mm1thumb" Goes Here</div>
<div id="mm2thumb">Content for id "mm2thumb" Goes Here</div>
</div>
<img src="images/multimsidebar.gif" width="212" height="615" alt="mmsdbr" longdesc="http://multimsidebar" />
<div id="footer">
<p> </p>
<p>Johanna Bresnahan</p>
<p>Web & Graphic Design - http://www.johannabresnahan.com</p>
<p> email: [email protected] ....phone....857•991•5717<br />
</p>
</div>
</div>
<!--end wrapper--></div>
</body>
</html>
Here is the html code above. not sure how to attach my file so get a visual. This is the first time I have used this forum.
Johanna -
Color issues w/ .png and .gif files in CS5.5 Live view
Hi All,
I am having a bunch of trouble with my .png and .gif image files in Dreamweaver CS5.5. In Dreamweaver's design view everything looks fine but when I preview my pages in Live View or in a browser the colors in my .png and .gif files are way off. All my images are designed in RGB.
Any info anyone has to offer will be greatly appreciated. Thanks!GIFS contain a maximum of 216 colors (web safe palette)
PNG and JPG can contain 16 million colors (true color palette),
When you say the colors are "way off" we don't know what you mean.
Can you post a link to your web page?
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb -
Spry menu bar not visible in live view
Hi everyone,
I was just working on the css for my spry menu bar and went to check it out in the live view, but it is no longer visible. I checked it out in Safari and Firefox to no avail. It looks totally fine in the design view in Dreamweaver. I'm new to web design and I have no idea what I did, but I'm really hoping someone here does! Below is the CSS.
@charset "UTF-8";
/* SpryMenuBarVertical.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, a fixed width box with no margin or padding */
ul.MenuBarVertical
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
cursor: default;
width: 8em;
color: #333;
background-color: #FFF;
vertical-align: middle;
text-align: left;
white-space: normal;
display: list-item;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
z-index: 1000;
/* Menu item containers, position children relative to this container and are same fixed width as parent */
ul.MenuBarVertical li
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: left;
cursor: pointer;
width: 8em;
background-color: #FFF;
letter-spacing: normal;
vertical-align: middle;
word-spacing: normal;
white-space: pre;
display: table-column;
height: 70px;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarVertical ul
margin: -5% 0 0 95%;
padding: 0;
list-style-type: none;
font-size: 100%;
position: absolute;
z-index: 1020;
cursor: default;
width: 8.2em;
left: -1000em;
top: 0;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarVertical ul.MenuBarSubmenuVisible
left: 0;
/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li
width: 8.2em;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Outermost menu container has borders on all sides */
ul.MenuBarVertical
border: 0px solid #FFF;
alignment-adjust: central;
background-color: #FFF;
margin-top: 50px;
margin-left: 50px;
/* Submenu containers have borders on all sides */
ul.MenuBarVertical ul
border: 1px solid #CCC;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarVertical a
display: block;
cursor: pointer;
background-color: #FFF;
padding: 0.5em 0.75em;
color: #333;
text-decoration: none;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
background-color: #33C;
color: #FFF;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
background-color: #33C;
color: #FFF;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenu
background-image: url(SpryMenuBarRight.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenuHover
background-image: url(SpryMenuBarRightHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarVertical iframe
position: absolute;
z-index: 1010;
filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
ul.MenuBarVertical li.MenuBarItemIE
display: inline;
f\loat: left;
background: #FFF;My guess is that you have a dark background in which case the menu items will not be seen.
I suggest you have a look here first http://www.dwcourse.com/dreamweaver/ten-commandments-spry-menubars.php#one, then resurrect the original SpryMenuBarVertical.css and change as required.
Gramps -
Menu bar not showing in IE, but in DW CS5 'live view' it's there.
I am having problems with my webpage, for some reason when I am in DW live view everything works,but when I go to preview in browser the menu bar doesn't show up. I have made sure that my local and testing server files are all synced. Here is a link to my html page.
https://acrobat.com/#d=L2NJRmXay62Osbh8HtrMtQ
my menu bar is an 'includes' file so that I only have to update the css one time and it will update every page on my website.
ANY help is appriciated!!
Julia
[email protected]You would need to post your code into a reply using the web forum's double arrows > syntax highlighting > plain.
1) Did you name your parent pages with a supported extension to tell the server to parse server-side includes? Some common ones are .shtm, .shtml, php, or asp.
2) Does your web server support the use of server-side includes?
3) To preview includes locally, you need a local testing server installed on your computer. Do you have one?
4) Does your include file contain ONLY the menu HTML code and nothing else?
More on SSIs
http://forums.adobe.com/message/2112460#2112460
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb -
DW CS5 - PHP in HTML file - no display in DW live view
Have DW CS5, Local IIS 7 (Win 7 64x) testing server (Server Model: PHP MySQL) set up and working. External browsers render .html files with PHP fine (URL=http://localhost/testphp.html), DW Live View will not parse/display the PHP with ".html" extension. No ".htaccess" file, DW PHP Tag Library has all PHP "Used In:" boxes checked. Example:
Example 1
File name: testphp.php
<html>
<body>
<h1>Hello There</h1>
<script language="php">
echo "Hello World";
</script>
</body>
</html>
DW Live View and external browser URL: http://localhost/testphp.php:
Hello There
Hello World
Example 2
File name: testphp.html (same content as above, just filename extension changed)
<html>
<body>
<h1>Hello There</h1>
<script language="php">
echo "Hello World";
</script>
</body>
</html>
DW Live View:
Hello There
external browser URL: http://localhost/testphp.html:
Hello There
Hello World
How to configure DW CS5 to display PHP in DW Live View with file extension= ".html"?
Thanks in advance, have spent 2 days trying to accomplish!
SteveFile name: testphp.php
<html>
<body>
<h1>Hello There</h1>
<script language="php">
echo "Hello World";
</script>
</body>
</html>
This is not PHP code
The red code part should read as to be classified as PHP script
<?php echo "Hello World"; ?>
File name: testphp.html (same content as above, just filename extension changed)
<html>
<body>
<h1>Hello There</h1>
<script language="php">
echo "Hello World";
</script>
</body>
</html>
Apart from the same mistake as above, this file will not be recognised as containing PHP without the PHP extension. You can setup the server to accept HTML and to interpret same as PHP, but I would not recommend this.
DW Live View:
Hello There
external browser URL: http://localhost/testphp.html:
Hello There
This is amazing! With the code above? If you hadn't told me I would not have believed it. I tried it on my humble setup and you are correct. It works using the PHP file but not the HTML file. It doesn't matter, it is still not correct.
How to configure DW CS5 to display PHP in DW Live View with file extension= ".html"?
It is not up to DW to determine, it is the PHP server that determines whether PHP in an HTML file will be shown. Have a look here http://php.about.com/od/advancedphp/p/html_php.htm .Once again, I do not recommend this
I hope this helps.
Ben -
How do I use Dreamweaver CC 2014.1 Live View to copy complex formatted text into web page?
Since Design View has been removed from Fluid Grid Layouts, and could be removed completely in next upgrade, I cannot use Live View to place complex text into my web pages.
Our business requires the listing of complex job descriptions on our web pages. Design View worked fine, Live View does not. Both examples are noted below.
Using Design View the web page rendered this way:
Research & Analytics Director
Position# 2469
Location: Midwest
Education Requirements: MS degree in Mathematics, Statistics, Economics, Engineering, Actuarial Science or related field or equivalent designation, such as FCAS.
Other Requirements: Include:
Job Competencies:
Achieve Results.
Be Accountable.
Lead Change.
Lead Corp Vision & Strategy.
Lead People.
Maximize Customer Experience.
Specialized Knowledge and Skills Requirements:
Demonstrated ability to develop strategic partnerships.
Demonstrated ability to identify potential issues, and to proactively work to the mitigation of those issues.
Demonstrated experience communicating business implications of complex data relationships and results of statistical models to multiple business partners.
Demonstrated experience formulating, approaching, and solving problems in massive, complex datasets.
Demonstrated experience in public speaking and use of appropriate presentation skills.
Demonstrated experience interfacing with business clients and driving solution discussions with both IT and business stakeholders.
Demonstrated experience performing advanced statistical analysis, including generalized linear models, decision trees, neural networks, etc., to discover business insights and develop predictive models.
Demonstrated experience with statistical and modeling software tools, such as SAS or R.
Demonstrated management or leadership experience.
Solid knowledge and understanding of mathematical modeling and research.
Salary Range: $146,300 to $243,800+
Description: This position is responsible for oversight and strategic direction of advanced analytics, including predictive modeling, that drive business performance consistent with company goals and objectives. Works with internal business partners to understand and validate scope of advanced analytics projects and directs projects teams to support those projects. Collaborates within the division and cross-divisionally to develop and integrate statistical models into various processes. Oversees research of new and innovative analytic tools and techniques. Monitors industry trends in analytics and investigates new concepts, ideas, and data sources. Primary accountabilities include:
Advanced Analytics Oversight (40%):
Provides oversight and direction for the design, development, and evaluation of predictive models and advanced algorithms that lead to business solutions.
Directs the most complex and vital analytics work critical to the organization.
Oversees advanced exploratory analytics that produce a variety of business solutions.
Conducts peer review on technical aspects of projects.
Partners with business areas (Commercial Lab, EDM, IS, etc.) on data innovation.
Portfolio Strategy and Management (25%):
Collaborates with Strategic Data & Analytics Vice President as well as business partners internal and external to the division to develop and execute advanced analytics strategy and project portfolio.
Leverages business acumen and domain expertise in directing advanced analytics strategy and application.
Aligns plans to divisional and corporate objectives/goals and integrates within the corporate planning cycle.
Monitors and analyzes advanced analytics resources. Assesses needs and appropriately allocates resources to priorities and initiatives.
Works with divisional management to improve work processes that impact work environment and divisional resources.
Provides overall portfolio/project management oversight and direction for a variety of advanced analytics project. Oversees measurement, monitoring and reporting of project progress and resource utilization. Manages project resources to ensure timely delivery of projects consistent with divisional goals and objectives.
Coordinates with business partners (Analytics Strategy, etc.) on knowledge management and participates in business area meetings. Maintains holistic view of the business. Ensures rapid delivery and execution of insights derived from data analytics into the organization.
Analytic Tools and Techniques Research Oversight (15%):
Sets the vision for the use of new and innovative tools and technology.
Maintains and fosters an industry awareness of new developments in analytics techniques and tools, and ensures quick execution in their use within the department.
Interfaces with Enterprise Data Management (EDM) and Information Services (IS) on evolving technological and data needs and requirements.
Strategies Linked to the Division's Business Goals/Results (10%):
Establishes, communicates, and implements departmental plans, objectives, and strategies.
Participates as a member of the Management Team.
Maintains an active awareness of our Client's business environments, corporate culture, and structure to support key decision-making.
Management/Leadership for Department or Unit (10%):
Manages direct reports, systems, and projects to achieve department/unit goals in accordance with Company policies and practices.
Prepares and analyzes department/unit plans and reports.
Provides leadership by exhibiting influence and expertise, thus affecting the results of the operating area.
Creates an effective work environment by developing a common vision, setting clear objectives, expecting teamwork, recognizing outstanding performance, and maintaining open communications.
Develops staff through coaching, providing performance feedback, providing effective performance assessments, and establishing performance & development plans.
Using Live View the web page rendered this way:
Research & Analytics Director Position# 2469 Location: Midwest Education Requirements: MS degree in Mathematics, Statistics, Economics, Engineering, Actuarial Science or related field or equivalent designation, such as FCAS. Other Requirements: Include: • Job Competencies: o Achieve Results. o Be Accountable. o Lead Change. o Lead Corp Vision & Strategy. o Lead People. o Maximize Customer Experience. • Specialized Knowledge and Skills Requirements: o Demonstrated ability to develop strategic partnerships. o Demonstrated ability to identify potential issues, and to proactively work to the mitigation of those issues. o Demonstrated experience communicating business implications of complex data relationships and results of statistical models to multiple business partners. o Demonstrated experience formulating, approaching, and solving problems in massive, complex datasets. o Demonstrated experience in public speaking and use of appropriate presentation skills. o Demonstrated experience interfacing with business clients and driving solution discussions with both IT and business stakeholders. o Demonstrated experience performing advanced statistical analysis, including generalized linear models, decision trees, neural networks, etc., to discover business insights and develop predictive models. o Demonstrated experience with statistical and modeling software tools, such as SAS or R. o Demonstrated management or leadership experience. o Solid knowledge and understanding of mathematical modeling and research. Salary Range: $146,300 to $243,800+ Description: This position is responsible for oversight and strategic direction of advanced analytics, including predictive modeling, that drive business performance consistent with company goals and objectives. Works with internal business partners to understand and validate scope of advanced analytics projects and directs projects teams to support those projects. Collaborates within the division and cross-divisionally to develop and integrate statistical models into various processes. Oversees research of new and innovative analytic tools and techniques. Monitors industry trends in analytics and investigates new concepts, ideas, and data sources. Primary accountabilities include: • Advanced Analytics Oversight (40%): o Provides oversight and direction for the design, development, and evaluation of predictive models and advanced algorithms that lead to business solutions. o Directs the most complex and vital analytics work critical to the organization. o Oversees advanced exploratory analytics that produce a variety of business solutions. o Conducts peer review on technical aspects of projects. o Partners with business areas (Commercial Lab, EDM, IS, etc.) on data innovation. • Portfolio Strategy and Management (25%): o Collaborates with Strategic Data & Analytics Vice President as well as business partners internal and external to the division to develop and execute advanced analytics strategy and project portfolio. o Leverages business acumen and domain expertise in directing advanced analytics strategy and application. o Aligns plans to divisional and corporate objectives/goals and integrates within the corporate planning cycle. o Monitors and analyzes advanced analytics resources. Assesses needs and appropriately allocates resources to priorities and initiatives. o Works with divisional management to improve work processes that impact work environment and divisional resources. o Provides overall portfolio/project management oversight and direction for a variety of advanced analytics project. Oversees measurement, monitoring and reporting of project progress and resource utilization. Manages project resources to ensure timely delivery of projects consistent with divisional goals and objectives. o Coordinates with business partners (Analytics Strategy, etc.) on knowledge management and participates in business area meetings. Maintains holistic view of the business. Ensures rapid delivery and execution of insights derived from data analytics into the organization. • Analytic Tools and Techniques Research Oversight (15%): o Sets the vision for the use of new and innovative tools and technology. o Maintains and fosters an industry awareness of new developments in analytics techniques and tools, and ensures quick execution in their use within the department. o Interfaces with Enterprise Data Management (EDM) and Information Services (IS) on evolving technological and data needs and requirements. • Strategies Linked to the Division's Business Goals/Results (10%): o Establishes, communicates, and implements departmental plans, objectives, and strategies. o Participates as a member of the Management Team. o Maintains an active awareness of our Client's business environments, corporate culture, and structure to support key decision-making. • Management/Leadership for Department or Unit (10%): o Manages direct reports, systems, and projects to achieve department/unit goals in accordance with Company policies and practices. o Prepares and analyzes department/unit plans and reports. o Provides leadership by exhibiting influence and expertise, thus affecting the results of the operating area. o Creates an effective work environment by developing a common vision, setting clear objectives, expecting teamwork, recognizing outstanding performance, and maintaining open communications. o Develops staff through coaching, providing performance feedback, providing effective performance assessments, and establishing performance & development plans.
Obviously, as seen above, I'm doing something wrong or Live View does not do all the functions that Design View use to do. I realize I can still access Design View in non-Fluid Grid Layout documents and that is my current work-around. I copy from my Word file into Design View available in non-Fluid, then copy that code into my Fluid Grid Layout document, not real efficient use of my time. And, even that work-around may not be available after the next upgrade.Hans thank you for your reply and attention to this matter. Moreover, with your steeped expertise I do not, in any fashion, intend to be flippant or capricious.
However, I do not believe the reply is on point since I'm not discussing the insertion of an HTML tag/element; but rather, the placing of complex formatted text into my various web pages.
Design View and 2014.1 Live View seem to serve different functions. That is, Design View, for us, serves as a highly sophisticated HTML5 code generator that allows us to properly display complex formatted text that originally is created as a Word docx file. As I noted in my original post, the complex formatted text from the Word file is then pasted into Design View and thus properly renders on the web page. I invite you to try this yourself. Simply copy my properly formatted text in my original post (that can be found at "Using Design View the web page rendered this way:") to a Word file, and it will retain the complex formatting, then copy that Word file text to both Design View and 2014.1 Live View files. Please apprise me of your results.
Discussion has been had in at least two separate threads on the Design View disappearance in Fluid Grid. In https://forums.adobe.com/thread/1597260 staff member Lalita wrote "It would be helpful for us if you list the issues you are seeing with fluid grid live view editing." And in https://forums.adobe.com/message/6807088#6807088 staff member Subhadeep wrote "If you can list down the workflows you are trying while editing in Live View & the issues you are facing in doing so, it will help us understand what is amiss & suggest alternative workflows to do the same." I believe I've pointed out issues when attempting to use Live View for functions or work flow that customarily had been done in Design View.
Being a CC subscriber, if someone can provide me with a workflow using other additional Adobe products to get my complex formatted text from Word ultimately to my Dreamweaver web page, be it an image insert or whatever, I would take the suggestions.
The difference in the coding of my example in my original post is as follows.
Code when using Design View is:
<p><strong>Research & Analytics Director</strong><br>
<strong>Position# 2469</strong><br>
<strong>Location:</strong> Midwest<br>
<strong>Education Requirements:</strong> MS degree in Mathematics, Statistics, Economics, Engineering, Actuarial Science or related field or equivalent designation, such as FCAS.<br>
<strong>Other Requirements:</strong> Include:</p>
<ul type="disc">
<li>Job Competencies:</li>
<ul type="circle">
<li>Achieve Results.</li>
<li>Be Accountable.</li>
<li>Lead Change.</li>
<li>Lead Corp Vision & Strategy.</li>
<li>Lead People.</li>
<li>Maximize Customer Experience.</li>
</ul>
<li>Specialized Knowledge and Skills Requirements:</li>
<ul type="circle">
<li>Demonstrated ability to develop strategic partnerships.</li>
<li>Demonstrated ability to identify potential issues, and to proactively work to the mitigation of those issues.</li>
<li>Demonstrated experience communicating business implications of complex data relationships and results of statistical models to multiple business partners.</li>
<li>Demonstrated experience formulating, approaching, and solving problems in massive, complex datasets.</li>
<li>Demonstrated experience in public speaking and use of appropriate presentation skills.</li>
<li>Demonstrated experience interfacing with business clients and driving solution discussions with both IT and business stakeholders.</li>
<li>Demonstrated experience performing advanced statistical analysis, including generalized linear models, decision trees, neural networks, etc., to discover business insights and develop predictive models.</li>
<li>Demonstrated experience with statistical and modeling software tools, such as SAS or R.</li>
<li>Demonstrated management or leadership experience.</li>
<li>Solid knowledge and understanding of mathematical modeling and research.</li>
</ul>
</ul>
<p><strong>Salary Range:</strong> $146,300 to $243,800+<br>
<strong>Description:</strong> This position is responsible for oversight and strategic direction of advanced analytics, including predictive modeling, that drive business performance consistent with company goals and objectives. Works with internal business partners to understand and validate scope of advanced analytics projects and directs projects teams to support those projects. Collaborates within the division and cross-divisionally to develop and integrate statistical models into various processes. Oversees research of new and innovative analytic tools and techniques. Monitors industry trends in analytics and investigates new concepts, ideas, and data sources. Primary accountabilities include:</p>
<ul type="disc">
<li>Advanced Analytics Oversight (40%):</li>
<ul type="circle">
<li>Provides oversight and direction for the design, development, and evaluation of predictive models and advanced algorithms that lead to business solutions.</li>
<li>Directs the most complex and vital analytics work critical to the organization.</li>
<li>Oversees advanced exploratory analytics that produce a variety of business solutions.</li>
<li>Conducts peer review on technical aspects of projects.</li>
<li>Partners with business areas (Commercial Lab, EDM, IS, etc.) on data innovation.</li>
</ul>
<li>Portfolio Strategy and Management (25%):</li>
<ul type="circle">
<li>Collaborates with Strategic Data & Analytics Vice President as well as business partners internal and external to the division to develop and execute advanced analytics strategy and project portfolio.</li>
<li>Leverages business acumen and domain expertise in directing advanced analytics strategy and application.</li>
<li>Aligns plans to divisional and corporate objectives/goals and integrates within the corporate planning cycle.</li>
<li>Monitors and analyzes advanced analytics resources. Assesses needs and appropriately allocates resources to priorities and initiatives.</li>
<li>Works with divisional management to improve work processes that impact work environment and divisional resources.</li>
<li>Provides overall portfolio/project management oversight and direction for a variety of advanced analytics project. Oversees measurement, monitoring and reporting of project progress and resource utilization. Manages project resources to ensure timely delivery of projects consistent with divisional goals and objectives.</li>
<li>Coordinates with business partners (Analytics Strategy, etc.) on knowledge management and participates in business area meetings. Maintains holistic view of the business. Ensures rapid delivery and execution of insights derived from data analytics into the organization.</li>
</ul>
<li>Analytic Tools and Techniques Research Oversight (15%):</li>
<ul type="circle">
<li>Sets the vision for the use of new and innovative tools and technology.</li>
<li>Maintains and fosters an industry awareness of new developments in analytics techniques and tools, and ensures quick execution in their use within the department.</li>
<li>Interfaces with Enterprise Data Management (EDM) and Information Services (IS) on evolving technological and data needs and requirements.</li>
</ul>
<li>Strategies Linked to the Division's Business Goals/Results (10%):</li>
<ul type="circle">
<li>Establishes, communicates, and implements departmental plans, objectives, and strategies.</li>
<li>Participates as a member of the Management Team.</li>
<li>Maintains an active awareness of our Client's business environments, corporate culture, and structure to support key decision-making.</li>
</ul>
<li>Management/Leadership for Department or Unit (10%):</li>
<ul type="circle">
<li>Manages direct reports, systems, and projects to achieve department/unit goals in accordance with Company policies and practices.</li>
<li>Prepares and analyzes department/unit plans and reports.</li>
<li>Provides leadership by exhibiting influence and expertise, thus affecting the results of the operating area.</li>
<li>Creates an effective work environment by developing a common vision, setting clear objectives, expecting teamwork, recognizing outstanding performance, and maintaining open communications.</li>
<li>Develops staff through coaching, providing performance feedback, providing effective performance assessments, and establishing performance & development plans.</li>
</ul>
</ul>
Code when using Live View is:
<div id="liveview" class="fluid">Research & Analytics Director Position# 2469 Location: Midwest Education Requirements: MS degree in Mathematics, Statistics, Economics, Engineering, Actuarial Science or related field or equivalent designation, such as FCAS. Other Requirements: Include: • Job Competencies: o Achieve Results. o Be Accountable. o Lead Change. o Lead Corp Vision & Strategy. o Lead People. o Maximize Customer Experience. • Specialized Knowledge and Skills Requirements: o Demonstrated ability to develop strategic partnerships. o Demonstrated ability to identify potential issues, and to proactively work to the mitigation of those issues. o Demonstrated experience communicating business implications of complex data relationships and results of statistical models to multiple business partners. o Demonstrated experience formulating, approaching, and solving problems in massive, complex datasets. o Demonstrated experience in public speaking and use of appropriate presentation skills. o Demonstrated experience interfacing with business clients and driving solution discussions with both IT and business stakeholders. o Demonstrated experience performing advanced statistical analysis, including generalized linear models, decision trees, neural networks, etc., to discover business insights and develop predictive models. o Demonstrated experience with statistical and modeling software tools, such as SAS or R. o Demonstrated management or leadership experience. o Solid knowledge and understanding of mathematical modeling and research. Salary Range: $146,300 to $243,800+ Description: This position is responsible for oversight and strategic direction of advanced analytics, including predictive modeling, that drive business performance consistent with company goals and objectives. Works with internal business partners to understand and validate scope of advanced analytics projects and directs projects teams to support those projects. Collaborates within the division and cross-divisionally to develop and integrate statistical models into various processes. Oversees research of new and innovative analytic tools and techniques. Monitors industry trends in analytics and investigates new concepts, ideas, and data sources. Primary accountabilities include: • Advanced Analytics Oversight (40%): o Provides oversight and direction for the design, development, and evaluation of predictive models and advanced algorithms that lead to business solutions. o Directs the most complex and vital analytics work critical to the organization. o Oversees advanced exploratory analytics that produce a variety of business solutions. o Conducts peer review on technical aspects of projects. o Partners with business areas (Commercial Lab, EDM, IS, etc.) on data innovation. • Portfolio Strategy and Management (25%): o Collaborates with Strategic Data & Analytics Vice President as well as business partners internal and external to the division to develop and execute advanced analytics strategy and project portfolio. o Leverages business acumen and domain expertise in directing advanced analytics strategy and application. o Aligns plans to divisional and corporate objectives/goals and integrates within the corporate planning cycle. o Monitors and analyzes advanced analytics resources. Assesses needs and appropriately allocates resources to priorities and initiatives. o Works with divisional management to improve work processes that impact work environment and divisional resources. o Provides overall portfolio/project management oversight and direction for a variety of advanced analytics project. Oversees measurement, monitoring and reporting of project progress and resource utilization. Manages project resources to ensure timely delivery of projects consistent with divisional goals and objectives. o Coordinates with business partners (Analytics Strategy, etc.) on knowledge management and participates in business area meetings. Maintains holistic view of the business. Ensures rapid delivery and execution of insights derived from data analytics into the organization. • Analytic Tools and Techniques Research Oversight (15%): o Sets the vision for the use of new and innovative tools and technology. o Maintains and fosters an industry awareness of new developments in analytics techniques and tools, and ensures quick execution in their use within the department. o Interfaces with Enterprise Data Management (EDM) and Information Services (IS) on evolving technological and data needs and requirements. • Strategies Linked to the Division's Business Goals/Results (10%): o Establishes, communicates, and implements departmental plans, objectives, and strategies. o Participates as a member of the Management Team. o Maintains an active awareness of our Client's business environments, corporate culture, and structure to support key decision-making. • Management/Leadership for Department or Unit (10%): o Manages direct reports, systems, and projects to achieve department/unit goals in accordance with Company policies and practices. o Prepares and analyzes department/unit plans and reports. o Provides leadership by exhibiting influence and expertise, thus affecting the results of the operating area. o Creates an effective work environment by developing a common vision, setting clear objectives, expecting teamwork, recognizing outstanding performance, and maintaining open communications. o Develops staff through coaching, providing performance feedback, providing effective performance assessments, and establishing performance & development plans. </div>
It is readily apparent that Design View is a much needed code generator in the Dreamweaver product. Live View serves completely other, and needed, purposes. Therefore, I still, after all the forum discussions, do not understand why Design View has been removed from Fluid Grid.
Again Hans thank you for your reply. But unless I'm missing something, citation to the links you provided does not solve my problem. And that problem is this: If Design View is on its way out and thus will be completely removed from Dreamweaver at some point, then how do I provide my information (i.e. complex executive job descriptions) on my website?
Apparently a vote is taking place https://forums.adobe.com/ideas/3922 on the issue of placing Design View back into Fluid Grid. I do not understand why the need for two rather disjunctive functionalities are at the mercy of the democratic process. These are matters of engineering principles not "town hall gatherings". -
How come I can see my div in design view but not in live view
Hi,
I have a div ID called "portfolio" that I can see in design view but not live view or on a browser. It's a little pink square and I want that square round also.
I ran it through validator. It picked up some things in the style.css which I changed and the boilerplate.css that I did not. Because I thought DW auto creates code for boilerplate because I don't enter that code myself.
It's also rejecting a lot of webkit code but this seems like standard webkit code that works elsewhere on the page.
BTW: at what point does this brutal hand coding pay off in money and less heartache when Wordpress looks cleaner and is so much easier to use? I feel like I barely know HTML or CSS in terms of translating vision to reality and with all-browser functionality after months and months of on-line classes. How long are the pros at it till they reach a watershed point?
here's my address: http://www.adjacentdimensionsmedia.com/home.html
Here's my html:
<body>
<div class="gridContainer clearfix">
<div id="div1" class="fluid"><img src="adtitle2.png" width="700" height="80" alt=""/></div>
<div class="fluid"><div class="box-shad"><a href="index.html"></a></div>
</div>
<div id="portfolio">Portfolio</div>
</body>
Here's my CSS:
.box-shad {
margin-top: 200px;
margin-left: 100px;
width: 900px;
height: 700px;
display: block;
background-image: url("images/Big-tree-trans1.png");
background-size: 900px 700px;
-webkit-box-shadow: 15px 15px 15px #000000 inset;
box-shadow: 15px 15px 15px #000000 inset;
-webkit-border-radius: 50%;
border-radius: 50%;
position: fixed;
.box-shad a {
display:block;
width:900px;
height:700px;
#portfolio {
width: 100px;
height: 100px;
margin-top: 0px;
margin-right: 200px;
margin-left: 200px;
margin-bottom: 0px;
border-radius: 75%;
-webkit-border-radius: 75% 75%;
background: pink;
top: -300px;
position: relative;The top:-300 is putting that div above the top of the browser viewport. Fix that and you'll see the div.
-
Div Image not showing in Live View
Why can't I see my image placed within a Div tag in Live View? Makes no sense. I've changed the z-index to 1000, also tried 1 nothing changes. Please advise if anyone can help. Thank you!
I've applied BOLD to the Div tag in question
HTML Code:
<!doctype html>
<html><!-- InstanceBegin template="/Templates/pavemend_website1.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta charset="UTF-8">
<!-- InstanceBeginEditable name="doctitle" -->
<title>Permanent Concrete and Asphalt Repair Home Page</title>
<meta name="description" content="CeraTech's Pavemend family of high performance concrete repair products have become the choice of professionals across the country for their rapid return to service, versatility, ease of use, and superior durability.">
<style type="text/css">
#apDiv8 {
position: absolute;
width: 200px;
height: 115px;
z-index: 2;
</style>
<!-- InstanceEndEditable -->
<link href="pavmend_styles.css" rel="stylesheet" type="text/css">
<style type="text/css">
#pavemendlogo {
background-image: url(_images/NEW%202012%20PAVEMEND%20LOGO%20WHITE.png);
background-repeat: no-repeat;
height: 78px;
width: 196px;
#prochoicetype {
background-image: url(_images/pro_choice_concrete_type.png);
background-repeat: no-repeat;
height: 25px;
width: 521px;
margin-left: 200px;
margin-top: -40px;
#prochoicetype {
background-image: url(_images/pro_choice_concrete_type.png);
background-repeat: no-repeat;
height: 25px;
width: 521px;
margin-left: 200px;
margin-top: -40px;
</style>
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
</head>
<body>
<div id="wrapper">
<div class="container">
<div id="apDiv1"><!-- InstanceBeginEditable name="HeaderLogo" --><a href="pavemend_home_page.html"><img src="_images/NEW 2012 PAVEMEND LOGO WHITE.png" width="197" height="79" class="fltlft" /></a>
<div id="resources"></div>
<!-- InstanceBeginEditable name="Header" -->
<div class="headerResources"></div>
<!-- InstanceEndEditable -->
<nav>
<ul id="menu">
<li><a href="pavemend_home_page.html">OUR PRODUCTS ▼</a>
<ul>
<li><a href="slq_product_page.html">SLQ<sup>®</sup></a></li>
<li><a href="sl_product_page.html">SL<sup>®</sup></a></li>
<li><a href="dotline_product_page.html">DOTLine™</a></li>
<li><a href="15.0_product_page.html">Pavemend 15.0<sup>®</sup></a></li>
<li><a href="TR_product_page.html">Pavemend TR<sup>®</sup></a></li>
<li><a href="VR_product_page.html">Pavemend VR<sup>®</sup></a></li>
<li><a href="IA_product_page.html">Instant Asphalt™</a></li>
<li><a href="kemrok_product_page.html">KEMROK™</a></li>
<li><a href="kemrokVR_product_page.html">KEMROK VR™</a></li>
<li><a href="firerok_product_page.html">FIREROK™</a></li>
<li><a href="antiwear_product_page.html">Anti-Wear™</a></li>
<li><a href="antiscale_product_page.html">Anti-Scale™</a></li>
</ul>
</li>
<li><a href="resources_page.html">RESOURCES</a></li>
<li><a href="technical_support.html">TECHNICAL SUPPORT</a></li>
<li><a href="contact_page.html">CONTACT US</a></li>
</ul>
</nav>
</section>
<!-- InstanceBeginEditable name="Sidebar" -->
<div class="sidebarleftlong">
<nav>
<ul>
<li><a href="#">PAVEMEND PRODUCT <br> BROCHURE</a></li>
<p><li><a href="#">KEEP TRAFFIC MOVING <br> BROCHURE</a></li></p>
<p><li><a href="#">CASE STUDIES</a></li></p>
<p><li><a href="#">INSTANT ASPHALT REPAIR</a></li></p>
<p><li><a href="#">SL PRODUCT VIDEO</a></li></p>
<p><li><a href="#">SLQ PRODUCT VIDEO</a></li></p>
<p><li><a href="#">DOTLINE FIELD <br> APPICATION VIDEO</a></li></p>
</ul>
</nav>
<div id=""></div>
<!-- end .sidebar1 --> </div>
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="Content" -->
<div class="content">
<p> </p>
<img src="_images/resources_header.png" alt="slheader" width="553" height="31" class="productlogos" />
</section>
<p> </p>
<section>
<p><strong>Pavemend</strong><sup>®</sup> Rapid, Permanent Concrete and Asphalt repair products are quickly becoming the choice for Turnpike, State DOT Bridge Crews and discriminating engineers who value superior, permanent repairs and reduced traffic disruptions.</p>
<p>Typical repair applications include full and partial depth bridge deck repairs, bridge header joints, approach slabs, form & pour repairs, dowel bar retrofits, joint nosings and more. <strong>Pavemend</strong><sup>®</sup> products require only the addition of water, with no bonding agents or curing requirements and offer all season rapid repair capability.</p>
<p>Featuring technology developed here in the USA, <strong>Pavemend</strong><sup>®</sup> (by CeraTech Inc) products are easier to use, offer greater durability, provide superior return on investment, and are by far the most sustainable repair products available today.</p>
<p><img src="_images/Done Smart Logo.png" width="150" height="17" alt="donesmartlogo" />
</section>
<!-- end .content --></div>
<!-- InstanceEndEditable -->
<div class="footer"><!-- InstanceBeginEditable name="Footer Logo" --><img src="_images/NEW 2012 PAVEMEND LOGO WHITE.png" width="160" height="64" class="flt_rgt" /><!-- InstanceEndEditable -->
<table width="510" summary="footer material">
<tr>
<td width="210"><strong><em>Manufactured by</em></strong></td>
<tr>
<td><img src="_images/CTI_logo_white.png" width="200" height="47" alt=""/>
<td width="50" align="center"><a href="#../twitter.com/Pavemend">Twitter</a>
<div id="apDiv7"></div>
<td><strong><em>Planet Friendly Technology</em></strong></td>
</tr>
</table>
<div id="apDivPFT1"></div>
<!-- end .footer --></div>
<!-- end .container --></div>
</body>
<!-- InstanceEnd --></html>
CSS:
@charset "UTF-8";
/* BEGIN HORIZONTAL DROP-MENU */
#menu {
clear: left;
position: relative;
width: 100%; /**adjust width as needed**/
margin: 0;
padding: 0;
background-image: url(_images/topnavpanel.png);
color: #FFFFFF;
#menu ul {
margin: 0;
padding: 0
#menu li {
list-style: none;
float: left;
text-align: center;
font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
color: #000000;
/**top level menu**/
#menu li a {
display: inline-block;
text-decoration: none;
/* adjust width as needed or use auto */
width: 13em;
padding: 8px;
font-weight: bold;
line-height: 12px;
color: #000;
border-top-style: none;
font-size: 90%;
margin-bottom: 0;
margin-left: 2%;
margin-right: 2%;
margin-top: 0;
border-bottom-style: none;
/**top menu style on mouse over**/
#menu li:hover > a {
color: #FFF;
width: 13em;
/**sub-menu**/
#menu li ul {
display: none;
text-align: center;
padding: 0;
margin-bottom: 0;
margin-left: 40px;
margin-right: 0;
margin-top: 0;
border-bottom-style: none;
/**sub-menu, help for older IE**/
#menu li:hover ul, #menu li.hover ul {
display: block;
position: absolute;
z-index:1000;
padding: 0;
#menu li:hover li, #menu li.hover li {
float: none;
background-color: #E1D5BB;
/**drop-menu style**/
#menu li:hover li a, nav li.hover li a {
width: 14em; /* adjust width as needed or use auto */
margin-top: 0;
/**drop-menu style on mouse over**/
#menu li li a:hover {
color: #FFF;
background-color: #03C;
/* Clear floated elements at the end*/
#menu:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
/**END HORIZONTAL DROP-MENUS STYLES**/
#apDiv11 {
position: absolute;
width: 190px;
height: 180px;
z-index: 2;
background-image: url(_images/WomanPhone.png);
background-position: 10px;
background-repeat: no-repeat;
margin-top: 240px;
#apDivSustainability {
position: absolute;
width: 200px;
height: 420px;
z-index: 3;
background-image: url(_images/sustainabilitySB2.png);
background-repeat: no-repeat;
#apDiv10 {
position: absolute;
width: 75px;
height: 73px;
z-index: 2;
background-image: url(_images/PFTLogo.png);
float: right;
margin-left: 650px;
margin-top: -110px;
#apDiv9 {
position: absolute;
width: 200px;
height: 207px;
z-index: 3;
background-image: url(_images/slphoto1.png);
background-repeat: no-repeat;
margin-top: 30px;
margin-left: -5px;
#apDivslqphoto {
position: absolute;
width: 200px;
height: 267px;
z-index: 3;
background-image: url(_images/slqphoto.jpg);
background-repeat: no-repeat;
margin-top: 30px;
margin-left: -5px;
#apDivdotlinephoto {
position: absolute;
width: 200px;
height: 267px;
z-index: 3;
background-image: url(_images/dotlinephoto.png);
background-repeat: no-repeat;
margin-top: 30px;
margin-left: -5px;
#apDiv15photo {
position: absolute;
width: 200px;
height: 179px;
z-index: 3;
background-image: url(_images/15.0_photo.png);
background-repeat: no-repeat;
margin-top: 30px;
margin-left: -5px;
#apDivTRphoto {
position: absolute;
width: 200px;
height: 267px;
z-index: 3;
background-image: url(_images/TR_photo.png);
background-repeat: no-repeat;
margin-top: 30px;
margin-left: -5px;
#apDivAWphoto {
position: absolute;
width: 200px;
height: 150px;
z-index: 3;
background-image: url(_images/AWPhoto.png);
background-repeat: no-repeat;
margin-top: 30px;
margin-left: -5px;
#apDivASphoto {
position: absolute;
width: 200px;
height: 134px;
z-index: 3;
background-image: url(_images/ASphoto.png);
background-repeat: no-repeat;
margin-top: 30px;
margin-left: -5px;
#apDivVRphoto {
position: absolute;
width: 200px;
height: 150px;
z-index: 3;
background-image: url(_images/VR_photo.png);
background-repeat: no-repeat;
margin-top: 30px;
margin-left: -5px;
#apDivIAphoto {
position: absolute;
width: 200px;
height: 162px;
z-index: 3;
background-image: url(_images/IA_photo.png);
background-repeat: no-repeat;
margin-top: 30px;
margin-left: -5px;
#apDivKemrokphoto {
position: absolute;
width: 200px;
height: 207px;
z-index: 3;
background-image: url(_images/KEMROK%20pic.jpg);
background-repeat: no-repeat;
margin-top: 30px;
margin-left: -5px;
#apDivFirerokphoto {
position: absolute;
width: 200px;
height: 248px;
z-index: 3;
background-image: url(_images/Firerok_photo.png);
background-repeat: no-repeat;
margin-top: 30px;
margin-left: -5px;
#apDivtechsupportphoto {
position: absolute;
width: 200px;
height: 248px;
z-index: 3;
background-image: url(_images/techsupport_photo.png);
background-repeat: no-repeat;
margin-top: 30px;
margin-left: -5px;
#apDivKemrokVRphoto {
position: absolute;
width: 200px;
height: 207px;
z-index: 3;
background-image: url(_images/Kemrok%20VR%20pic.jpg);
background-repeat: no-repeat;
margin-top: 30px;
margin-left: -5px;
#apDiv8 {
position: absolute;
width: 180px;
height: 167px;
z-index: 2;
background-image: url(_images/SLbktandbag.png);
background-repeat: no-repeat;
float: right;
margin-top: -160px;
margin-left: 520px;
#apDivslq {
position: absolute;
width: 80px;
height: 105px;
z-index: 2;
background-image: url(_images/SLQbucket.png);
background-repeat: no-repeat;
float: right;
margin-top: -125px;
margin-left: 515px;
#apDivdotlinebag {
position: absolute;
width: 88px;
height: 167px;
z-index: 2;
background-image: url(_images/dotlinebag.png);
background-repeat: no-repeat;
float: right;
margin-top: -165px;
margin-left: 280px;
#apDivkemrokbag {
position: absolute;
width: 121px;
height: 167px;
z-index: 2;
background-image: url(_images/kemrok_bag.png);
background-repeat: no-repeat;
float: right;
margin-top: -165px;
margin-left: 570px;
#apDivPFT1 {
position: absolute;
width: 121px;
height: 167px;
z-index: 2;
background-image: url(_images/PFTLogo.png);
background-repeat: no-repeat;
float: right;
margin-top: -75px;
margin-left: 470px;
#apDivkemrokVRbag {
position: absolute;
width: 121px;
height: 167px;
z-index: 2;
background-image: url(_images/kemrokvr_bag.png);
background-repeat: no-repeat;
float: right;
margin-top: -160px;
margin-left: 590px;
#apDivFirerokbag {
position: absolute;
width: 90px;
height: 167px;
z-index: 2;
background-image: url(_images/firerok_bag.png);
background-repeat: no-repeat;
float: right;
margin-top: -160px;
margin-left: 570px;
#apDivAWbucket {
position: absolute;
width: 90px;
height: 167px;
z-index: 2;
background-image: url(_images/firerok_bag.png);
background-repeat: no-repeat;
float: right;
margin-top: -160px;
margin-left: 590px;
#apDivAWbucket {
position: absolute;
width: 90px;
height: 167px;
z-index: 2;
background-image: url(_images/firerok_bag.png);
background-repeat: no-repeat;
float: right;
margin-top: -160px;
margin-left: 590px;
#apDivAWbucket {
position: absolute;
width: 80px;
height: 96px;
z-index: 2;
background-image: url(_images/AWbucket.png);
background-repeat: no-repeat;
float: right;
margin-top: -160px;
margin-left: 590px;
#apDiv15bag {
position: absolute;
width: 88px;
height: 111px;
z-index: 2;
background-image: url(_images/15.0bucket.png);
background-repeat: no-repeat;
float: right;
margin-top: -115px;
margin-left: 260px;
#apDivTRbucket {
position: absolute;
width: 80px;
height: 106px;
z-index: 2;
background-image: url(_images/TRbucket.png);
background-repeat: no-repeat;
float: right;
margin-top: -120px;
margin-left: 370px;
#apDivAWbucket {
position: absolute;
width: 205px;
height: 150px;
z-index: 2;
background-image: url(_images/AWArt.png);
background-repeat: no-repeat;
float: right;
margin-top: -140px;
margin-left: 420px;
font-size: 120%;
-webkit-box-shadow: 0px 0px;
box-shadow: 0px 0px;
#apDivASArt {
position: absolute;
width: 205px;
height: 150px;
z-index: 2;
background-image: url(_images/ASArt.png);
background-repeat: no-repeat;
float: right;
margin-top: -140px;
margin-left: 420px;
font-size: 120%;
-webkit-box-shadow: 0px 0px;
box-shadow: 0px 0px;
#apDivVRbucket {
position: absolute;
width: 80px;
height: 87px;
z-index: 2;
background-image: url(_images/VRbucket.png);
background-repeat: no-repeat;
float: right;
margin-top: -105px;
margin-left: 470px;
#apDivIAbucket {
position: absolute;
width: 251px;
height: 106px;
z-index: 2;
background-image: url(_images/IAbuckets.png);
background-repeat: no-repeat;
float: right;
margin-top: -120px;
margin-left: 400px;
body {
background-color: #666;
color: #000;
text-align: center;
background-image: url(_images/roadblurred.png);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
padding-top: 60px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
line-height: 1.4;
.formtext {
font-size: 100%;
text-align: left;
.bodyfootnote {
font-size: 70%;
margin-left: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
.red {
font-size: 70%;
color: #F00;
.popups {
/* ~~ 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;
text-transform: capitalize;
text-decoration: none;
list-style: none;
h1, h2, h3, h4, h5, h6, p {
/* [disabled]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: 23px;
line-height: 25px;
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: #FFFFFF;
text-decoration: none;
font-size: 100%;
padding: 5px;
a:visited {
color: #FFFFFF;
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;
background-color: #03C;
color: #FFF;
height: 12px;
alignment-baseline: text-after-edge;
/* ~~this fixed width container surrounds the other divs~~ */
.container {
width: 960px;
background-color: #FFF; /* the auto value on the sides, coupled with the width, centers the layout */
background-image: url(_images/Bridge4WebScreened.png);
background-repeat: no-repeat;
margin-bottom: 0;
margin-left: 0px;
margin-right: 0px;
margin-top: 0;
text-align: left;
.containerTS {
width: 960px;
background-color: #FFF;
margin: 0 0px; /* the auto value on the sides, coupled with the width, centers the layout */
background-image: url(_images/US_Map.png);
background-repeat: no-repeat;
text-align: left;
/* ~~ 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: #000;
background-image: url(_images/BannerBlured960.png);
height: 229px;
background-repeat: no-repeat;
width: 960px;
.headerSL {
background-color: #000;
background-image: url(_images/PMND%20SL%20Header.png);
height: 229px;
background-repeat: no-repeat;
width: 960px;
.headerPurchase {
background-color: #000;
background-image: url(_images/contact%20us%20pavemend%20header.png);
height: 229px;
background-repeat: no-repeat;
width: 960px;
.headerSLQ {
background-color: #000;
background-image: url(_images/PMND%20SLQ%20Header.png);
height: 229px;
background-repeat: no-repeat;
width: 960px;
.headerDOTline {
background-color: #000;
background-image: url(_images/DOTLINE%20Header.png);
height: 229px;
background-repeat: no-repeat;
width: 960px;
.header15 {
background-color: #000;
background-image: url(_images/PMND%2015.0%20Header.png);
height: 229px;
background-repeat: no-repeat;
width: 960px;
.headerTR {
background-color: #000;
background-image: url(_images/PMND%20TR%20Header.png);
height: 229px;
background-repeat: no-repeat;
width: 960px;
.headerAW {
background-color: #000;
background-image: url(_images/anti_wear_pavemend_header.png);
height: 229px;
background-repeat: no-repeat;
width: 960px;
.headerAS {
background-color: #000;
background-image: url(_images/anti%20scale%20pavemend%20header.png);
height: 229px;
background-repeat: no-repeat;
width: 960px;
.headerVR {
background-color: #000;
background-image: url(_images/PMND%20VR%20Header.png);
height: 229px;
background-repeat: no-repeat;
width: 960px;
.headerIA {
background-color: #000;
background-image: url(_images/Instant%20asphalt%20packaged%20Header.png);
height: 229px;
background-repeat: no-repeat;
width: 960px;
.headerKemrok {
background-color: #000;
background-image: url(_images/KEMROK%20packaged%20Header.png);
height: 229px;
background-repeat: no-repeat;
width: 960px;
.headerKemrokVR {
background-color: #000;
background-image: url(_images/KEMROK%20VR%20packaged%20Header.png);
height: 229px;
background-repeat: no-repeat;
width: 960px;
.headerFirerok {
background-color: #000;
background-image: url(_images/FIREROK%20packaged%20Header.png);
height: 229px;
background-repeat: no-repeat;
width: 960px;
.headerAntiWear {
background-color: #000;
background-image: url(_images/anti_wear_pavemend_header.png);
height: 229px;
background-repeat: no-repeat;
width: 960px;
.headerTechSupport {
background-color: #000;
background-image: url(_images/FEBlurred.png);
height: 229px;
background-repeat: no-repeat;
width: 960px;
.headerResources {
background-color: #000;
background-image: url(_images/ResourceBanner.png);
height: 229px;
background-repeat: no-repeat;
width: 960px;
.header h1 {
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 20pt;
font-style: normal;
font-weight: bolder;
color: #FFF;
padding-top: 150px;
padding-left: 30px;
/* ~~ These are the columns for the layout. ~~
1) Padding is only placed on the top and/or bottom of the divs. The elements within these divs 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.
2) No margin has been given to the columns since they are all floated. If you must add margin, avoid placing it on the side you're floating toward (for example: a right margin on a div set to float right). Many times, padding can be used instead. For divs where this rule must be broken, you should add a "display:inline" declaration to the div's rule to tame a bug where some versions of Internet Explorer double the margin.
3) Since classes can be used multiple times in a document (and an element can also have multiple classes applied), the columns have been assigned class names instead of IDs. For example, two sidebar divs could be stacked if necessary. These can very easily be changed to IDs if that's your preference, as long as you'll only be using them once per document.
4) If you prefer your nav on the left instead of the right, simply float these columns the opposite direction (all left instead of all right) and they'll render in reverse order. There's no need to move the divs around in the HTML source.
.sidebar1 {
float: right;
width: 180px;
margin-left: 0px;
margin-right: 30px;
clear: none;
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 100%;
font-style: italic;
background-image: url(_images/Testimonialb.gif);
background-repeat: no-repeat;
height: 456px;
text-decoration: none;
z-index: 1000;
.sidebarPurchase {
float: right;
width: 200px;
margin-left: 0px;
margin-right: 20px;
clear: none;
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 100%;
font-style: italic;
background-image: url(_images/purchaseSB.png);
background-repeat: no-repeat;
height: 420px;
margin-top: 0px;
text-decoration: none;
background-color: #217CC0;
background-position: 10px 10px;
.sidebarleft {
float: left;
width: 195px;
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 85%;
font-style: oblique;
height: 200px;
text-decoration: none;
padding-top: 8px;
padding-left: 10px;
margin-right: 5px;
background-color: #217CC0;
vertical-align: bottom;
line-height: 30px;
font-weight: bold;
border-bottom-style: groove;
border-bottom-width: 10px;
margin-top: -4px;
.sidebarleftlong {
float: left;
width: 195px;
font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
font-style: oblique;
height: 280px;
text-decoration: none;
padding-top: 20px;
margin-right: 5px;
background-color: #217CC0;
vertical-align: bottom;
line-height: 17px;
font-weight: bold;
border-bottom-style: groove;
border-bottom-width: 10px;
margin-top: -4px;
color: #FFF;
font-size: 85%;
text-align: left;
padding-left: 10px;
.sidebargreen {
float: left;
width: 195px;
height: 410px;
text-decoration: none;
padding-top: 20px;
margin-right: 5px;
background-color: #8CC63F;
border-bottom-style: groove;
border-bottom-width: 10px;
margin-top: -4px;
padding-left: 10px;
.nav2 {
font-family: bebas-neue;
font-style: normal;
font-weight: 400;
color: #FFF;
.sidebarleft nav ul li a {
text-decoration: none;
color: #FFF;
.sidebarleftlong nav ul li a {
text-decoration: none;
color: #FFF;
font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
font-weight: bold;
.content {
width: 730px;
float: left;
background-image: none;
background-repeat: no-repeat;
background-position: left;
font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
padding: 10px 0;
text-align: left;
font-size: 100%;
/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol {
padding: 0 15px 15px 40px;
text-decoration: none;
/* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
ul.nav {
list-style: none; /* this removes the list marker */
border-top: 1px solid #666; /* this creates the top border for the links - all others are placed using a bottom border on the LI */
margin-bottom: 15px; /* this creates the space between the navigation on the content below */
text-decoration: none;
ul.nav li {
border-bottom: 1px solid #666;
ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
padding: 5px 5px 5px 15px;
display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
width: 160px; /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
text-decoration: none;
background-color: #C6D580;
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
background-color: #DFEBF3;
color: #FFF;
text-decoration: none;
/* ~~ The footer ~~ */
.footer {
padding: 10px 0;
position: relative;/* this gives IE6 hasLayout to properly clear */
clear: both;
background-color: #000000;
/* ~~ 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: left;
margin-left: 760px;
.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;
#apDiv1 {
position: absolute;
width: 900px;
height: 94px;
z-index: 1;
margin-top: 80px;
margin-left: 30px;
white-space: 3;
font-size: 100%;
text-align: left;
sllogo {
background-image: url(_images/SLwhitelogo.png);
background-repeat: no-repeat;
.slLogo {
background-image: url(_images/SLwhitelogo.png);
background-repeat: no-repeat;
height: 100px;
width: 240px;
.productlogos {
margin-left: 23px;
margin-top: 10px;
.Bold {
font-weight: bold;
.inherent {
font-style: inherit;
sup {
position: relative;
top: -1ex;
vertical-align:baseline;
font-size: 75%;
#apDiv2 {
position: absolute;
width: 650px;
height: 31px;
z-index: 2;
background-repeat: no-repeat;
padding-right: 15px;
padding-left: 15px;
margin-right: 15px;
margin-left: 15px;
top: 369px;
background-image: url(_images/homeheader.png);
.footer table tr td {
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 75%;
color: #FFF;
height: 8px;
width: 160px;
margin-left: 10px;
padding-left: 15px;
border-collapse: collapse;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 5px;
.footer p {
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 80%;
color: #FFF;
margin-top: 20px;
margin-bottom: 20px;
margin-right: 30px;
.footer table tr th h4 {
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 75%;
color: #FFF;
float: left;
padding-left: 15px;
height: 0px;
.footer table tbody tr td a {
color: #FFF;
#wrapper {
width:970px; /**adjust as needed**/
margin:0 auto; /**centers page on screen**/
.flt_rgt {
float: right;
margin-top: 15px;
margin-right: 30px;
background-image: ;
background-repeat: no-repeat;
.title {
/* [disabled]margin-right: 30px; */
margin-top: 35px;
margin-left: 10px;
background-image: ;
background-repeat: no-repeat;
/* [disabled]margin-left: 20px; */
top: 30px;
/* [disabled]margin-top: 30px; */
left: 30px;
.flt_products {
float: right;
margin-right: 30px;
background-image: ;
background-repeat: no-repeat;
.container section nav {
background-image: url(_images/topnavpanel.png);
background-repeat: no-repeat;
height: 30px;
width: 960px;
padding-top: 3px;
#apDiv3 {
position: absolute;
width: 468px;
height: 41px;
z-index: 2;
background-image: url(_images/savetimetext.png);
background-repeat: no-repeat;
margin-left: 15px;
#apDiv4 {
position: absolute;
width: 400px;
height: 41px;
z-index: 3;
background-image: url(_images/ULTRAFLOR.png);
background-repeat: no-repeat;
margin-left: 10px;
margin-top: 45px;
#apDiv5 {
position: absolute;
width: 250px;
height: 103px;
z-index: 4;
background-image: url(_images/HI%20RES%20PRODUCT%20FAMILY%20w%20IA.png);
background-repeat: no-repeat;
float: right;
right: auto;
margin-left: 675px;
margin-top: -22px;
#apDiv6 {
position: absolute;
width: 40px;
height: 38px;
z-index: 5;
background-image: url(_images/PFT%20No%20Text%20No%20Flip.png);
margin-top: -25px;
margin-left: 83px;
#apDiv7 {
position: absolute;
width: 20px;
height: 17px;
z-index: 5;
background-image: url(_images/twitter-bird-dark-bgs.png);
margin-top: -15px;
margin-left: 85px;
nav ul {
list-style: none; /* this removes the list marker */
border-top: 1px solid #666; /* this creates the space between the navigation on the content below */
font-size: 90%;
nav ul li {
text-decoration: none;
color: #FFF;
nav ul a:link , nav ul a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
padding: 5px 5px 5px 15px;
display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
width: 160px; /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
text-decoration: none;
text-align: left;
color: #FFF;
nav ul a:hover, nav ul a:active, nav ul a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
color: #FFF;
text-decoration: none;
.orange {
color: #FAA634;
.white {
color: #FFFFFF;
.red {
color: #F00;
.red1 {
color: #F00;
.toppanel {
background-image: url(_images/topnavpanel.png);
background-repeat: no-repeat;
height: 30px;
width: 960px;
#apDiv12 {
position: fixed;
width: 960px;
height: 30px;
z-index: 5;
background-image: url(_images/topnavpanel.png);
background-repeat: no-repeat;
float: left;
top: 229px;
.white {
.CeraTechLogo {
background-image: url(_images/CTI_logo_white.png);
background-repeat: no-repeat;
width: 200px;
height: 60px;
.apDivPFT {
background-repeat: no-repeat;
padding-left: px;
padding-top: 0px;
#prochoicetype {
background-image: url(_images/pro_choice_concrete_type.png);
background-repeat: no-repeat;
height: 25px;
width: 521px;
margin-left: 200px;
margin-top: -40px;
#resources {
background-image: url(_images/ResourcesType.png);
background-repeat: no-repeat;
height: 25px;
width: 521px;
margin-left: 200px;
margin-top: -40px; -
Canon 6D will not focus or flash in "Live View" mode.
My Canon 6D will not focus or flash in "Live View" mode. I have a canon 430ex II and a E-ttl flash connected with a sync cord for E-ttl function. The camera does simulate shutter action, but no photo is taken. How can I over-come this problem.
Once in a while, after trying to take several photos it will start working, but usually not.
Solved!
Go to Solution.Hi Shadowcat!
Thanks for posting.
It sounds like the AF Method is set to Quick Mode. When the camera is set for Live View Shooting, there are different AF Methods that can be set. In Quick Mode, the camera uses its dedicated AF sensor to focus when you press the shutter button down halfway.
The image on the LCD will be interrupted while the camera tries to focus because the shutter closes and the mirror drops back over the image sensor. This may look as though the camera is taking a picture, but it is not, it is only focusing. No flash is fired during this process either. Continue to hold the shutter button halfway until focus is achieved, at which point the image will return to the LCD. Then you can press the shutter button the rest of the way down to take the picture. The flash will fire and an image will be recorded.
This didn't answer your question? Find more help at Contact Us.
Did this answer your question? Please click the Accept as Solution button so that others may find the answer as well. -
Can't see the widget in Live view in Dreamweaver CS4 for Mac
Hi
Following this example in http://www.truveo.com/Web-Widgets-in-Dreamweaver-CS4/id/180144024212823976
from Scott Fegette to place a YUI Calendar inside a project in Dreamweaver CS4. I see that Scott after placing the YUI_Calendar.mxp they got the calendar in Live view mode and I can't do the same, can't see in Live View, only a blank page.
I follow all the Scott's instructions correctly because the code is there and I can see the calendar in the browser but not in Live View... If I turn off the Live View then can see the YUI Calendar in Design View only (a light blue tag named YUI_calendar).
I'm under Mac OS X 10.5.6.
Can you help me to see the YUI Calendar in Live View?
Thanks.
TomIf you are using Site-root relative links, then take a look at this post:
http://blogs.adobe.com/dreamweaver/2008/12/live_view_and_siteroot_relativ.html
HTH,
Randy -
I would like to view the output from my DSLR on the screen of my macbook using the hdmi port. I know I can connect to a tv to send images "out" from my macbook, but is it possible ti send images in?? I operate my camera by remote control, and would really live a live view if possible.
ThankNope - you can only output video from your MBP - there's not a port for input.
Clinton
Maybe you are looking for
-
I have 2 iphones and an ipad. On one of the iphones the calendar entries and not showing up on anything else. I have checked all the settings and everything looks good - been a headache trying to figure out what is not set up correctly. I had this
-
I've noticed a bug in cover flow when using the iPod feature of the iPhone. When you first load cover flow, each of the artwork images is crystal clear. Flowing through each one, the images are perfect. However, if I scroll fast from side to side, af
-
I have got Qosmio x300-13O and I would like to make raid 0, but in BIOS aren't any options to make raid. How I can do that?
-
MS Office Mac+PC collaboration
Hi Is anyone working on MS Office for the mac and collaborating with people who use MS Office for Windows. I know in thery that the files are compatible. But in the past, there were some glitches. I'm currently a Windows user considering swithcing to
-
Camera Profile missing in ACR 6.7 (PS CS5)
I have looked all over the place for a solution to this problem and so far can not find one. I am running Windows 7 64bit, PS CS5. I just noticed that my Nikon D90 camera profile is missing under the Camera Callibration area in Camera Raw (it had bee