Posts by Reliable

Reliable 1 Junior Poster

12 Years Ago

Learning JS

I've gone through Code Academy's beginner's JS course. I would like to not only practice what I've learned more, but now move on to interdemiate lessons. Is there a site like Code Academy offering such things for free and online?

Re: Website Feedback and Troubleshooting

Reliable 1 Junior Poster

12 Years Ago

Thank you everyone again for your feedback. Fixing certain issues seems to be causing others for some reason. It's not that I am not paying attention; it's that the layout that works on my square monitor does't hold for w widescreen. I used the prior fixes which used pixels. Using absolute measurement units is fine for me but creates empty space for widesceen viewers. I then switched to percent, a relative measurement for a liquid layout.

Sorry to frustate everyone with what seems to be same old same old. I am frustrated with myself for not being able to get through this on my own and more quickly thatn I have.

Again, thank you. Your sacrifice of time and effort is truly appreciated.

UI / UX Design daniweb-feedback html-css web-design

Reliable 1 Junior Poster

12 Years Ago

Website Feedback and Troubleshooting

Hello,

Here is the website I have done. Here is the css to the site. Here is the CSS for the menu bar.Lastly, here is the CSS for the menubar to fit on the home page.

#menubar {
    margin-left:169px;
    width:75%;
    }

I'd like someone to let me know why the blue background seems to have a margin. Then, do you think of the remiander of the site. I hope some of you have widescreen monitors as I do not. I'm also running XP. Thanks for the feedback and help in advance.

UI / UX Design daniweb-feedback html-css web-design

Reliable 1 Junior Poster

12 Years Ago

Re: Website Distortion

I'm not so much worried abotu browsers as I am monitor resolutions unless that's what you meant. Thanks for your tips, though

Reliable 1 Junior Poster

12 Years Ago

Re: Website Distortion

Is perhaps some or all of the problem in th fact that my styles are mixed with pixels and percentaegs? Is that confusing the browser (IE)? IF so, would I need to make it percentage uniformly so various screen sizes and resolutions render the same page?? I guess I would have ro convert the pixels aI want into percentages, right?

Reliable 1 Junior Poster

12 Years Ago

Re: Website Distortion

Hey everyone, I seemed to have resolved the distortion issue. Intead of having a body tag width of 100% I made it 1024px. I made it 100% trying to avoid the very problem I now have--whitespace to the right of the webpage. I figured by making it liquid it aould adopt to any resolution or screen size.

I apologize for the "wild goodse chase". After I postred I went seaching my code for solutions and changed some CSS and then couldn't stick around to inform anyone of the changes. For now, I am leaving things as is so you can "search and destroy". Let me know what you find. Thanks again.

Reliable 1 Junior Poster

12 Years Ago

Website Distortion

Hello Again,

Sorry to kep bothering everyone, but I still need a little help. I'm coming across problems I haven't come across before.

My new problem is that beyond a 1024 width resoluton the site--particulalry the home page--gets distorted. As opposed to posting all the code that might be relevatn here I am poting links ot the code. Css for the site, CSS for the menu bar, The PHP include file, and here is teh home page since it's a PHP file:

<!DOCTYPE html>
<html>
<head>
<style>
#menubar {margin-left:16.5%}

</style>
<!--<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />-->
<meta name="keywords" content="INEC, International Nusring Education COnsortium, nursing, study abroad, dominican republic, haiti, dr. mildred fennal, mildred fennal">
<meta name="description" content="INEC is Nurses preparing to serve a global society through study abroad">
<title>INEC...International Nursing Education Consortium</title>

<link href="inec.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>
<link href="SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
</head>
<body onLoad="MM_preloadImages('images/button-hover.png')">
<div id="header">
<div id="left"><a href="index.php"><img src="images/INEC-logo.png" width="118" height="97"></a>
  <div>Nurses preparing to serve a global society through study abroad</div>
</div>
<div id="inec">
<div>International Nursing Education …

Reliable 1 Junior Poster

12 Years Ago

Javascript Functions

Hello All,

