Jump to content

jlhaslip

Members
  • Posts

    2,568
  • Joined

  • Last visited

Posts posted by jlhaslip

  1. <span> is an in-line element and <div> is a block-level element. Use spans inside of div's.Tables are not designed to structure a page, although they do work for that. Do it however you want, but there are distinct advantages to div's and css. File size and speed of loading for one thing. Tables are bulkier and take longer to load. They are more difficult to modify.

  2. Current versions of Firefox don't work on an iMac. I have an iMac ppc G3 running OS9 and the best FREE Browser available for it is Netscape 7. It also has IE5 for mac, but it is a terrible Browser, requiring hacks for most pages.

  3. another debug tool is to perform a print_r() or a var_dump() of the $_POST array just before the INSERT command to see what is being submitted from the Form.*wait*The db is being connected to, the db is being selected, the SQL code is there, but the Query is never made.

     // Execute the query:$r = mysql_query ($con, $sql);// Print a message indicating success or not:if (mysql_affected_rows($con) ==1) {echo '<b><font color="green">The form information has been added!</font></b>';} else {echo '<b><font color="red">The form information could not be added!</font></b>';}

    Add that code snippet just before the print() you have.(I think)

  4. try adding some margin-bottom or padding-bottom (not sure which would work for what you want) to this element

    ul.port li img {float: left;border: 1px solid #2A2721;padding: 1px;margin-right: 15px;}

    Might have to play with it a little to achieve the look you want..And to avoid the other problem, inside a containing div which is centred (portfolio), use two different named Div's. Float the first one (port_left) left, and the second one (port_right) right. Might work. Not tested.Something like this:

    #portfolio {width: 450px;padding: 10px 75px 75px;margin-left:auto;margin-right:auto;text-align:center;}ul.port_left {padding: 20px 0 auto 0; // might also add an actual px value instead of auto?display: block;float:left;}ul.port_right {padding: 20px 0 auto 0;display: block;float:right;}

    Ummm, I'll have some time tomorrow to have another look at this. It is late and this might not be the best way.And could you post a link to the site, please. That way we can download the full html and css to review. Thanks.

  5. Honestly?Okay, here goes:1. you don't have a Doc Type Declaration.2. The CSS is embedded in the Head and on the page.3. Table based.4. <b> tags are passe. use <em> or <strong>5. class = "1" or "one" ???Other than that, nice enough.

  6. Have you tried using a one-click installer like XAMPP? Works like a charm. Also, there are some things which need to be handled differently in Windows XP. You need to change a dll file or something.I would be tempted to uninstall the Apache and Php and use XAMPP or an equivilant installer.

  7. If you are re-submitting a page that has $_POST or $_GET information attached to it, the Browser issues these warnings. I don't know how or if you can lose the warning except perhaps issuing a header redirect back to the original page. Php may be required to do that.*edit*I am thinking there must be session information which is expired? maybe??? The session stuff isn't there in your code, so hard to tell.

  8. CSS files are not 'dynamic', meaning they really can not be used to select the image for the page. Have you tried using the same image and css for all pages, but adding a new background image for selected pages and adding the style into the head of those pages? Add this line between the style tags in the html file (changing the image name):

    #header {background:#f0f8ff url(img/NEW_front.jpg) bottom left no-repeat;}

    According to the 'cascade', the elements and attributes styling in the head of the page should be the one chosen for display in that case. The other attributes should remain unchanged for the elements that are not altered in the page head..

  9. For a humourous explanation, read this article:http://www.oreillynet.com/pub/a/network/20...ist.html?page=1CSS Layout using div's is far easier once you become familiar with the process. Tables were never intended for layout of pages, only "tabular" data should be inside tables. The emphasis is on seperating the structure and content of a page from the "presentation" of the page. CSS layout does that for you. And saves Bandwidth on your account as well. :) because most Modern Browsers cache the CSS files , whereas tables are bulky for bandwidth usage. Read more articles to fully understand it.And this article explains it even better.

  10. html

    <html><head><link rel="stylesheet" href="JBudd_files/style.css" type="text/css"><title>JBudd</title></head><body><div id="banner">JBudd</div><div id="nav"><a href="http://www.x-programming.com/clients/jbudd/newsletters.php">Newsletters</a><br><a href="http://www.x-programming.com/clients/jbudd/talentresource.php">Talent Resource</a><br><b><u>Media</u></b><br><a href="http://www.x-programming.com/clients/jbudd/movies.php">---Movies</a><br><a href="http://www.x-programming.com/clients/jbudd/audio.php">---Audio</a><br><a href="http://www.x-programming.com/clients/jbudd/images.php">---Images</a><br><a href="http://www.x-programming.com/clients/jbudd/store.php">Store</a><br><a href="http://www.x-programming.com/clients/jbudd/forum.php">Forum</a><br><a href="http://www.x-programming.com/clients/jbudd/links.php">Links</a><br><a href="http://www.x-programming.com/clients/jbudd/pressrelease.php">Press Release</a><br></div><div id="promo"> /* place this floated div before the centred div */Tra la la la la la, this is a test, this is only a test.</div><div id="content"><h1>News</h1>The site is coming along nicely!</div></body></html>

    CSS

    body {background: #d3d3d3;margin-left: auto;margin-right: auto;text-align:center;}h1 {margin-left: auto;margin-right: auto;text-align: center;}#banner {text-align: center;margin: 10px;height: 70px;}#nav 	{text-align: left;float: left;width: 180px;padding: 5px;background: #ffffff;	}#main{;}#content {width: 460px;padding: 10px;margin-left: auto;margin-right: auto;text-align:center;background: #ffffff;}#promo {text-align: left;float: right;width: 180px;padding: 5px;background: #ffffff;	}

  11. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html><head><title>Paramasivan's demonstration </title><style type="text/css" media="screen">td.normaltext{font-size:11px;color:blue;font-weight:normal;font-family:verdana,Arial;}</style></head><body leftmargin=0 topmargin=20 marginwidth=0 marginheight=0 bgcolor="#DEE7E7"><table border="0" cellspacing="0" cellpadding="0" width="100%"><tr><td colspan="2" class="normaltext">this is normal text<b>This is bold text. You have to check it out.</b><font color="red"><small>*</small></font></td></tr></table></body>

  12. Absolute positioning will do exactly that. Because it is removed from the document flow for rendering the page and then added back in at the position specified, the page does not accommodate its length. (short version)The cure is to wrap all of those div's inside a containing div and delete the position absolutes. Use the Normal Document Flow to do what you want. Floats, margins and paddings will do this for you.

×
×
  • Create New...