About bmb img
how can i convert out line bmb image into path....couse i
wanna to make it's size big and the line get more think...so i
wanna to enlarge the amg without the line get thick.....plz some
one hurry and help me about that
> how can i convert out line bmb image into path....couse
i wanna to make it's
> size big and the line get more think...so i wanna to
enlarge the amg without
> the line get thick.....plz some one hurry and help me
about that
It is not exactly a conversion but FreeHand have an autotrace
feature which will try to reproduce the imege as outlines. Poor
originals like 72 dpi jpg files used in web pages do not give good
results. Putting image to the background and drawing from scratch
over it is is usually quicker. Especially if the image has simple
shapes and straight lines. Anyway it is sometimes better to edit
the image first like removing unnecessary pixels, noise, jpg
artifacts, straightening lines, etc...
Autotrace tool has several options like outline/centerline
availble by double clicking the tool icon. Sometimes getting good
results require tracing with a few settings and combinng the best
parts. The traced paths always need cleaning up.
FreeHand is not necessarily the best tool for autotracing.
Probably as good as old Adobe Streamline but Illustrator's Live
Trace is far better.
Jukka
Similar Messages
-
Is there a way of knowing about these IMG upgrades ahead of time?
Seriously, I did not receive any notification about this 1.9.1 upgrade in a Verizon Spotlight magazine and I have looked through each of them before throwing them out. It could have been in the message box on my TV. Is that how I would know about any future upgrades?
Is there a website I can go to in the future so if I need to upgrade any of my Verizon equipment, I'll know what to do?That's odd but not surprising really in the scheme of other things that have been communicated poorly or not communicated at all to customers. The main thing is the product and the deal I am getting on it. Surprises are so often a way of life when the technology changes over the years.
Personally, I was getting used to and enjoying the lighter blue background when the 1.9 came out this past October and now we have switched to the darker background. Nothing stays the same. -
An urgent issue about restore IMG setting
Hello , experts
I meet a trouble and hope get help from you.
Acctually I did some change in IMG setting in a SAP system.
The change I did hang under a transport request number. (SE09/SE10)
Now I hope to remove all the change and restore the system to original status, can I do it by some manual on the transport request I created?
Is it possible to restore the IMG setting in SAP system?
If transport request way is not possible, is there other way?
Hoping for your help, thanks a lotIt seems that you have to restore your IMG setting by using your backup. It's the safest and easy way
But it's all depend on your last succesful backup.
ardhian -
how can i export my work in freehand with spefic size ..or
how can i resize it to spefic sizequote:
Originally posted by:
firstpharaon
how can i export my work in freehand with spefic size ..or
how can i resize it to spefic size
Also, if you need a specific raster size for the preview (for
say InDesign, Quark XPress, etc.), adjust the Raster Effects
Settings under the File menu --> Document Settings --> Raster
Effects Settings (near bottom of File menu).
There you can set the dots-per-inch (D.P.I.) to whatever you
need for printing. The Default is 72 D.P.I., so if you need to
print at say a minimum of 200 lines-per-inch (L.P.I.) then set the
Raster Effects Setting to 300 D.P.I.
Any more than 300 D.P.I. and the file gets huge and may crash
FreeHand.
By the way, how large do you need to scale the vector image?
And what is the final output size? Is it for the Web, a
newspaper, a magazine, a billboard sign? That will determine your
Raster Effects Settings... -
Img tag in TextField : a nightmare ?
After reading of the documentation about Flash TextField
class (used by Label and Text), I was expected a lot of this
component, especially about the
img tag.
I spent a lot of hours trying to make it working as the doc
says. Each time I have runtime errors.
Using link to jpeg or png files I have Error #1034 (I comment
a "resolve" bug in the JIRA adobe bug system).
Then I try to embed images with a link identifier to a
movieclip symbol (seams to be the only way to use embedded images).
After spending a long time to understand what that was meaning
(just ONE example should have save half day of work !!! may be the
Adobe guy should be advised that not all the Flex developpers comes
from Flash !), I was abled to use a swf file made with fresh
downloaded Flash CS3.
But that time if the first assignment to htmlText property is
ok, when I change the value I have error #2025 (DisplayObject must
be a child of the caller - translate from french).
So I am quite disappointed about Flex choice today...
I was abled to add a support for the missing <table>
tag but I don't know how to easily rewrite a complete TextField
which can insert images (embedded in swf).
If anybody has success with images in TextField, let me know
Thanks.I've had the same problem. Using an img tag in a dynamically
generated text field does not work the same published for AIR as it
does published for Flash Player. If I use a relative path for the
image or the class name of a symbol in the library in Flash it
works perfectly, but neither work if the same code is published for
AIR. Is there a solution to this that anyone knows of?
Here's an example:
var optionFont:Font = new UniversBold();
var optionFormat = new TextFormat();
optionFormat.color = 0x27318b;
optionFormat.bold = true;
optionFormat.size = 38;
optionFormat.font = optionFont.fontName;
var field:TextField = new TextField();
field.embedFonts = true;
field.autoSize = TextFieldAutoSize.LEFT;
field.defaultTextFormat = optionFormat;
field.selectable = false;
field.htmlText = "Hi There <img src='GTE38'> Hi There";
field.wordWrap = true;
field.width = 200;
addChild( field );
UniversBold and GTE38 are classes in the library. This works
when published for Flash, but if republished for AIR, the image
does not show up. -
I have a problem about writing <img tag in the xsl file. Below are the xml and xsl file.
**************************** XML file **********************************
<image>promo_banner_onecard.gif</image>
**************************** XSL file **********************************
<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:fo="http://www.w3.org/1999/XSL/Format">
<xsl:output method="html" encoding="utf-8"/>
<xsl:template match = "test">
<td width="165" valign="top"><b>& l t ;img src="../images/<xsl:value-of select="image"/>" width="158" height="60" border="0"& g t ;</b></td>
The output can't interpret the <img src ....> but treat it as the text only and display it on the html page -- <img src="../images/test.gif" width="158" height="60" border="0"> So how can I make the img work? Thanks.Use an xsl:element block with xsl:attributes inside it to produce the img tag like this:<xsl:element name="img">
<xsl:attribute name="src">
<xsl:value-of select="concat('../images/', image)" />
</xsl:attribute>
</xsl:element>Have a look at the other XSL tags you can use at http://www.w3schools.com/xsl/xsl_w3celementref.asp -
Website site looks fine in Dreamweaver but...
So I am creating my own website for the first time and after a bunch of problems, I've ran into one I am unsure of how to fix.
ngkevin-art.com/about.html
This is how it looks like in Dreamweaver and how I want it to look:
http://i.imgur.com/wlOIR.jpg
But when I go into Live View, or see it online, it falls apart. Any help would be appreciated.
CSS:
@charset "utf-8";
/* CSS Document */
/* General HTML Tag Rules */
body {
width:auto;
height:auto;
background-image:url(images/bg_demo2.png);
background-color:#2d2d2d;
background-repeat:no-repeat;
background-position:center;
margin-top:30px;
@font-face {
font-family: Harabara;
src: url(Harabara.ttf);
font-weight:200;
h1 {
font-family: Harabara, Helvetica, Arial, sans-serif;
font-size:150%;
color:#CECEBC;
h2 {
font-family: Harabara, Helvetica, Arial, sans-serif;
font-size:100%;
color:#CECEBC;
.text {
margin-left:75px;
width:auto;
float:left;
#text2 {
width:408px;
text-align:center;
.text3 {
margin-left:25px;
width:auto;
float:left;
#container {
width:1280px;
height:960px;
margin-left:auto;
margin-right:auto;
#wrapContact {
width: 520px;
height: 100px;
margin-left:735px;
margin-top: 10px;
clear: both;
#linked {
float:left;
margin-top:35px;
width: 175px;
#facebook {
float:left;
width: 200px;
margin-left:32px;
margin-top:25px;
#email {
float:left;
width:75px;
margin-left:35px;
margin-top:20px;
#wrapNav {
width: 475px;
margin-left:750px;
margin-top:60px;
#demo {
width: 500px;
text-align:center;
margin-top: 70px;
margin-left:auto;
margin-right:auto;
#flatbook {
width:250px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
#wrapAbout {
margin-left:auto;
margin-right:auto;
margin-top:75px;
width: 1100px;
height:auto;
#picture {
width:408px;
margin-top:100px;
float:left;
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Kevin Ng Art Portfolio</title>
<script type="text/javascript"
src="http://code.jquery.com/jquery-latest.min.js" charset="utf-8">
</script>
<link rel="stylesheet" type="text/css" href="default3.css"/>
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.18.custom.min.js"></script>
<script type="text/javascript" src="js/jquery.smooth-scroll.min.js"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link href="lightbox.css" rel="stylesheet" />
</head>
<body>
<div id="container">
<div id="wrapContact">
<div id="linked">
<a href="http://www.linkedin.com/pub/kevin-ng/25/558/75b">
<img src="images/logo_linked_large.png" width="auto" height="auto" border="0" alt="linkedin_logo" /> </a>
</div>
<div id="facebook">
<a href="http://www.facebook.com/profile.php?id=1309131548">
<img src="images/logo_fb_large.png" width="auto" height="auto" border="0" alt="facebook_logo" /> </a>
</div>
<div id="email">
<a href="mailto: [email protected]">
<img src="images/gmail.png" width="auto" height="auto" border="0" alt="email_icon" /> </a>
</div>
</div> <!-- End "wrapContact"> -->
<div id="wrapNav">
<a href="index.html">
<img src="images/bg_tab_main.png" width="auto" height="auto" border="0" alt="Main" /> </a>
<a href="demo.html">
<img src="images/bg_tab_demo.png" width="auto" height="auto" border="0" alt="Demo" /> </a>
<a href="about.html">
<img src="images/bg_tab_about.png" width="auto" height="auto" border="0" alt="About" /> </a>
</div>
<!-- End "wrapNav"> -->
<div id="wrapAbout">
<div id="picture">
<img src="images/picture.jpg" width="auto" height="auto" alt="picture" />
<div id="text2">
<h2> Me in the middle left, my buddies, Jordan Gabriel on the left and Edmund Zhu on the right,
and finally, Epic Games VIP, Cliff Bleszinski! Taken at GDC 2010. </h2>
</div>
</div>
<div class="text">
<h1> Resume: <br/>
<br/> Email: <br/> <br/>
<br/> About Me:</h1>
</div>
<div class="text3">
<h1> <a href="resume/Kevin Ng Resume2.doc"> Click Here </a>
<br/> <br/> <a href="[email protected]"> [email protected] </a> <br/>
<br/> <br/> <font size="4">
My desire to be in the game development industry is to work with other individuals that take pride in creating a game,
something that can be enjoyed by a multitude of people. There is nothing I would like better than to lend my talents and
artistic skills for that purpose. <br/> <br/>
I believe the key to creating memorable game art, whether it be characters or environments, is the story.
Just like reading a good book or watching a thrilling movie, I loved to be immersed in the world of the game. As a result,
I had an affinity to Role-Playing Games. Classic games of my generation such as Chrono Trigger, Final Fantasy, and Zelda
showed me a world of endless imagination. <br/> <br/>
The characters which are the focal point of the story, their goals and motivations, their trials and tribulations,
their victories and defeats... These are the things I think about constantly when I look at them.
A character without depth doesn't exist, but if they do, I can only imagine how boring that would be.
</font></h1>
</div>
</div>
</div><!-- End "container" -->
</body>
</html>Hi there, and welcome to the forums!
Could you please provide a screenshot of the website when it is previewed in a browser/live view? This way I can better understand the conflicts that are occuring in your code.
It is always a good practice when coding a website to preview it in the browser as you code, to make sure there are no conflicts. It's important to remember that in the end, your viewers will be viewing your site in a browser, not in Dreamweaver's preview. : ) -
Connection Help via VGA without apple's VGA adapter
Hi, I just bought a brand new mini online today. I deglected to purchase a mini-dvi to vga adapter thinking i do not need it with my current setup.
--Windows pc with a dual DVI out graphics card(1 dvi-vga adapter connected to a vga cable--->to the monitor)
Can i simply take that DVI-VGA adapter off my pc and throw it on apple's DVI.. plug my monitor cable into that and get video? OR... do i need to run to microcenter when i get my mac just for a 30$ adapter to VGA?
I planned on getting a TV within the next month or two using a DVI-HDMI cable anyway.. so i was trying to make due with what i already had.
Thanks in advance,
-JoeI understand that the mini comes with a mini-DVI adapter, and that would be put to use connecting it to a DVI-VGA adapter that comes with most graphics cards now-a-days. which then would essentially a VGA out port for the mac mini.... in turn being able to connect it to my monitor via VGA cable... correct?
Here is an example of what im talking about: http://img.tomshardware.com/us/2005/11/23/pcinterfaces_101/vgadvi1.jpg
If i connect that to the included mini-DVI to DVI adapter that comes with the mini TO that adapter in the picture TO a basic VGA cable.. technically it should work?
A bit hillbilly rigged but its better than wasting 30$ on a brand new cable i'd never use again after like two weeks.
I've got a day or two before the mac actually comes so I'm just trying to head off any problems ahead of time.
Message was edited by: chimpezman -
Lightbox images not showing when uploaded to my website
Hello
I'm creating a new website for my photography business, and have created three 'gallery' pages which are basically just a lightbox gallery on each page with 20 images in.
I uploaded my first page, gallery1, and the associated images and went to test it and some of the thumbnail images didn't appear. I renamed the images in my 'gallery1 thumbnails' folder (which had originally been the same names as the images in gallery1) by adding 'tb' at the end of each image name and reuploaded them to my host and it resolved the problem. I uploaded gallery2 in the same way and ran into the same problem. I renamed the images again and reuploaded as I had before to fix the problem, but it didn't fix it this time. I changed the names in gallery3 thumbnails first and uploaded them and they uploaded perfectly. I went back to gallery2, and noticed that all the images I was having a problem with had a '_' character in them. I took that out, reuploaded, still not working. I've double checked everything's as it should be, reuploaded everything a couple more times for good measure, and it works on live view and when I open the file on my computer but once they're uploaded to my host it doesn't work. Can anyone shed a bit of light on this for me? Page in question in here: http://www.emmarichards.co.uk/gallery-2.html and code is here:
<!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>Barnsley wedding photographer - Emma Richards Photography</title>
<style type="text/css">
<!--
body {
font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
background-color: #FFFFFF;
margin: 0;
padding: 0;
color: #000;
background-image: url();
background-repeat: repeat;
margin-top: 20px;
margin-bottom: 10px;
/* ~~ 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: 1260px;/* 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: #FFFFFF;
/* ~~ 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;
font-size: 90%;
/* ~~ 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: #FFFFFF;
font-size: xx-small;
color: #f08080;
/* ~~ 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="css/lightbox.css" rel="stylesheet" type="text/css" />
<link href="css/sample_lightbox_layout.css" rel="stylesheet" type="text/css" />
<script src="scripts/jquery.js" type="text/javascript"></script>
<script src="scripts/lightbox.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryDOMUtils.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryDOMEffects.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryWidget.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryMenu.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarKeyNavigationPlugin.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarIEWorkaroundsPlugin.js" type="text/javascript"></script>
<style type="text/css">
/* BeginOAWidget_Instance_2127022: #gallery */
.lbGallery {
/*gallery container settings*/
background-color: #ffffff;
padding-left: 20px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
width: 100%;
height: auto;
text-align: center;
.lbGallery ul { list-style: none; margin:0;padding:0; }
.lbGallery ul li { display: inline;margin:0;padding:0; }
.lbGallery ul li a{text-decoration:none;}
.lbGallery ul li a img {
/*border color, width and margin for the images*/
border-color: #ffffff;
border-left-width: 0px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
margin-left:5px;
margin-right:5px;
margin-top:5px;
margin-bottom:5px:
.lbGallery ul li a:hover img {
/*background color on hover*/
border-color: #ffffff;
border-left-width: 0px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
#lightbox-container-image-box {
border-top: 0px none #ffffff;
border-right: 0px none #ffffff;
border-bottom: 0px none #ffffff;
border-left: 0px none #ffffff;
#lightbox-container-image-data-box {
border-top: 0px;
border-right: 0px none #ffffff;
border-bottom: 0px none #ffffff;
border-left: 0px none #ffffff;
/* EndOAWidget_Instance_2127022 */
</style>
<link href="Spry-UI-1.7/css/Menu/basic/SpryMenuBasic.css" rel="stylesheet" type="text/css" />
<script type="text/xml">
<!--
<oa:widgets>
<oa:widget wid="2127022" binding="#gallery" />
<oa:widget wid="2141544" binding="#MenuBar" />
</oa:widgets>
-->
</script>
<style type="text/css">
/* BeginOAWidget_Instance_2141544: #MenuBar */
/* Settable values for skinning a Basic menu via presets. If presets are not sufficient, most skinning should be done in
these rules, with the exception of the images used for down or right pointing arrows, which are in the file SpryMenuBasic.css
These assume the following widget classes for menu layout (set in a preset)
.MenuBar - Applies to all menubars - default is horizontal bar, all submenus are vertical - 2nd level subs and beyond are pull-right.
.MenuBarVertical - vertical main bar; all submenus are pull-right.
You can also pass in extra classnames to set your desired top level menu bar layout. Normally, these are set by using a preset.
They only apply to horizontal menu bars:
MenuBarLeftShrink - The menu bar will be horizontally 'shrinkwrapped' to be just large enough to hold its items, and left aligned
MenuBarRightShrink - Just like MenuBarLeftShrink, but right aligned
MenuBarFixedLeft - Fixed at a specified width set in the rule '.MenuBarFixedLeft', and left aligned.
MenuBarFixedCentered - - Fixed at a specified width set in the rule '.MenuBarFixedCentered',
and centered in its parent container.
MenuBarFullwidth - Grows to fill its parent container width.
In general, all rules specified in this file are prefixed by #MenuBar so they only apply to instances of the widget inserted along
with the rules. This permits use of multiple MenuBarBasic widgets on the same page with different layouts. Because of IE6 limitations,
there are a few rules where this was not possible. Those rules are so noted in comments.
#MenuBar {
background-color:#ffffff;
font-family: Arial, Helvetica, sans-serif; /* Specify fonts on on MenuBar and subMenu MenuItemContainer, so MenuItemContainer,
MenuItem, and MenuItemLabel
at a given level all use same definition for ems.
Note that this means the size is also inherited to child submenus,
so use caution in using relative sizes other than
100% on submenu fonts. */
font-weight: normal;
font-size: 16px;
font-style: normal;
padding:0;
border-color: #ffffff #ffffff #ffffff #ffffff;
border-width:0px;
border-style: none none none none;
/* Caution: because ID+class selectors do not work properly in IE6, but we want to restrict these rules to just this
widget instance, we have used string-concatenated classnames for our selectors for the layout type of the menubar
in this section. These have very low specificity, so be careful not to accidentally override them. */
.MenuBar br { /* using just a class so it has same specificity as the ".MenuBarFixedCentered br" rule bleow */
display:none;
.MenuBarLeftShrink {
float: left; /* shrink to content, as well as float the MenuBar */
width: auto;
.MenuBarRightShrink {
float: right; /* shrink to content, as well as float the MenuBar */
width: auto;
.MenuBarFixedLeft {
float: left;
width: 80em;
.MenuBarFixedCentered {
float: none;
width: 80em;
margin-left:auto;
margin-right:auto;
.MenuBarFixedCentered br {
clear:both;
display:block;
.MenuBarFixedCentered .SubMenu br {
display:none;
.MenuBarFullwidth {
float: left;
width: 100%;
/* Top level menubar items - these actually apply to all items, and get overridden for 1st or successive level submenus */
#MenuBar .MenuItemContainer {
padding: 0px 0px 0px 0px;
margin: 0; /* Zero out margin on the item containers. The MenuItem is the active hover area.
For most items, we have to do top or bottom padding or borders only on the MenuItem
or a child so we keep the entire submenu tiled with items.
Setting this to 0 avoids "dead spots" for hovering. */
#MenuBar .MenuItem {
padding: 0px 0px 0px 0px;
background-color:#ffffff;
border-width:1px;
border-color: #cccccc #ffffff #cccccc #ffffff;
border-style: none solid none solid;
#MenuBar .MenuItemFirst {
border-style: none none none none;
#MenuBar .MenuItemLast {
border-style: none solid none none;
#MenuBar .MenuItem .MenuItemLabel{
text-align:center;
line-height:1.4em;
color:#333333;
background-color:#ffffff;
padding: 0px 0px 0px 0px;
width: 10em;
width:auto;
.SpryIsIE6 #MenuBar .MenuItem .MenuItemLabel{
width:1em; /* Equivalent to min-width in modern browsers */
/* First level submenu items */
#MenuBar .SubMenu .MenuItem {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 14px;
font-style: normal;
background-color:#ffffff;
padding:0px 2px 0px 0px;
border-width:1px;
border-color: #cccccc #cccccc #cccccc #cccccc;
/* Border styles are overriden by first and last items */
border-style: solid solid none solid;
#MenuBar .SubMenu .MenuItemFirst {
border-style: solid solid none solid;
#MenuBar .SubMenu .MenuItemFirst .MenuItemLabel{
padding-top: 6px;
#MenuBar .SubMenu .MenuItemLast {
border-style: solid solid solid solid;
#MenuBar .SubMenu .MenuItemLast .MenuItemLabel{
padding-bottom: 6px;
#MenuBar .SubMenu .MenuItem .MenuItemLabel{
text-align:left;
line-height:1em;
background-color:#ffffff;
color:#333333;
padding: 6px 12px 6px 5px;
width: 7em;
/* Hover states for containers, items and labels */
#MenuBar .MenuItemHover {
background-color: #ffffff;
border-color: #cccccc #cccccc #cccccc #cccccc;
#MenuBar .MenuItemWithSubMenu.MenuItemHover .MenuItemLabel{
background-color: #ffffff; /* consider exposing this prop separately*/
color: #000000;
#MenuBar .MenuItemHover .MenuItemLabel{
background-color: #ffffff;
color: #000000;
#MenuBar .SubMenu .MenuItemHover {
background-color: #ffffff;
border-color: #cccccc #cccccc #cccccc #cccccc;
#MenuBar .SubMenu .MenuItemHover .MenuItemLabel{
background-color: #ffffff;
color: #333333;
/* Submenu properties -- First level of submenus */
#MenuBar .SubMenuVisible {
background-color: #ffffff;
min-width:0%; /* This keeps the menu from being skinnier than the parent MenuItemContainer - nice to have but not available on ie6 */
border-color: #ffffff #ffffff #ffffff #ffffff;
border-width:0px;
border-style: none none none none;
#MenuBar.MenuBar .SubMenuVisible {/* For Horizontal menubar only */
top: 100%; /* 100% is at the bottom of parent menuItemContainer */
left:0px; /* 'left' may need tuning depending upon borders or padding applied to menubar MenuItemContainer or MenuItem,
and your personal taste.
0px will left align the dropdown with the content area of the MenuItemContainer. Assuming you keep the margins 0
on MenuItemContainer and MenuItem on the parent
menubar, making this equal the sum of the MenuItemContainer & MenuItem padding-left will align
the dropdown with the left of the menu item label.*/
z-index:10;
#MenuBar.MenuBarVertical .SubMenuVisible {
top: 0px;
left:100%;
min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse */
/* Submenu properties -- Second level submenu and beyond - these are visible descendents of .MenuLevel1 */
#MenuBar .MenuLevel1 .SubMenuVisible {
background-color: #ffffff;
min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse*/
top: 0px; /* If desired, you can move this down a smidge to separate top item''s submenu from menubar -
that is really only needed for submenu on first item of MenuLevel1, or you can make it negative to make submenu more
vertically 'centered' on its invoking item */
left:100%; /* If you want to shift the submenu left to partially cover its invoking item, you can add a margin-left with a
negative value to this rule. Alternatively, if you use fixed-width items, you can change this left value
to use px or ems to get the offset you want. */
/* IE6 rules - you can delete these if you do not want to support IE6 */
/* A note about multiple classes in IE6.
* Some of the rules above use multiple class names on an element for selection, such as "hover" (MenuItemHover) and "has a subMenu" (MenuItemWithSubMenu),
* giving the selector '.MenuItemWithSubMenu.MenuItemHover'.
* Unfortunately IE6 does not support using mutiple classnames in a selector for an element. For a selector such as '.foo.bar.baz', IE6 ignores
* all but the final classname (here, '.baz'), and sets the specificity accordingly, counting just one of those classs as significant. To get around this
* problem, we use the plugin in SpryMenuBarIEWorkaroundsPlugin.js to generate compound classnames for IE6, such as 'MenuItemWithSubMenuHover'.
* Since there are a lot of these needed, the plugin does not generate the extra classes for modern browsers, and we use the CSS2 style mutltiple class
* syntax for that. Since IE6 both applies rules where
* it should not, and gets the specificity wrong too, we have to order rules carefully, so the rule misapplied in IE6 can be overridden.
* So, we put the multiple class rule first. IE6 will mistakenly apply this rule. We follow this with the single-class rule that it would
* mistakenly override, making sure the misinterpreted IE6 specificity is the same as the single-class selector, so the latter wins.
* We then create a copy of the multiple class rule, adding a '.SpryIsIE6' class as context, and making sure the specificity for
* the selector is high enough to beat the single-class rule in the "both classes match" case. We place the IE6 rule at the end of the
* css style block to make it easy to delete if you want to drop IE6 support.
* If you decide you do not need IE6 support, you can get rid of these, as well as the inclusion of the SpryMenuBarIEWorkaroundsPlugin.js script.
* The 'SpryIsIE6' class is placed on the HTML element by the script in SpryMenuBarIEWorkaroundsPlugin.js if the browser is Internet Explorer 6. This avoids the necessity of IE conditional comments for these rules.
.SpryIsIE6 #MenuBar .MenuBarView .MenuItemWithSubMenuHover .MenuItemLabel /* IE6 selector */{
background-color: #ffffff; /* consider exposing this prop separately*/
color: #000000;
.SpryIsIE6 #MenuBar .MenuBarView .SubMenu .MenuItemWithSubMenuHover .MenuItemLabel/* IE6 selector */{
background-color: #ffffff; /* consider exposing this prop separately*/
color: #333333;
.SpryIsIE6 #MenuBar .SubMenu .SubMenu /* IE6 selector */{
margin-left: -0px; /* Compensates for at least part of an IE6 "double padding" version of the "double margin" bug */
/* EndOAWidget_Instance_2141544 */
</style>
</head>
<body>
<div class="container">
<div class="header">
<div align="center">
<p><a href="index.html"><img src="Layout/watermark-coral-jpeg-200px.jpg" width="200" height="182" alt="wedding photgraphers barnsley" /></a></p>
<table width="500" border="0">
<tr>
<td><a href="about.html"><img src="Layout/about-c.png" width="145" height="28" alt="wedding photography barnsley" /></a></td>
<td><a href="weddings.html"><img src="Layout/weddings-c.png" width="145" height="28" alt="wedding photographer barnsley" /></a></td>
<td><a href="gallery.html"><img src="Layout/gallery-c.png" width="145" height="28" alt="wedding photographers barnsley" /></a></td>
<td><a href="pricing.html"><img src="Layout/pricing-c.png" width="145" height="28" alt="wedding photography barnsley" /></a></td>
<td><script type="text/javascript">
// BeginOAWidget_Instance_2141544: #MenuBar
var MenuBar = new Spry.Widget.MenuBar2("#MenuBar", {
widgetID: "MenuBar",
widgetClass: "MenuBar MenuBarLeftShrink",
insertMenuBarBreak: true,
mainMenuShowDelay: 100,
mainMenuHideDelay: 200,
subMenuShowDelay: 200,
subMenuHideDelay: 200
// EndOAWidget_Instance_2141544
</script>
<img src="Layout/engagements-c.png" width="145" height="28" alt="barnsley wedding photographer" />
<script type="text/javascript">
// BeginOAWidget_Instance_2141544: #MenuBar
var MenuBar = new Spry.Widget.MenuBar2("#MenuBar", {
widgetID: "MenuBar",
widgetClass: "MenuBar MenuBarLeftShrink",
insertMenuBarBreak: true,
mainMenuShowDelay: 100,
mainMenuHideDelay: 200,
subMenuShowDelay: 200,
subMenuHideDelay: 200
// EndOAWidget_Instance_2141544
</script></td>
<td><a href="http://www.emmarichardsphotography.com"><img src="Layout/blog.png" width="145" height="28" alt="wedding photographer barnsley" /></a></td>
<td><a href="contact.html"><img src="Layout/contact-c.png" width="145" height="28" alt="wedding photography barnsley" /></a></td>
</tr>
</table>
<p> </p>
</div>
<!-- end .header --></div>
<div class="content">
<div align="center">
<table width="80%" border="0">
<tr>
<td><div id="gallery" class="lbGallery">
<ul>
<p><li> <a href="Images/Gallery2/Abbie and Ben 0567.jpg" title=""><img src="Images/Gallery2/Thumbnails/Abbie and Ben 0567tb.jpg" alt="wedding photographers barnsley" /></a> </li>
<li> <a href="Images/Gallery2/Laura Mal 046.jpg" title=""><img src="Images/Gallery2/Thumbnails/Laura Mal 046tb.jpg" alt="wedding photographer barnsley" /></a> </li>
<li> <a href="Images/Gallery2/img0056bw.jpg" title=""><img src="Images/Gallery2/Thumbnails/img0056bwtb.jpg" alt="wedding photographers sheffield" /></a> </li>
<li> <a href="Images/Gallery2/ka319.jpg" title=""><img src="Images/Gallery2/Thumbnails/ka319tb.jpg" alt="wedding photography barnsley" /></a> </li>
<li> <a href="Images/Gallery2/no crying.jpg" title=""><img src="Images/Gallery2/Thumbnails/no cryingtb.jpg" alt="wedding photographers barnsley" /></a> </li></p>
<p><li> <a href="Images/Gallery2/img5549.jpg" title=""><img src="Images/Gallery2/Thumbnails/img5549tb.jpg" alt="wedding photographer barnsley" /></a> </li>
<li> <a href="Images/Gallery2/jr89.jpg" title=""><img src="Images/Gallery2/Thumbnails/jr89tb.jpg" alt="wedding photography barnsley" /></a> </li>
<li> <a href="Images/Gallery2/img3239.jpg" title=""><img src="Images/Gallery2/Thumbnails/img3239tb.jpg" alt="wedding photographers barnsley" /></a> </li>
<li> <a href="Images/Gallery2/jr2.jpg" title=""><img src="Images/Gallery2/Thumbnails/jr2tb.jpg" alt="wedding photographers barnsley" /></a> </li>
<li> <a href="Images/Gallery2/sa711.jpg" title=""><img src="Images/Gallery2/Thumbnails/sa711tb.jpg" alt="" /></a> </li></p>
<p><li> <a href="Images/Gallery2/JamesRuth0056.jpg" title=""><img src="Images/Gallery2/Thumbnails/JamesRuth0056tb.jpg" alt="wedding photographers barnsley" /></a> </li>
<li> <a href="Images/Gallery2/mr mrs.jpg" title=""><img src="Images/Gallery2/Thumbnails/mr mrstb.jpg" alt="wedding photography barnsley" /></a></li>
<li><a href="Images/Gallery2/ka5.jpg" title=""><img src="Images/Gallery2/Thumbnails/ka5tb.jpg" alt="wedding photographer barnsley" /></a></li>
<li> <a href="Images/Gallery2/run.jpg" title=""><img src="Images/Gallery2/Thumbnails/runtb.jpg" alt="wedding photographers barnsley" /></a> </li>
<li> <a href="Images/Gallery2/img3440.jpg" title=""><img src="Images/Gallery2/Thumbnails/img3440tb.jpg" alt="wedding photographers barnsley" /></a> </li></p>
<p><li> <a href="Images/Gallery2/img3307.jpg" title=""><img src="Images/Gallery2/Thumbnails/img3307tb.jpg" alt="wedding photographers barnsley" /></a> </li>
<li> <a href="Images/Gallery2/centerpiece 2.jpg" title=""><img src="Images/Gallery2/Thumbnails/centerpiece 2tb.jpg" alt="wedding photographer barnsley" /></a> </li>
<li> <a href="Images/Gallery2/jr102.jpg" title=""><img src="Images/Gallery2/Thumbnails/jr102tb.jpg" alt="wedding photography barnsley" /></a> </li>
<li> <a href="Images/Gallery2/img0523.jpg" title=""><img src="Images/Gallery2/Thumbnails/img0523tb.jpg" alt="wedding photography barnsley" /></a> </li>
<li> <a href="Images/Gallery2/hug.jpg" title=""><img src="Images/Gallery2/Thumbnails/hugtb.jpg" alt="wedding photographers barnsley" /></a> </li></p>
</ul>
</div>
<script type="text/javascript">
// BeginOAWidget_Instance_2127022: #gallery
$(function(){
$('#gallery a').lightBox({
imageLoading: 'Layout/spin.gif', // (string) Path and the name of the loading icon
imageBtnPrev: 'Layout/prev.jpg', // (string) Path and the name of the prev button image
imageBtnNext: 'Layout/next.jpg', // (string) Path and the name of the next button image
imageBtnClose: 'Layout/close.png', // (string) Path and the name of the close btn
imageBlank: 'images/lightbox/lightbox-blank.gif', // (string) Path and the name of a blank image (one pixel)
fixedNavigation: false, // (boolean) Boolean that informs if the navigation (next and prev button) will be fixed or not in the interface.
containerResizeSpeed: 400, // Specify the resize duration of container image. These number are miliseconds. 400 is default.
overlayBgColor: "#ffffff", // (string) Background color to overlay; inform a hexadecimal value like: #RRGGBB. Where RR, GG, and BB are the hexadecimal values for the red, green, and blue values of the color.
overlayOpacity: 0, // (integer) Opacity value to overlay; inform: 0.X. Where X are number from 0 to 9
txtImage: 'Image', //Default text of image
txtOf: 'of'
// EndOAWidget_Instance_2127022
</script><div align="center"> </div></td>
</tr>
<tr>
<td><div align="center">
<table width="100" border="0">
<tr>
<td width="50"><div align="right"><a href="gallery.html"><img src="Layout/prev2.jpg" alt="wedding photographers barnsley" width="63" height="32" /></a></div></td>
<td width="50"><a href="gallery-3.html"><img src="Layout/next2.jpg" alt="wedding photographers sheffield" width="63" height="32" /></a></td>
</tr>
</table>
</div></td>
</tr>
</table>
<p> </p>
<!-- end .content --></div>
</div>
<div class="footer">
<p align="right"><strong>07794430229 // [email protected]</strong></p>
<div align="right">
<table align="right" cellpadding="0" cellspacing="0">
<tr>
<td> </td>
</tr>
</table>
<!-- end .footer -->
</div>
<div align="right">
<table align="right" cellpadding="0" cellspacing="0">
<tr>
<td> </td>
</tr>
</table>
<!-- end .footer --></div>
</div>
<!-- end .container --></div>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-28715127-1']);
_gaq.push(['_setDomainName', 'emmarichards.co.uk']);
_gaq.push(['_setAllowLinker', true]);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
</script>
</body>
</html>
If someone could help me with my issue I'd be very greatful, it's been stumping me for hours now.
Thank you in advance for any help!!When I see code errors, I stop trying to trouble shoot because code errors account for 98% of browser rendering problems. When you clear up your orphaned tags: mismatched <p></p> and <li></li> tags, then I'll take a closer look.
PS. Being able to work with code is essential to using DW and 3rd party plugins. Without basic coding skills, you're going to be lost most of the time.
HTML & CSS Tutorials -
http://www.html.net/
http://w3schools.com/
Nancy O. -
Problem with PHP not working and Extra space in form I can't get rid of
This is my first time doing a form, much less using php. I would appreciate your help on the problems below.
1. in the form when you go to the website there is too much vertical spacing between the form fields.
2.the Message field has script inside that vistors can see.
3. on hitting the submit button it redirects me to a blank page and not the thankyou.html page that I had created.
4. the form doesn't send the email to [email protected]
Website URL: http://stickmancustoms.com/contact.html
<!-- FORM CODE STARTS HERE -->
<?php session_start(); ?>
<?php
if (array_key_exists('submit', $_POST)) {
// check name field
$name = trim($_POST['name']);
if (empty($name)) {
$error['name'] = 'Please provide your first name';
elseif ($name == 'Please provide your first name') {
$error['name'] = '';
$_SESSION['name'] = $_POST['name'];
// check phone field
$phone = trim($_POST['phone']);
if (empty($phone)) {
$error['phone'] = 'Please provide your last name';
elseif ($phone == 'Please provide your last name') {
$error['phone'] = '';
$_SESSION['phone'] = $_POST['phone'];
// check email field
$email = trim($_POST['email']);
if (empty($email)) {
$error['email'] = 'Please enter your email address';
elseif ($email == 'Please enter your email address') {
$error['email'] = '';
$_SESSION['email'] = $_POST['email'];
// check enquiry field
$message = trim($_POST['message']);
if (empty($message)) {
$error['message'] = 'Please enter your message details';
elseif ($message == 'Please enter your message details') {
$error['message'] = '';
$_SESSION['message'] = $_POST['message'];
if (!empty($_POST['ufo'])) { return false; }
// recipient
$to = "[email protected]"; //email address -- change to your own email address
// email subject
$subject = "I am interested in your services, please contact me";
// sender
$sender = "From: ".$_POST['email']."\r\n";
// build message
$enquiry = "First Name: $name\n\n";
$enquiry .= "Last Name: $phone\n\n";
$enquiry .= "Email Address: $email\n\n";
$enquiry .= "Message: $message\n\n";
// send email if no form erorrs
if (!isset($error)) {
mail($to, $subject, $enquiry, $sender);
header("Location: thankyou.html"); //Redirect page -- change to your own page
?>
CONTACT WEB PAGE CODE BELOW
<!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="auto repair, accident damage, custom paint, customization, car repair, paint job, hot rod, motorcycle, cycle, bike, chopper"
content="At StickMan Customs we give personal service with a smile. With more than 20 years experience in auto repair and customization you can be confident that we will meet your expectations and beyond. " />
<meta name="google-site-verification" content="-41pB0MQUYT1Vbv1SId8WcU2lqEmFf0u23Sl3NY24CE" />
<title>Stickman Customs</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="smc.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
a:visited {
color: #F4781E;
-->
</style>
</head>
<body bgcolor="#000000">
<table width="936" height="200" border="0" align="center">
<tr>
<td height="196" valign="top"><p class="style1"><a href="index.html" target="_self"><a href="index.html" target="_self"><img src="images/smcbanner.jpg" width="936" height="194" border="0" usemap="#Map" /></a>
<map name="Map" id="Map">
<area shape="rect" coords="97,7,289,190" href="index.html" target="_self" />
<area shape="rect" coords="290,156,380,189" href="about.html" target="_self" />
<area shape="rect" coords="396,159,550,190" href="repair.html" target="_self" />
<area shape="rect" coords="561,159,619,190" href="cars.html" target="_self" />
<area shape="rect" coords="627,159,703,188" href="cycles.html" target="_self" />
<area shape="rect" coords="711,160,885,190" href="projects.html" target="_self" />
<area shape="rect" coords="734,23,917,78" href="contact.html" target="_self" />
<area shape="rect" coords="786,175,787,176" href="#" />
</map>
</p>
<table width="936" border="0" align="center" cellpadding="5" cellspacing="5">
<tr>
<td width="512" height="450" valign="top"><p class="Headers"><img src="images/car1.jpg" width="432" height="432" /></p></td>
<td width="389" height="450" valign="top"><form id="enquiryForm" name="enquiryForm" method="post" action="contact.php">
<h1><span class="BodyBold">Contact Us </span></h1>
<h1> <span class="BodyCopy">*Required Information </span></h1>
<h1><span class="BodyBold">
<label for="Name">Name* </label>
</span>
<input type="text" name="name" id="name" <?php if(isset($error['first_name'])) echo "style='border: 1px solid #C00; color: #C00;'"; ?> value="<?php if(isset($name)) {echo $name;} ?><?php if(isset($error['first_name'])) echo $error['name']; ?>" onfocus="this.value=''" />
</h1>
<p>
<label for="Name" class="BodyBold">Phone* </label>
<input type="text" name="phone" id="phone" <?php if(isset($error['phone'])) echo "style='border: 1px solid #C00; color: #C00;'"; ?> value="<?php if(isset($phone)) {echo $phone;} ?><?php if(isset($error['phone'])) echo $error['phone']; ?>" onfocus="this.value=''" />
<p>
<label for="email" class="BodyBold">Email* </label>
<input type="text" name="email" id="email" <?php if(isset($error['email'])) echo "style='border: 1px solid #C00; color: #C00;'"; ?> value="<?php if(isset($email)) {echo $email;} ?><?php if(isset($error['email'])) echo $error['email']; ?>" onfocus="this.value=''" />
<p style="padding-bottom: 0;">
<label for="enquiry" class="BodyBold">Message*</label>
<br />
<textarea name="message" id="message" <?php if(isset($error['message'])) echo "style='border: 1px solid #C00; color: #C00;'"; ?> onfocus="this.value=''"><?php if(isset($message)) {echo $message;} ?><?php if(isset($error['message'])) echo $error['message']; ?>
</textarea>
</p>
<p>
<input type="text" name="ufo" style="display: none;" />
<input type="submit" id="submitButton" name="submit" value="Submit" />
</p>
</form></td>
</tr>
</table></td>
</tr>
</table>
<table width="936" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><div align="center">
<div align="center" class="bottomlinks">
<p><a href="about.html" target="_self"><br />
ABOUT US <img src="images/space.jpg" alt="s" width="18" height="7" border="0" /></a>| <a href="index.html" target="_self"><img src="images/space.jpg" alt="s" width="18" height="7" border="0" /></a><a href="repair.html" target="_self">ACCIDENT REPAIR</a><a href="index.html" target="_self"><img src="images/space.jpg" alt="s" width="18" height="7" border="0" /></a>| <a href="index.html" target="_self"><img src="images/space.jpg" alt="s" width="18" height="7" border="0" /></a><a href="cars.html" target="_self">CARS</a><a href="index.html" target="_self"><img src="images/space.jpg" alt="s" width="18" height="7" border="0" /></a>| <a href="index.html" target="_self"><img src="images/space.jpg" alt="s" width="18" height="7" border="0" /></a><a href="cycles.html" target="_self">CYCLES</a><a href="index.html" target="_self"><img src="images/space.jpg" alt="s" width="18" height="7" border="0" /></a>| <a href="index.html" target="_self"><img src="images/space.jpg" alt="s" width="18" height="7" border="0" /></a><a href="projects.html" target="_self">SPECIAL PROJECTS</a></p>
<p class="Address_Text">StickMan Customs<br />
800 Mooresville Rd, Kannapolis, NC 28081<br />
704.699.5110 </p>
</div>
<p class="style74"><span class="atb_text">Designed & Hosted by</span><br />
<a href="http://www.abovethebarrdesign.com" target="_self"><img src="images/atbd.jpg" alt="1" width="155" height="77" border="0" /></a><br />
</p>
</div></td>
</tr>
</table>
</body>
</html>
<!-- text below generated by server. PLEASE REMOVE -->
<!-- Counter/Statistics data collection code -->
<script language="JavaScript" src="http://us.js2.yimg.com/us.js.yimg.com/lib/smb/js/hosting/cp/js_source/whv2_001.js" type="text/javascript"></script>
<script language="JavaScript" type="text/javascript">geovisit();</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<noscript>
<img src="http://visit.webhosting.yahoo.com/visit.gif?us1262644054" alt="setstats" border="0" width="1" height="1" />
</noscript>
</html>The below should work for you.
As Jon points out the page has to be a .php page NOT a .html page.
The idea is that the page gets sent back to itself and the form information is processed then sent to the email address if there are no errors detected.
The unusual gaps in the form were being caused by unclosed tags amongst other things - hopefuly I put some of it right for you.
Copy all of the below and save it as contact.php - Obviously your server needs to support php for it to work, most do. I have not specified your email address in the php as it attracts spam from the forum so re-instate it where the xxxxxxx are.
<?php
if (array_key_exists('submit', $_POST)) {
// check name field
$name = trim($_POST['name']);
if (empty($name)) {
$error['name'] = 'Please provide your name';
elseif ($name == 'Please provide your name') {
$error['name'] = '';
// check phone field
$phone = trim($_POST['phone']);
if (empty($phone)) {
$error['phone'] = 'Please provide your phone number';
elseif ($phone == 'Please provide your phone number') {
$error['phone'] = '';
// check email field
$email = trim($_POST['email']);
if (empty($email)) {
$error['email'] = 'Please enter your email address';
elseif ($email == 'Please enter your email address') {
$error['email'] = '';
// check enquiry field
$message = trim($_POST['message']);
if (empty($message)) {
$error['message'] = 'Please enter your message details';
elseif ($message == 'Please enter your message details') {
$error['message'] = '';
if (!empty($_POST['ufo'])) { return false; }
// recipient
$to = "xxxxxx@xxxxxxxxxxxxxx"; //email address -- change to your own email address
// email subject
$subject = "I am interested in your services, please contact me";
// sender
$sender = "From: ".$_POST['email']."\r\n";
// build message
$enquiry = "Name: $name\n\n";
$enquiry .= "Phone Number: $phone\n\n";
$enquiry .= "Email Address: $email\n\n";
$enquiry .= "Message: $message\n\n";
// send email if no form erorrs
if (!isset($error)) {
mail($to, $subject, $enquiry, $sender);
header("Location: thankyou.html"); //Redirect page -- change to your own page
?>
<!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="auto repair, accident damage, custom paint, customization, car repair, paint job, hot rod, motorcycle, cycle, bike, chopper"
content="At StickMan Customs we give personal service with a smile. With more than 20 years experience in auto repair and customization you can be confident that we will meet your expectations and beyond. " />
<meta name="google-site-verification" content="-41pB0MQUYT1Vbv1SId8WcU2lqEmFf0u23Sl3NY24CE" />
<title>Stickman Customs</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="http://stickmancustoms.com/smc.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
a:visited {
color: #F4781E;
-->
</style>
</head>
<body bgcolor="#000000">
<table width="936" height="200" border="0" align="center">
<tr>
<td height="196" valign="top"><p class="style1"><a href="index.html" target="_self"><a href="index.html" target="_self"><img src="http://stickmancustoms.com/images/smcbanner.jpg" width="936" height="194" border="0" usemap="#Map" /></a>
<map name="Map" id="Map">
<area shape="rect" coords="97,7,289,190" href="index.html" target="_self" />
<area shape="rect" coords="290,156,380,189" href="about.html" target="_self" />
<area shape="rect" coords="396,159,550,190" href="repair.html" target="_self" />
<area shape="rect" coords="561,159,619,190" href="cars.html" target="_self" />
<area shape="rect" coords="627,159,703,188" href="cycles.html" target="_self" />
<area shape="rect" coords="711,160,885,190" href="projects.html" target="_self" />
<area shape="rect" coords="734,23,917,78" href="contact.html" target="_self" />
<area shape="rect" coords="786,175,787,176" href="#" />
</map>
</p>
<table width="936" border="0" align="center" cellpadding="5" cellspacing="5">
<tr>
<td width="512" height="450" valign="top"><p class="Headers"><img src="http://stickmancustoms.com/images/car1.jpg" width="432" height="432" /></p></td>
<td width="389" height="450" valign="top"><form id="enquiryForm" name="enquiryForm" method="post" action="contact.php">
<p><span class="BodyBold">Contact Us </span></p>
<p><span class="BodyCopy">*Required Information</span></p>
<p>
<label for="Name" class="BodyBold">Name* </label>
</span>
<input type="text" name="name" id="name" <?php if(isset($error['name'])) echo "style='border: 1px solid #C00; color: #C00;'"; ?> value="<?php if(isset($name)) {echo $name;} ?><?php if(isset($error['name'])) echo $error['name']; ?>" onfocus="this.value=''" />
</p>
<p>
<label for="Name" class="BodyBold">Phone* </label>
<input type="text" name="phone" id="phone" <?php if(isset($error['phone'])) echo "style='border: 1px solid #C00; color: #C00;'"; ?> value="<?php if(isset($phone)) {echo $phone;} ?><?php if(isset($error['phone'])) echo $error['phone']; ?>" onfocus="this.value=''" />
</p>
<p>
<label for="email" class="BodyBold">Email* </label>
<input type="text" name="email" id="email" <?php if(isset($error['email'])) echo "style='border: 1px solid #C00; color: #C00;'"; ?> value="<?php if(isset($email)) {echo $email;} ?><?php if(isset($error['email'])) echo $error['email']; ?>" onfocus="this.value=''" />
</p>
<p>
<label for="enquiry" class="BodyBold">Message*</label>
<textarea name="message" id="message" <?php if(isset($error['message'])) echo "style='border: 1px solid #C00; color: #C00;'"; ?> onfocus="this.value=''"><?php if(isset($message)) {echo $message;} ?><?php if(isset($error['message'])) echo $error['message']; ?>
</textarea>
</p>
<p>
<input type="text" name="ufo" style="display: none;" />
<input type="submit" id="submitButton" name="submit" value="Submit" />
</p>
</form></td>
</tr>
</table></td>
</tr>
</table>
<table width="936" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><div align="center">
<div align="center" class="bottomlinks">
<p><a href="about.html" target="_self">
ABOUT US <img src="http://stickmancustoms.com/images/space.jpg" alt="s" width="18" height="7" border="0" /></a>| <a href="index.html" target="_self"><img src="http://stickmancustoms.com/images/space.jpg" alt="s" width="18" height="7" border="0" /></a><a href="repair.html" target="_self">ACCIDENT REPAIR</a><a href="index.html" target="_self"><img src="http://stickmancustoms.com/images/space.jpg" alt="s" width="18" height="7" border="0" /></a>| <a href="index.html" target="_self"><img src="http://stickmancustoms.com/images/space.jpg" alt="s" width="18" height="7" border="0" /></a><a href="cars.html" target="_self">CARS</a><a href="index.html" target="_self"><img src="http://stickmancustoms.com/images/space.jpg" alt="s" width="18" height="7" border="0" /></a>| <a href="index.html" target="_self"><img src="http://stickmancustoms.com/images/space.jpg" alt="s" width="18" height="7" border="0" /></a><a href="cycles.html" target="_self">CYCLES</a><a href="index.html" target="_self"><img src="http://stickmancustoms.com/images/space.jpg" alt="s" width="18" height="7" border="0" /></a>| <a href="index.html" target="_self"><img src="http://stickmancustoms.com/images/space.jpg" alt="s" width="18" height="7" border="0" /></a><a href="projects.html" target="_self">SPECIAL PROJECTS</a></p>
<p class="Address_Text">StickMan Customs<br />
800 Mooresville Rd, Kannapolis, NC 28081<br />
704.699.5110 </p>
</div>
<p class="style74"><span class="atb_text">Designed & Hosted by</span><br />
<a href="http://www.abovethebarrdesign.com" target="_self"><img src="http://stickmancustoms.com/images/atbd.jpg" alt="1" width="155" height="77" border="0" /></a><br />
</p>
</div></td>
</tr>
</table>
</body>
</html>
<!-- text below generated by server. PLEASE REMOVE -->
<!-- Counter/Statistics data collection code -->
<script language="JavaScript" src="http://us.js2.yimg.com/us.js.yimg.com/lib/smb/js/hosting/cp/js_source/whv2_001.js" type="text/javascript"></script>
<script language="JavaScript" type="text/javascript">geovisit();</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<noscript>
<img src="http://visit.webhosting.yahoo.com/visit.gif?us1262644054" alt="setstats" border="0" width="1" height="1" />
</noscript>
</html> -
Help with lightbox gallery widget
Hello
I built a website for my photography business and used the lightbox gallery widget. I'm not massively HTML minded so I tend to build in design view and just tweak the HTML code.
The gallery is here: http://www.emmarichards.co.uk/gallery.html
When you click on one of the photos, it is not working properly, it just takes you to another webpage with just the image. It worked fine in the live view. I'm looking at it in IE, not sure which version but a fairly up to date one I think. I've also checked it using the Mozilla browser and having the same problem. How can I rectify this please? The pages code 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>Barnsley Wedding Photographer - Emma Richards</title>
<style type="text/css">
<!--
body {
font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
background: #4E5869;
margin: 0;
padding: 0;
color: #000;
background-color: #99BADB;
/* ~~ 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;
background-color: #FFFFFF;
/* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */
.container {
width: 80%;
max-width: 1260px;/* 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: #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: #ffffff;
/* ~~ 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: #ffffff;
/* ~~ 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;
body,td,th {
font-family: Tahoma, Geneva, sans-serif;
-->
</style>
<script src="scripts/jquery.js" type="text/javascript"></script>
<script src="scripts/lightbox.js" type="text/javascript"></script>
<link href="css/lightbox.css" rel="stylesheet" type="text/css" />
<link href="css/sample_lightbox_layout.css" rel="stylesheet" type="text/css" />
<style type="text/css">
/* BeginOAWidget_Instance_2127022: #gallery */
.lbGallery {
/*gallery container settings*/
background-color: #ffffff;
padding-left: 180px;
padding-top: 20px;
padding-right: 180px;
padding-bottom: 20px;
width: 900px;
height: auto;
text-align:center;
.lbGallery ul { list-style: none; margin:0;padding:0; }
.lbGallery ul li { display: inline;margin:0;padding:0; }
.lbGallery ul li a{text-decoration:none;}
.lbGallery ul li a img {
/*border color, width and margin for the images*/
border-color: #ffffff;
border-left-width: 0px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
margin-left:5px;
margin-right:5px;
margin-top:5px;
margin-bottom:5px:
.lbGallery ul li a:hover img {
/*background color on hover*/
border-color: #ffffff;
border-left-width: 0px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
#lightbox-container-image-box {
border-top: 0px none #ffffff;
border-right: 0px none #ffffff;
border-bottom: 0px none #ffffff;
border-left: 0px none #ffffff;
#lightbox-container-image-data-box {
border-top: 0px;
border-right: 0px none #ffffff;
border-bottom: 0px none #ffffff;
border-left: 0px none #ffffff;
/* EndOAWidget_Instance_2127022 */
</style>
<script type="text/xml">
<!--
<oa:widgets>
<oa:widget wid="2127022" binding="#gallery" />
</oa:widgets>
-->
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000" link="#000000" vlink="#000000" alink="#000000">
<div class="container">
<div class="header">
<div align="center">
<p><img src="1title 2.png" alt="emma richards barnsley wedding photographer" width="1144" height="368" /></p>
<p><a href="about.html"><img src="1.png" alt="about emma richards barnsley wedding photographer" width="143" height="46" border="0" /></a><a href="weddings.html"><img src="1.weddings.png" alt="weddings information barnsley photographer" width="162" height="46" border="0" /></a><a href="gallery.html"><img src="1.gallery.png" alt="barnsley wedding photographer image gallery" width="162" height="46" border="0" /></a><a href="pricing.html"><img src="1.pricing.png" alt="barnsley wedding photographer pricing information" width="162" height="46" border="0" /></a><a href="engagements.html"><img src="1.engage.png" alt="engagement photography couples shoot barnsley" width="221" height="46" border="0" /></a><a href="http://emmarichardsuk.blogspot.com"><img src="1 blgo.png" alt="emma richards wedding photography blog" width="105" height="45" border="0" /></a><a href="contact.html"><img src="1 contact.png" alt="contact emma richards" width="162" height="46" border="0" /></a></p>
</div>
<!-- end .header --></div>
<div class="content">
<div id="gallery" class="lbGallery">
<div align="center">
<ul>
<li> <a href="2.ABBIE AND KID.jpg" width="600" height="400" title=""><img src="2.ABBIE AND KID.jpg" width="150" height="100" alt="barnsley wedding photography" /></a>
<li> <a href="2.R AND M CUTTING CAKE.jpg" title=""><img src="2.R AND M CUTTING CAKE.jpg" width="150" height="100" alt="Park Inn wedding" "wath" "barnsley" "photography" /></a>
<li> <a href="alex laura 1 (5).jpg" title=""><img src="alex laura 1 (5).jpg" width="150" height="100" alt="barnsley wedding photographer" /></a>
<li> <a href="alex laura 1 (8).jpg"><img src="alex laura 1 (8).jpg" width="150" height="100" alt="whitley hall wedding" "sheffield" "barnsley wedding photographer" "reception" /></a> </li>
<li> <a href="tree closer.jpg" width="600px" height="400px" title=""><img src="tree closer.jpg" width="150" height="100" alt="" /></a> </li><br />
<li> <a href="11.jpg" width="600" height="400" title=""><img src="11.jpg" width="150" height="100" alt="barnsley wedding photography" /></a>
<li> <a href="10.jpg" title=""><img src="10.jpg" width="150" height="100" alt="barnsley wedding photography" /></a>
<li> <a href="James Ruth Church128.jpg" title=""><img src="James Ruth Church128.jpg" width="150" height="100" alt="whitley hall wedding" "sheffield" "barnsley wedding photographer" "reception" /></a>
<li> <a href="2.ABBIE GROUP.jpg"><img src="2.ABBIE GROUP.jpg" width="150" height="100" alt="barnsley wedding photographer" /></a> </li>
<li> <a href="12-5.jpg" width="600px" height="400px" title=""><img src="12-5.jpg" width="150" height="100" alt="barnsley wedding photography" /></a> </li><br />
<li> <a href="alex laura 1 (3).jpg" width="600" height="400" title=""><img src="alex laura 1 (3).jpg" width="150" height="100" alt="barnsley wedding photography" /></a>
<li> <a href="confetti crop.jpg" title=""><img src="confetti crop.jpg" width="150" height="100" alt="barnsley wedding photographer" /></a>
<li> <a href="Mark & Rachel 025.jpg" title=""><img src="Mark & Rachel 025.jpg" width="150" height="100" alt="park inn wedding" "wath" "barnsley" "photography" /></a>
<li> <a href="Abbie Ben 0336.jpg"><img src="Abbie Ben 0336.jpg" width="150" height="100" alt="barnsley wedding photographer" /></a> </li>
<li> <a href="Abbie Ben 0309.jpg" width="600px" height="400px" title=""><img src="Abbie Ben 0309.jpg" width="150" height="100" alt="barnsley wedding photographer" "first kiss" /></a> </li><br />
<li> <a href="laughing 2.png" width="600" height="400" title=""><img src="laughing 2.png" width="150" height="100" alt="whitley hall wedding" "sheffield wedding photography" /></a>
<li> <a href="2.double.jpg" title=""><img src="2.double.jpg" width="150" height="100" alt="Park Inn wedding" "wath" "barnsley" "photography" /></a>
<li> <a href="132.jpg" title=""><img src="132.jpg" width="150" height="100" alt="whitley hall wedding" "sheffield" "barnsley wedding photographer" "reception" /></a>
<li> <a href="Abbie and Ben 0621.jpg"><img src="Abbie and Ben 0621.jpg" width="150" height="100" alt="barnsley wedding photography" /></a> </li>
<li> <a href="Abbie Ben 0320.jpg" width="600px" height="400px" title=""><img src="Abbie Ben 0320.jpg" width="150" height="100" alt="barnsley wedding photography" /></a> </li><br />
<li> <a href="Abbie Ben 0011 copy.jpg" width="600" height="400" title=""><img src="Abbie Ben 0011 copy.jpg" width="150" height="100" alt="bouquet" "barnsley wedding photographer" /></a>
<li> <a href="James & Ruth0202.jpg" title=""><img src="James & Ruth0202.jpg" width="150" height="100" alt="barnsley wedding photographer" /></a>
<li> <a href="alex laura 1 (4).jpg" title=""><img src="alex laura 1 (4).jpg" width="150" height="100" alt="barnsley wedding photographer" /></a>
<li> <a href="123.jpg"><img src="123.jpg" width="150" height="100" alt="rotherham" "park inn wedding" "wath" "barnsley" "photography" /></a> </li>
<li> <a href="Mark & Rachel 311.jpg" width="600px" height="400px" title=""><img src="Mark & Rachel 311.jpg" width="150" height="100" alt= "rotherham" "Park Inn wedding" "wath" "barnsley" "photography" /></a> </li><br />
</ul>
</div>
</div>
<div align="center">
<script type="text/javascript">
// BeginOAWidget_Instance_2127022: #gallery
$(function(){
$('#gallery a').lightBox({
imageLoading: '/images/lightbox/lightbox-ico-loading.gif', // (string) Path and the name of the loading icon
imageBtnPrev: '/images/lightbox/lightbox-btn-prev.gif', // (string) Path and the name of the prev button image
imageBtnNext: '/images/lightbox/lightbox-btn-next.gif', // (string) Path and the name of the next button image
imageBtnClose: '/images/lightbox/lightbox-btn-close.gif', // (string) Path and the name of the close btn
imageBlank: '/images/lightbox/lightbox-blank.gif', // (string) Path and the name of a blank image (one pixel)
fixedNavigation: false, // (boolean) Boolean that informs if the navigation (next and prev button) will be fixed or not in the interface.
containerResizeSpeed: 400, // Specify the resize duration of container image. These number are miliseconds. 400 is default.
overlayBgColor: "#ffffff", // (string) Background color to overlay; inform a hexadecimal value like: #RRGGBB. Where RR, GG, and BB are the hexadecimal values for the red, green, and blue values of the color.
overlayOpacity: 0, // (integer) Opacity value to overlay; inform: 0.X. Where X are number from 0 to 9
txtImage: 'Image', //Default text of image
txtOf: 'of'
// EndOAWidget_Instance_2127022
</script><!-- end .content --></div>
</div>
<div class="footer">
<hr />
<p align="right" class="container">07794 430 229 // [email protected]</p>
<!-- end .footer --></div>
<!-- end .container --></div>
</body>
</html>emmarichards4 wrote:
Do I need to have the same path as in my root folder, so for example within my Public folder with my host, have a 'script's folder and then put the 'jquery.js' file within that or should that not matter?
All paths (the route from the parent file to the dependent file) are crucial.
If the path is not correct, the required file will not be found and the effect will not work.
There's no need to upload files individually and manually place them into remote folders. DW handles all file and folder paths for you if you use the Files panel.
For example, http://www.emmarichards.co.uk/scripts/lightbox.js = 404 error. The file still does not exist on the server in that location.
You should be able to click on the css and scripts folders locally, click Put and all files in those folders will be uploaded correctly. -
Creative MediaSource v3.30.21 looks/works differen
I just installed file CMS_PCMTP_LB__00_8.exe so that I can transfer files download from napster to my zen micro. My zen micro firmware is v2.2.02, and now my MediaSource is v3.30.2. My question is that when I looked at the files on my zen micro, I could edit a group of files (or even all files) to change the genre, artist, etc. and now it seems that I cannot. Here are screenshots of what I'm talking about. [img"]http://i39.photobucket.com/albums/e90/james_miller_/bc70805b.jpg?t=66035387">
I still cannot edit the genre, artist, etc. of multiple highlighted files. The first pic is when I try to edit multiple files on the Zen Micro. The second pic is when I try to do the same on the Library, but is also the menu I always got prior to this upgrade. [img"]http://i39.photobucket.com/albums/e90/james_miller_/c9c550dc.jpg?t=66047547">
-
IPod Touch 3rd generation will not sync music
My 3rd generation 32GB iPod Touch won't sync music. It will not even be able to start to sync. A message "The iPod "Cindy's iPod" could not be synced because the sync session failed to start." It was given to me in August 2010 as a gift, and it was bought from Costco in America. The iPod has been updated to IOS5. I am using a Windows 7 laptop, and this is the very same laptop I have been using to sync the same iPod for the past year and a few months. The last time I was able to sync it was February 26th, 2012.
When I drag music to onto iTunes to sync it with the iPod, it will not sync, and the song is whited out and has the syncing symbol to the left of it (but not swirling).
Everytime I unplug and plug the iPod back in to sync it, the songs I tried to sync from before are still white out, and they are still there even after I delete them (and unplug and replug the iPod back).
I have tried restarting the laptop, reinstalling iTunes, and turning off and on my iPod.
When I try to restore the iPod, iTunes won't let me.
Normally, if this happens, I am able to permanently delete the none syncing song from the iPod music library, and resync it by dragging the file from the laptop and putting it into iTunes. I have tried over 10 times, but the same problems happen each time.
Here is a screenshot of what I am talking about.
[IMG]http://i44.tinypic.com/34447pf.jpg[/IMG]
Here is the URL if the above photo doesn't show:
http://tinypic.com/r/34447pf/5
Thank you for your time, and I hope to hear from you soon.If you can see the iTunes Media folder inside your Music folder in your computer, put all your songs their and try resyncing everything in your iTunes. It should be able to work as that is what I did to this type of problem before. Hope it helps.
-
Hello,
I am a web designer and the website I'm working on can be viewed at www.newjerseyrates.com.
I am using iframes and am having problems displaying the correct url in the iframe in the Safari browser only. It works fine on Chrome, IE and Firefox.
The url appearing in the iframe on the home page should be www.guaranteedrate.com/loanoptions/vpname/leezacharczyk and the one coming up is www.guaranteedrate.com/loanoptions.
Can you tell me how to fix this? Thank you.
Here is my 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"><!-- InstanceBegin template="/Templates/Main.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>New Jersey (NJ) Mortgage Lender, Mortgage Rates, Fha, Refinance & Home Loans</title>
<meta name="description" content="Get real time, accurate New Jersey (NJ) mortgage rates, refinancing and home loans." />
<meta name="keywords" content="new jersey, nj, new jersey refinance, new jersey refinancing, FHA mortgage, jumbo mortgage, mortgage interest rate, mortgage, mortgage rates, mortgage broker, refinance, home loan, mortgage company, mortgage lender, mortgage refinancing, new jersey refinancing, home mortgage, mortgage interest rate" />
<meta name="nibbler-site-verification" content="3a321e0559840ef51087c274ba6f8be369e42dbf" />
<link rel="shortcut icon" href="favicon.ico" />
<?php
date_default_timezone_set('America/New_York');
$brokers = array (
'www.guaranteedrate.com/loanoptions/vpname/leezacharczyk',
'www.guaranteedrate.com/loanoptions/vpname/markzacharczyk'
$numbrokers = count($brokers);
$dayofyear = date('z');
$todaysURL = 'http://'.$brokers[$dayofyear%$numbrokers];
?>
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
<link href="css/GRateStyles.css" rel="stylesheet" type="text/css" />
<style>
@media print {
body {
color: #000;
background: #fff;
h1, h3 {
color: #000;
background: none;
#header, #footer, #leftNav, #right {
display: none;
@page {
margin: 2cm;
img {
max-width: 100% !important;
ul, img {
page-break-inside: avoid;
a {
font-weight: bolder;
text-decoration: none;
a[href^=http]:after {
content:" <" attr(href) "> ";
</style>
<style type="text/css">
body {
background-image: url(images/BkrdTexture.jpg);
background-repeat: repeat;
</style>
</head>
<body>
<div id="wrapper">
<div id="header">
<div id="headerBox">
<div id="logo"><a href="index.php"><img src="images/Logo.jpg" width="200" height="129" alt="Logo" /></a>
</div>
<div id="headerRight">
<div class="headerRightContactText" id="headerRightContact"><a href="contact.html">Contact</a> NewJerseyRates.com</div>
<div id="headerRightTagline">Customized, Automated NJ Mortgage Rate Quotes <span class="redText">Accurate and Up-to-the-Minute</span>
</div>
</div>
</div>
</div>
<div id="navBar">
<ul class="navBar">
<li class="home"><a href="index.php">Home</a></li>
<li class="faq"><a href="faq.html">FAQ</a></li>
<li class="aboutCredit"><a href="About-Credit.html">About Credit</a></li>
<li class="loanProg"><a href="Loan-Programs.html">Loan Programs</a></li>
<li class="survey"><a href="Survey.html">Survey</a></li>
<li class="homeInspec"><a href="Home-Buyers-Info.html">Home Buyers Info</a></li>
<li class="about"><a href="about_us.html">About NewJerseyRates.com</a></li>
<li class="partnerLinks"><a href="links.html">Partner Links</a></li>
<li class="glossary"><a href="gloss.html">Glossary</a></li>
</ul>
</div>
<div id="content">
<div id="leftNav">
<ul class="leftNav">
<li class="leftNavBuyHome"><a href="Buying-a-Home.php">Buying a Home<img class="navArrowHome" src="images/navArrow.gif" alt="Nav Arrow" width="11" height="11"/></a></li>
<li class="leftNavRefi"><a href="Refinance.php">Refinance<img class="navArrowRefi" src="images/navArrow.gif" alt="Nav Arrow" width="11" height="11"/></a></li>
<li class="leftNavRefi"><a href="Loan-Options.php">Loan Options<img class="navArrowLoanOpt" src="images/navArrow.gif" alt="Nav Arrow" width="11" height="11"/></a></li>
<li class="leftNavRefi"><a href="Mortgage-Rates.php">Mortgage Rates<img class="navArrowMort" src="images/navArrow.gif" alt="Nav Arrow" width="11" height="11"/></a></li>
<li class="leftNavRefi"><a href="Calculators-GuaranteedRate.php">Calculators<img class="navArrowCalc" src="images/navArrow.gif" alt="Nav Arrow" width="11" height="11"/></a></li>
<li class="leftNavAbout"><a href="About-GuaranteedRate.php">About Us<img class="navArrowAbout" src="images/navArrow.gif" alt="Nav Arrow" width="11" height="11"/></a></li>
<li class="leftNavPreApp"><a href="Pre-Approval.html">Instant Pre-Approval</a></li>
<li class="leftNavCustomRates"><a href="index.php">Customized <br />
Mortgage Rates</a></li></ul>
</div>
<!-- InstanceBeginEditable name="Edit1" -->
<div id="editArea">
<div id="iframe"><iframe id="iframeHome" src="<?php echo $todaysURL ?>" frameborder="0">Browser Not Compatible</iframe></div>
</div>
<!-- InstanceEndEditable -->
</div>
<div id="footer">
<div id="template-footer"> 500 State Rt. 35 Middletown, New Jersey 07701 | <script type="text/javascript">
<!--
var linkText = "Email Us "
var preName = "lee.zacharczyk"
var postName = "guaranteedrate.com"
document.write("<a href=" + "mail" + "to:" + preName + "@" + postName + ">" + linkText + "</a>")
//-->
</script> | Web Design by <a href="http://www.littlechisel.com" target="new">Little Chisel Design</a> ©2013 All Rights Reserved</div>
</div>
</div>
</body>
<!-- InstanceEnd --></html>Is no one able to help with this?
-
Can't get rid of Thin line at bottom of images
<a href="about.html"><img src="images/HOMEPAGE/homepage_title.png" alt="Get Started" class="columns" title="Get Started"/></a><br>
<br>
Hi, I can't figure out why my homepage images have a thin line at the bottom of the image. The image itself is not causing this but it must have something to do with the image tag or the CSS but I can't seem to get rid of it and it's driving me crazy. If anyone knows what may be causing this I would really appreciate it. Thanks.adninjastrator wrote:
Looks like ALL your links, including images, have the text-decoration underline and since 3 or the 4 images are links, they are also underlined. Add
text-decoration: none;
to all your achors (a.):
http://www.quackit.com/css/css_hyperlinks.cfm
Best wishes,
Adninjastrator
Adninjastrator, thanks for the link. I looked it over and if I have an image as a link, I don't want there to be a visible link so according to the link here. http://www.quackit.com/css/css_hyperlinks.cfm
I should need to add this code if I don't want a visible link.
a:link { text-decoration: none }
Can you please tell me "where" I would add the above code. The site has 11 styles. What I 've been doing is selecting the image and then looking at the style associated with it and the image seems too use the "clearfix.css" style.. Can you lease tell me if this is correct and where I would add the code to the clearfix style? Thanks.
Here is the code for the "Clearfix" style.
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
html[xmlns] .clearfix {
display: block;
* html .clearfix {
height: 1%;
Put this code at the end of your styles (remove the previous one so that it does not interfere with this one) and then post back.
Good luck.
img {
display: block;
Jtanna and Murray, thanks for the reply.
Would I still need that code or would it be better to edit the current code than to just keep adding code? Just curious. Can I not edit the code's text decoration to fix or is your solution better. If you solution is better then would I just add your code to the bottom of the CSS style above? Thanks.
Maybe you are looking for
-
2nd gen shuffle not working windows 7
I connected my 2nd gen shuffle to my laptop (Windows 7) and it told me I need to restore it, but Itunes keeps crashing every time i tried. I restared my pc, then it stopped showing in Itunes but showed on devices, and was on. Now it does nothing at a
-
Hi, I am working as a Oracle DBA and i want to do OCP 10g certification, is it neccessary to undergo oracle university classes training for OCP certifications. Your suggestions are welcome.
-
Hi All I am using WDA 2 as Interface in WDA 1. From WDA1 I like to call one view of WDA2. WDA 2 has total 4 views. Pleae help me on this...thank you all... Regards Rama
-
E52 NGAGE enquiry.. where is it?
Where is it on the phone? I read that somewhere - on the applications or teh media section there would be an application for this - but i dont have it. i try to send ngage games to my phone and play them - but it says "memory full" ... How would i pl
-
[SOLVED] Flash ignores pulseaudio :(
Well, I recently bought new USB headphones due to my computer's build in audio being absolute crap. Anyway, to get them to work, I had to install pulseaudio over ALSA. Everything works well with almost every application (all media applications unders