I'm just learning JS although I have a fundamental knowledge of Actionscript 3.0 (which is based on JS). I'm a little confused right now as I'm following the lessons on appendTo.com. It seems in JS functions are made into variable and those variable are invoked. Is that how it works? In AS 3.0 funcitons are given names then invoked later. It's kind of messing with my head since I'm used to As 3.0. If that's just how the language works I'll just have to get used to it.

Reliable 1 Junior Poster

12 Years Ago

Before I read your response (thank you for your time, by the way) I made some font changes starting with my seemingly failed attempt at using @font-face for the first time. I went to at least three different sites trying to make the new CSS3 rule work in Firefox to no avail. I commented it out, made a few other font adjustments and voila. The menu bar on the other pages still renders different margin bottoms, but, right now at least, I'm chalking that up as a loss since I viewed in Adobe Browser labs an it looked in most of the browsers there. I'm using the latest versions of the top 5 browsers on XP SP3.

If anyone has further suggestions or can tell me how to get @font-face to work I welcome them. @font-face only seemed to work for me in Chrome. Lots fo people still don't know about Chrome not to mention use it so as a web designer/developer having something only work in Chrome does me no good.

Reliable 1 Junior Poster

12 Years Ago

Your guess is at lLEAST as good if not better than mine. :)

Reliable 1 Junior Poster

12 Years Ago

Yes, that's exactly my problem. The menu bar if fine on IE and Chrome, but not on mobile devices and Firefox. I actually don't want to center it as the CSS changes you provided will do unless that turns out to be the only viable solution and the client gives a thumbs up. My goal was to make it flush with the picture in every brwoser on every platform as it is in the browsers I mentioned.

Reliable 1 Junior Poster

12 Years Ago

I forgot an impoprtant piece of code #menubar {margin-left:16.5%}

Reliable 1 Junior Poster

12 Years Ago

Sorry. Coming right up. That "@media" was really just a hail mary trying to fix the nav bar.

<div id="footer">
<?php include ("footer.html");?></div>
</body>

The included file:

<script type="text/javascript" src="SpryMenuBar.js"></script>

<ul id="MenuBar1" class="MenuBarHorizontal" style="margin-top:-6px">
  <li><a href="index.php" title="home">Home</a>  </li>
  <li><a href="inec-about-us.php" title="about us">About Us</a></li>
  <li><a href="inec-mildred-fennal.php" title="dr. fennal">Our Founder</a>  </li>
  <li><a href="inec-current-projects.php" class="MenuBarItemSubmenu">Current
      Projects</a>
    <ul>
      <li><a href="inec-study-abroad.php" title="study abroad with INEC">Study
          Abroad</a></li>
    </ul>
  </li>
  <li><a href="inec-partners-and-members.php" title="partners and members">Partners &amp; Members</a></li>
  <li><a href="inec-volunteer.php" title="volunteer with INEC">Volunteer</a></li>
  <li><a href="inec-contact.php" title="Get in touch with us">Contact Us</a></li>
</ul>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryMenuBarDownHover.gif", imgRight:"SpryMenuBarRightHover.gif"});
//-->
</script>

The CSS:

#footer {
width: 100%;
margin-top: 32em;
    }



@charset "UTF-8";
@font-face {
    font-family:"Franklin Gothic Book";
    src:url('frabk.ttf');
}
/* SpryMenuBarHorizontal.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, an auto width box with no margin or padding */

@-moz-document url-prefix() {
ul.MenuBarHorizontal {font-size:larger;}
}
ul.MenuBarHorizontal
{
    margin: 0;
    padding:0;
    background-color:#000;
    list-style-type: none;
    font-size: medium;

    cursor: default;
    width:100%;
}
/* 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 a fixed width */
ul.MenuBarHorizontal li
{
    margin:0;
    list-style-type: none;
    display:block;
/*  font-size: 100%;
    position: relative;
*/  text-align: center;
font-family:"Franklin Gothic Book";
    cursor: pointer;
/* …

Reliable 1 Junior Poster

12 Years Ago

Navigation rendering Issue

Hi, my navbar renders fine in IE and Chrome, but not in Firefox or mobile devices. Firefox cute it short while mobile devices extend it. Here is the site. Can anyone tell me what I coded wrong or what hack I need to make it right across teh board? Thanks

Reliable 1 Junior Poster

12 Years Ago

Re: PHP include Problem

Problem solved. Replacing the .html with .php didn't help. I gave it its own div with a left margin. All is well now. With such a simple solution I feel like I had an "uh duh" moment. If the container something is in is too small just give it a bigger container (if possible). THAT's not rocket science. lol

Thanks for the suggestion though. I apprecaite all of you taking the time to try and help.

Reliable 1 Junior Poster

12 Years Ago

Re: PHP include Problem

Assuming all of you are responding after clickign the link provided and knowing the problem, I will try renaming the .html file with .php to see if that helps. I also have nother idea: to simply remove the navigation from the "main" div. Once it it its own entity perhaps I can simply set a maring or a float to give it proper alignment. I'll post which I use/works.

Reliable 1 Junior Poster

12 Years Ago

Re: PHP include Problem

Here is the div with the include inside:

<div id="main">
<img src="images/bigpic.jpg"  alt="register to study abroad">
<?php include 'menu.html';?>
</div>

Here is the html that is included:

<script type="text/javascript" src="SpryMenuBar.js"></script>

<ul id="MenuBar1" class="MenuBarHorizontal" style="margin-top:-6px">
  <li><a href="index.php" title="home">Home</a>  </li>
  <li><a href="inec-about-us.php" title="about us">About Us</a></li>
  <li><a href="inec-mildred-fennal.php" title="dr. fennal">Our Founder</a>  </li>
  <li><a href="inec-current-projects.php" class="MenuBarItemSubmenu">Current
      Projects</a>
    <ul>
      <li><a href="inec-study-abroad.php" title="study abroad with INEC">Study
          Abroad</a></li>
    </ul>
  </li>
  <li><a href="inec-partners-and-members.php" title="partners and members">Partners &amp; Members</a></li>
  <li><a href="inec-volunteer.php" title="volunteer with INEC">Volunteer</a></li>
  <li><a href="inec-contact.php" title="Get in touch with us">Contact Us</a></li>
</ul>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryMenuBarDownHover.gif", imgRight:"SpryMenuBarRightHover.gif"});
//-->
</script>

Here's the CSS for "main":

#main {
    width:67%;
    margin-left:16.5%;
    margin-right:16.5%;
    margin-top:1.25em;
}

I appreciate your time

Reliable 1 Junior Poster

12 Years Ago

PHP include Problem

Hey,

I solved one problem and can't get rid of another. I have used spry menus before with no problem. Now that I want to use the efficiency of an include statement for my navigation it won't style correctly. Here is the site I'm working on. The problem shows on the first page if viewed from a PC and on every page on tablet (I have a Samsung and assume the same results apply to tablets period).

Thanks a bunch for the help. This is getting fruatrating. I'm done with the site except for this one stubborn problem.

Reliable 1 Junior Poster

12 Years Ago

Re: PHP email problem

Thanks, but I actually solved my problem. I was afraid the code might be too long but I wanted to post it all not knowing if there was PHP HTML miscommunication going on or not and there was. My button name was different from the name I had PHP looking for.

Reliable 1 Junior Poster

12 Years Ago

PHP email problem

Hello Everyone,

I don't understand why my code won't work. Everything LOOKS fine, but I don't get the email I'm supposed to get and the screen does not refresh with the thank you message the user should see once the submit button has been pressed. Below is my code (the whole page). THanks in advance for all your help.

<!DOCTYPE HTML>
<html>
<head>
<style>
li {list-style:none}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="INCE, International Nusring Education COnsortium, nursing, study abroad, dominican republic, haiti, dr. mildred fennal, mildred fennal">
<meta name="description" content="INEC is Nurses preparing to serve a global society through study abroad">
<title>INEC...International Nursing Education Consortium</title>
<link href="inec.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>
<link href="SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
<link href="form.css" rel="stylesheet" type="text/css" media="all">
</head>
<body onLoad="MM_preloadImages('images/button-hover.png')">
<div id="header">
<div id="left"> <a href="index.php"><img src="images/INEC-logo.png" width="118" height="97"></a>
<div>Nurses preparing to serve a global society through study abroad</div>
</div>
<div id="inec">
<div>International Nursing Education Consortium</div>
<a href="inec-study-abroad.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('study abroad button','','images/button-hover.png',1)"><img src="images/button.png" alt="press to study abroad with inec" name="study abroad button" width="108" height="28" border="0"></a> </div>
</div>
<div class="clear"></div> …

Reliable 1 Junior Poster

12 Years Ago

Incldue whitesapce

Hey there,

I had to place an include statement inside a div and style the div with negative top margin in order to remove some unwanted white space mysteriously created between the include statement and the image right before it. Why'd I have to do that? Is that normal practice or behavior for include statements? Here's my code just so you can se what I did. Thanks in advance for your time.

<!DOCTYPE html>
<html>
<head>
<!--<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />-->
<meta name="keywords" content="INCE, International Nusring Education COnsortium, nursing, study abroad, dominican republic, haiti, dr. mildred fennal, mildred fennal">
<meta name="description" content="INEC is Nurses preparing to serve a global society through study abroad">
<title>INEC...International Nursing Education Consortium</title>
<link href="inec.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/button-hover.png')">
<div id="header">
<div id="left"> <a href="index.php"><img src="images/INEC-logo.png" width="118" height="97"></a>
<div>Nurses preparing to serve a global society through study abroad</div>
</div>
<div id="inec">
<div>International Nursing Education Consortium</div>
<a href="inec-study-abroad.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('study abroad button','','images/button-hover.png',1)"><img src="images/button.png" alt="press to study abroad with inec" name="study abroad button" width="108" height="28" border="0"></a> </div>
</div>
<!--<div class="clear"></div> …

Reliable 1 Junior Poster

12 Years Ago

Re: PHP refreshing my page

RIght now my entire page refreshes (or at least it appears so). I just want the section in which the form is enclosed to refresh.

Reliable 1 Junior Poster

12 Years Ago

Re: PHP refreshing my page

Thank you for your responses. Below is the code from my own temporary landing page.

<!DOCTYPE html>
<title>MTech Enterprises  is Being Remodeled</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=.5, minimum-scale=.5, maximum-scale=2, target-densitydpi=device-dpi" />
<link href="http://fonts.googleapis.com/css?family=Open+Sans:300" rel="stylesheet" />
<link href="css/site.css" rel="stylesheet" />
<script src="js/jquery-1.8.2.min.js"></script>
<script src="js/slides.min.jquery.js"></script>
<script src="js/jquery.countdown.min.js"></script>
<script src="js/site.js"></script>
<body>
  <div class="slides" id="slides">
    <div class="slides-container">
      <div class="slides-slide"><img src="i/bg-1.jpg" alt="Women's Conference Flyer" width="1280" height="800" class="pseudo-bg" /></div>
      <div class="slides-slide"><img src="i/bg-2.jpg" alt="Marketing Website" width="1280" height="800" class="pseudo-bg" /></div>
      <div class="slides-slide"><img class="pseudo-bg" src="i/bg-3.jpg" alt="eBLast for online video company" /></div>
    </div>
  </div>
  <div class="l-main">
    <div class="textual">
      <h1 class="textual-title">MTech Enterprises</h1>
      <h2>Coming back really soon</h2>
      <p class="textual-p">We're giving our site a fresh new look for the fresh new year</p>
      <h2>Call 708-955-2382 for a FREE quote on your current project</h2>
      <p></p>
      <h3>Click <a href="https://www.facebook.com/pages/MTech-Enterprises/108125962594230?sk=photos_stream" target="_blank">here</a> to view our portfolio</h3>
      <ul class="countdown" id="countdown">
        <li class="countdown-col"><span class="countdown-digits" id="days"></span>Days</li>
        <li class="countdown-col"><span class="countdown-digits" id="hours"></span>Hours</li>
        <li class="countdown-col"><span class="countdown-digits" id="minutes"></span>Minutes</li>
        <li class="countdown-col"><span class="countdown-digits" id="seconds"></span>Seconds</li>
      </ul>
      <div class="subscr">
    <?php
if (isset($_POST['submit']))
{
$to = "dmiller@mtechenterprises.com";
$subject = "MTech Mailing List";
$message .= $_POST['email'];

mail ($to, $subject, $message);

echo "<p style='text-align:center;color:#fff; font-family: Arial, Helvetica, sans-serif; font-weight:bold; margin-right:15px'>Thank you. We appreciate your interest.</p>";

}
else 
{   
?>
    <form  method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>">
        <input type="submit" class="btn" value="Get in the know" name="submit"/>
        <input class="subscr-input" placeholder="Your email here" name="email" id="email"/>
        </form>
 <?php
}
?>
      </div>
      <p class="textual-small">Please provide us your email address so you can stay abreast of all our special offers.</p>
      <div class="social-wrap">
        <a href="https://www.facebook.com/pages/MTech-Enterprises/108125962594230"><span class="social social-fb"></span></a>
        <a href="https://twitter.com/creative_pro"><span class="social social-tw"></span></a> …

Reliable 1 Junior Poster

12 Years Ago

PHP refreshing my page

Hey everyone,

I was under the inpression that PHP would refresh dynamically and not necessarily the whole page. When I make forms in PHP I am noticing the entire page gets refreshed before the new content is displayed. this is the oppsite of what I am trying to acheive. If I wanted that result I would just make 2 HTML pages. An example is on my own site right noe mtechenterprises.com. What language will give me what I want?

Thanks for the help

Replacing CSS "float" for mobile

Reliable 1 Junior Poster

12 Years Ago

I made a website that has a floated div which contains the contact form. The entire website can be seen on all platofrms and on all browsers except for teh contact form. After some research I believe the floatd div is rpeventing the contact form from being viewed on tablets (eg. iPad) and phones. How can I circumvent this problem without sacrificing the layout? If you'd like to see the site feel free.

Thanks for help in advance.

UI / UX Design html-css web-design

Reliable 1 Junior Poster

12 Years Ago

Re: Contact Form Not Showing in IE

Amended question. When I test on IE9 on my Windows 7 PC I can't see the form, but I can when I use online browser testing tools. ANyone know what that is about?

Re: Contact Form Not Showing in IE

Reliable 1 Junior Poster

12 Years Ago

I have IE 9 on my PC on Windows 7

Reliable 1 Junior Poster

12 Years Ago

Contact Form Not Showing in IE

Hello Hello,

I'm looking for some quick help if possible. I have webpage up that works perfectly except in IE. In IE the contact form won't even show. I have no idea what the problem is. If someone would take a loook and provide assitance I would be oh so appreciative. Thanks a bunch.

<!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>Mrs. Ward's Easy as Pi Summer Math Camp</title>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript">
$(document).ready(function () {
    $('textarea').focus(function () {
        defaultText = $(this).val();
        $(this).val('');
    });
    $('textarea').blur(function () {
        if ($(this).val() == "") {
            $(this).val(defaultText);
        }
    });
});
</script>
    <!--[if IE]>
    <style type="text/css" media="all">.borderitem {border-style: solid;}</style>
    <![endif]-->
<style type="text/css">
body {
    background-color: #009;
    margin: 0;
    padding: 0;
}
body * {
    font-size: 100%;
}
img {
    display:block;
    margin:0 auto;
}
div.clearFloat {
    clear: both;
    font-size: 0;
    height: 0;
    line-height: 0px;
}
.clearFloat {
    clear: both;
}

#main {
    margin: 0 auto;
    width: 800px;
}
#top {
    margin-left: 0px;
    margin-top: 0px;
    display: block;
    margin-bottom: 0;
    width: 800px;
}
#bottom_back {
    margin-left: 0px;
    margin-top: 0px;
    background-image: url(images/bottom_back.gif);
    overflow: hidden;
    display: inline;
    float: left;
    height: 498px;
    margin-bottom: 0;
    width: 800px;
}
#welcome {
    width:499px;
    height:298px;
    background-image:url(images/welcome.gif);
}

#right {
    float: left;
    margin-left: 10px;
    margin-top: 30px;
}
#left {
    float:left;
    width:498px;
    padding-left:20px;
}
.paypal {
    margin-left:150px;
    padding-top:240px;
}
input, textarea {
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    background-color:#006;
    color:#CCC;
}
.button {
    padding:0;
    background-color:transparent;
    background-image: url(images/register_button.jpg);
    text-indent:1000px;
    width:133px;
    height:51px;
    border:0;
    cursor:pointer; …

Re: Contact Form Not Showing in IE

Reliable 1 Junior Poster

12 Years Ago

I've eliminated that open div at the end of the page but the form still doesn't show in IE.

Web Development html-css php

Reliable 1 Junior Poster

12 Years Ago

Contact Form Not Showing in IE

Hello Everyone,

I've made a web page which you can see here that works fine on every major browser EXCEPT IE. In IE the contact form doesn't show. Here's the 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>Mrs. Ward's Easy as Pi Summer Math Camp</title>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
    <script>
$(document).ready(function () {
    $('textarea').focus(function () {
        defaultText = $(this).val();
        $(this).val('');
    });
    $('textarea').blur(function () {
        if ($(this).val() == "") {
            $(this).val(defaultText);
        }
    });
});
</script>
    <!--[if IE]>
    <style type="text/css" media="all">.borderitem {border-style: solid;}</style>
    <![endif]-->
<style type="text/css">
body {
    background-color: #009;
    margin: 0;
    padding: 0;
}
body * {
    font-size: 100%;
}
img {
    display:block;
    margin:0 auto;
}
div.clearFloat {
    clear: both;
    font-size: 0;
    height: 0;
    line-height: 0px;
}
.clearFloat {
    clear: both;
}

#main {
    margin: 0 auto;
    width: 800px;
}
#top {
    margin-left: 0px;
    margin-top: 0px;
    display: block;
    margin-bottom: 0;
    width: 800px;
}
#bottom_back {
    margin-left: 0px;
    margin-top: 0px;
    background-image: url(images/bottom_back.gif);
    overflow: hidden;
    display: inline;
    float: left;
    height: 498px;
    margin-bottom: 0;
    width: 800px;
}
#welcome {
    width:499px;
    height:298px;
    background-image:url(images/welcome.gif);
}

#right {
    float: left;
    margin-left: 10px;
    margin-top: 30px;
}
#left {
    float:left;
    width:498px;
    margin-left:20px;
}
.paypal {
    margin-left:150px;
    padding-top:240px;
}
input, textarea {
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    background-color:#006;
    color:#CCC;
}
.button {
    padding:0;
    background-color:transparent;
    background-image: url(images/register_button.jpg);
    text-indent:1000px;
    width:133px;
    height:51px;
    border:0;
    cursor:pointer;
}

#thanks {
    text-align:center;
    color:#006;
    font-family:"Arial Black", Gadget, sans-serif;
}

.thanks {  }
</style>
</head>

<body>

<div id="main">
<div id="top">
    <img src="images/ez_as_pie_top.gif" width="800" height="701" …

Web Development html-css php

Reliable 1 Junior Poster

13 Years Ago

Dynamic Page Content

Hello Everyone,

I'm trying to change the page content based on which link is pressed. Can someone tell em hwy my code doesn't work, please? Last error I got was a parse error on line 43. Thanks

<!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>PHP content Change </title>
<style type="text/css">
li {
	list-style-type: none;
	display: inline;
	margin-right: 15px;
}
</style>
</head>

<body>
<img src="http://www.grass-rootsfoundation.org/images/grass4_r1_c1.jpg" width="980" height="114" />
<h1>ABOUT US</h1>
<ul>
  <li><a href="contentchange.php?link=1">President</a></li>
  <li><a href="contentchange.php?link=2">Staff</a></li>
  <li><a href="contentchange.php?link=3">Board of Directors</a></li>
</ul>
<?php
if (isset($_REQUEST['link'])) {
$link = $_REQUEST['link'];} 
else {$link = 1;}
  switch ($link) {
  case 1:
  include ("aboutroots.html");
  break;
  case 2:
  include ("rootsstaff.html");
  break;
  case 3:
  include ("rootsdirectors.html");
  break;
  default:
  	$link = 1;
	break;
 ?>
</body>
</html>

Formatting Text Inside an Array

Reliable 1 Junior Poster

13 Years Ago

Hey Everyone,

Thanks for taking the time to read this and help me with my problem. I grabbed this code from Dynamic Drive. I'm trying to style it better. I've had some success, but some thing are giving me a run for my money since i don't know JS.

I would actually like the text to scroll from right to left instead of up and down
The only way I can figure out how ot get the quotes inside by scroller to look like quotes is to add an insane amount of spaces (&nbps;). Even still I'm not getting the precise results I am looking for aon all of them.

Here is the page I am working on.

Again, thanks for your time.

Reliable 1 Junior Poster

13 Years Ago

Hey Everyone,

I decided to learn Fireworks CS4 and make it a apart of my arsenal for website layouts since it has the CSS export feature. I used to slice in Photoshop and have now learned to slice with Fireworks. The only thing is it seems even this is limited or I am not doing something right. Slicing a web layout when there is a clear distinction between text and graphics works just fine. I'm having problems, however, slicing and separating text from graphics when the two overlap or when there are graphics serve as text background.

Anyone have any ideas? Have I missed a technique or something? Thanks for your time and help.

UI / UX Design ui-ux web-design

Reliable 1 Junior Poster

14 Years Ago

Hey Everyone,

I am hopign someone can help me out. I'm trying to learn how to use Fireworks to slice and export my website layouts since it has been given the CSS functionality. Problem the examples I have seen on ly show simple layouts wehre there are clear boundaries between pictures adn text. It doesn't seem to work so well with complicated layouts. Can anyone assit with this please?

I even download a PSD to practice on. Please note at the time I wrote this I got a 509 "Bandwidth exceeded" error. Link may or may not work.

So can you help me understand how I would slice this in Fireworks CS$ to export the CSS for importing into Dreamweaver WIHTOUT a bunch of absolute divs? THanks

UI / UX Design ui-ux web-design

Reliable 1 Junior Poster

14 Years Ago

Flash and After Effects

I was wondering if anyone here integrates Flash with After Effects at all for you web projects or any elements thereof or even if, perhaps, you use AE in lieu of Flash on certain projects. I know AE is primarily video but since it has such awesome animation capabilities I was thinking of putting it my arsenal for a new level of webdesign.

AS 3.0 target and currentTarget

Reliable 1 Junior Poster

14 Years Ago

Good Afternoon Everyone,

AM I correct in that it is ok to use event.target if the target movie is a stand alone object. But I need to use event.currentTarget if the movie clip has children inside?

UI / UX Design actionscript multimedia web-design

Reliable 1 Junior Poster

14 Years Ago

Reveal Content with Checkbox

Hey everyone,

Got a problem. I don't know JS and I've googled my problem. Either I'm not find what I need or I am not understanding what I've found.

As the title says I have a form which check boxes. The last check box is labeled "other". What I want is that when the user clicks other my text field contained in my hidden "details" div will be displayed so they can specify "other".

Here is the JS code I have in the head of my page:

<script type="text/javascript" language="JavaScript"><!--
function RemoveContent(d) {
document.getElementById(d).style.display = "none";
}
function InsertContent(d) {
document.getElementById(d).style.display = "";
}
//--></script>

Here is the code on the "other" check box:

<label class="checks">
        <input type="checkbox" name="Other" id="other"   onselect="PresentForm ('details');" />
        Other</label>

...and the code for the details div:

<div id="details" class="checks">
    <label >
    <input type="text" name"details" size="30" />Please Explain</label>
    </div>

Here is the CSS for the details text field:

#details {
	padding-left:20px; 
	display:none;
}

Can someone help, please?

Thanks in advance for your time.

Reliable 1 Junior Poster

14 Years Ago

Seek failed.....

I downloaded an FLA from a server. When I went to open it it told me Seek failed. I tried a couple of times to no avail. I've never seen this message before and it doesn't happen on any other FLAs I have. what's this all about?

Reliable 1 Junior Poster

14 Years Ago

Re: Invisible Flash Movieclip

Never mind. Solved my own problem. I was importing the PSD incorrectly.

I had a gradient layer that went from blue to transparent and was under text but over the other pictures. When I imported I was importing the gradient layer as a flattened image which merged it with the other pictures underneath. I need to import it as a bitmap with editable layer styles.

I'm using Flash CS4, by the way...for those who may run across the same or a similar problem.

Reliable 1 Junior Poster

14 Years Ago

Invisible Flash Movieclip

I've instantiated my movie clips and set visible to false. I even set up the linkage properties, assigned variables, and set alpha to 0, but I can still see them. they are on the stage in frame 1 but I want them invisible until told otherwise.

Overall, instead of using the timeline to fade movie clips in and out at certain intervals I'd e like to transition that task to AS 3.0 How do I accomplish this? Thanks for your help.

Reliable 1 Junior Poster

14 Years Ago

Text Transform

Hey everyone,

Quick question..why would I use the text transform property when I could just type it how I want it?

Thanks for your time.

UI / UX Design html-css web-design

Reliable 1 Junior Poster

14 Years Ago

Happy New Year Everyone!

By the time you read this perhaps you have enjoyed a safe fun and fun New years celebration. I have been making the graphics for my deisgn in Photoshop and putting them together in Dreamweaver. While I will still use Dreamweaver I recently fired up Fireworks I have been trying to learn slicing with Fireworks since it has new CSS capabilities.

I have watched and read tutorials and it seems that slicing works with simple sites where there a re clear boundaries between texts and graphics adn maybe even not a lot of graphics. ON complex sites, however, slicing, so far, does not seem to be an efficient way to do things. ANy suggestions? AM I missing something with Fireworks slicing capabilities? Maybe i am slicing incorrectly (although I don't see how)? I even watched a Lynda.com video on Fireworks but, again, this seems to only be fit for simple sites.

Thanks for your time.

UI / UX Design html-css ui-ux web-design

Reliable 1 Junior Poster

14 Years Ago

Re: Tabbed Navigation

Thanks. I'll check out the article behind the link. I won't be using CSS3, though until it becomes more supported in browsers.

Reliable 1 Junior Poster

14 Years Ago

Re: Tabbed Navigation

Thank you for your help, and, you'r right. I should have been more clear. I didn't think about that. I have already accomplished one of the goals you mentioned with CSS whereby the background changes in a square shape. I was looking for the rounded corner look and was hoping to make a "one size fits all" image when it came to a solid color.

Reliable 1 Junior Poster

14 Years Ago

Tabbed Navigation

Hello,

Yes, I've googled it, but want to check for confirmation (mire if a trust issue). If I make colored tabs for my navigation elements that are at least as large as the largest element if not larger and set them as background images for a:hover will the image put itself into the smaller space so I have nice looking tab effect? For example, the biggest link on my nav bar my be "Services". If i may a tab image at least that big if not bigger w, when the user hovers over "Home" will the image still fit nicely in the background giving the desired effect?

Thanks for your time.

Reliable 1 Junior Poster

14 Years Ago

Hello Everyone,

I've been trying to see if it would be faster to learn to slice my layouts in Fireworks CS4 and export to Dreamweaver or just continue to prepare my assets separately in Photoshop and manually piece them in Dreamweaver.

TO that end I have attached the Free PSD I downloaded and have been trying to slice. IS there a way to slice this and have it come out as it looks? Well..it wouldn't let me attach it so here is the link to it.

UI / UX Design adobe multimedia ui-ux web-design

Reliable 1 Junior Poster

14 Years Ago

Flash Hourly Rate

Hey Everyone,

I would like to get a general consensus on what the average rate per hour is amongst you for Flash work? Do you charge per hour or by the project. I'm going to do a header for someone and I'm trying to come up with fair price.