Posts by almostbob

http://www.bbclone.de

too easy, , ,
the w3c code validators provide more than a list of errors, they provide a list of suggested corrections
work through top to bottom
often there are half as many errors as it seems
html is linear everything is handled in the order it is typed in

If you fix an error on line 1 that is the cause of an error on line 99, the error on line 99 goes away too

its definitely not the worst code, there have been problems that just display blank screens, in everything

hands up everyone who has done that
(no hands but mine?? you are all lying HA HA HA)

incorrect

<input gtbfieldid="21" name="NOW">

correct

<input type='text' gtbfieldid="21" name="NOW

requires a type

dont get grumpy
the Q shows exactly what you have to change

input field REQUIRES A TYPE

likely your button requires a type too, its a 'submit' perhaps
incorrect markup fails interestingly in browsers. Quirks mode does not display well, often does not display at all
the recommended fixes, to add the required type to the input fields and
now
to any other fields that have required attributes,

whether you DO it is up to you
but your site dont work
mine do
you havent any other answer

incorrect

<input gtbfieldid="21" name="NOW">

correct

<input type='text' gtbfieldid="21" name="NOW">

requires a type

text field is <input type='text' name= radio button set is <input type='radio' name= checkbox is <input type='checkbox' name= reset button <input type='reset' submit button is <input type='submit' required attributes type name

a good code editor would not permit you to make this error,
as soon as you type <input
a good editor completes it to <input type="

a blatant plug for notepad++ for which I sadly do not get a kickback

online look at w3schools.com, devguru.com for tutorials and code samples
there are a lot of online courses and hints,

Edit:: didnt notice the omission of type initially,
but first reply did include type attributes
editor corrected the code as it were pasted in,
apologies,

input:text
input:radio
input:checkbox
input:reset
input:submit
select

read any of the threads, Tables Vs CSS
tables do not display well anywhere
fixed pixel sizes do not display well anywhere
inline styles do not display well anywhere,

the code is out of whack, start and end tags are misaligned
You have a lone </td> outside of the <tbody>, not in a <tr>
for a code compliant browser that will cause problems
html errors will put browsers into quirks mode, which is different for every browser, and may caus the page to fail in spectacular fashion

<tag1><tag2></tag1></tag2> does not work
<tag1><tag2></tag2></tag1> is required
try to get the inline styles into the external stylesheet that is already being used, 1 style declared once is much smaller than 1 style for each tag, so much faster, easier to correct

http://validator.w3.org/check?uri=http%3A%2F%www.amber-instruments.co.uk&charset=%28detect+automatically%29&doctype=Inline&group=0 html check

http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.amber-instruments.co.uk&profile=css21&usermedium=all&warning=1&lang=en CSS check

try these code checkers

echo $result2;

input { /* as you said, generic */  }
input:text {background-color:transparent}
input:button {background-color:blue}
input:reset {background-color:red}
input:submit {background-color:green}
input:radio { /* etc */  }

for any html_element

html_element
html_element:type (as in <input type='text'
html_element.class (as in <div class='dontprint'>
html_element#id (as in <div id='13'>

and the generic

:type
.class
#id

can all be styled individually or in combination, for size, color, layout, position, visibility, z-index(height above or below other elements), transparency, & 999 other things I havent remembered

pages that reformat to suit the output device
@media screen {body { /* bla bla bla */ }}
@media print {body { /* bla bla */ }}
@media handheld {body { /* bla */ }}

ruminate while we illuminate the possibilities

http://www.w3schools.com :: some tutorials predate current best practice, most are at least functional, and provide a background to build on

ignoring all the javascript BS

<html>
<head>
<style type='text/css'>
input { background-color:transparent; }
input.red { background-color:red; }
input.blue { background-color:blue; }
</style>
</head>
<body>
<input type='text'>
<input class='red' type='text'>
<input class='blue' type='text'>
</body>
</html>

css, cascading style sheets, let you set the style of the page
javascript is more used for user interaction
the script in the sample is outdated
language='javascript' is deprecated in favor of type='text/javascript'
very outdated, netscape is long dead,
elements overlap,
the form starts inside a tr and ends outside the table
but,, if it works, it works,

<th> table header,
a td with special attributes, can be styled separately to show as a header, can be accessed by scripts to toggle sorting on the columns below

consistent layout with css, when you go from
'my first website',
'my second website',
to
'my database driven website',

exactly what content will be on a page,
built on the server in response to prior page queries,
knowing the layout will work is vital

How can people provide a solution when the code you've given doesn't do anything?

like this

Venom, this may provide the solution without js BS

.link { font-size:12px; font-weight:bold; color:#666666; text-decoration:none; text-align:center; cursor:pointer; }
.link:hover { text-decoration:underline; }
.imageHolder { width:236px; height:236px; background-color:#EBEBEB; text-align:left; }
#overlay_white { display:none; float:left; position:absolute; margin:0; padding:0;}
#overlay_white:hover { display:block; float:left; position:absolute; margin:0; padding:0;}

<a class="link">
<div id="overlay_white">overlay image goes here</div>
<div class="imageHolder">news image goes here</div>
</a>

if sisplay:block; fails display:inline; will work, its been a long time since I had to set up any new css, I get messed about with which works where

this thread parallels web design,,
wants
works
works better, solved

My apologies, I did not read,
nor can I see anything that says
"look at what the ** did, this is a personal attack"
you could have accepted that someone else thinks the same way you do
or you could
traho vestri caput capitis ex vestri rectum

<!-- style out in the external stylesheet usually -->

.con {height:300px;width100%;}
.in {width:25%;height:100%;float:left;

<div class='con'>
<div class='in'><img src="image1"><br>description 1</div>
<div class='in'><img src="image2"><br>description 2</div>
<div class='in'><img src="image3"><br>description 3</div>
<div class='in'><img src="image4"><br>description 4</div>
</div>
<div class='con'>
<div class='in'><img src="image5"><br>description 5</div>
<div class='in'><img src="image6"><br>description 6</div>
<div class='in'><img src="image7"><br>description 7</div>
<div class='in'><img src="image8"><br>description 8</div>
</div>

I like tables for tabular data, its much easier to sort a table by column to change the view of data, by name size, address, etc. but that is for data that is tables, the layout of my tables, the way they look, is set in css,

after all the tests with return false, just before the final closing brace return true }

sorry, web standards is not real life standards ok. there is absolutely no dtd needed for a website to display in all the major browsers such as firefox ie flock chrome safari..opera even

so u need to just take that attitude ang get some respect for real life standards.

16th Nov 2009
well i had to use a doctype once for certain positioning on a big image( abunch of divs) cause it didnt work without the doctype. why i dont know... but all my other pages i dont add docs because well... i looked and looked and didnt understtand a thing i read on doctypes. .

cause it didnt work without the doctype
and that is in the one browser that skank uses
the other 99.999% of possible browser OS combinations.....
with apologies for the perjorativedumb as a stumpignorance can be fixed, by teachingyou cant fix stupid

somebody is going to ask

sig spammer:noun:perjorative; one who posts irelevant answers in forums with a high PR to get their sitelinks noted in SE

see also: idiots who have not heard of nofollow

precisely why do you imagine the variable
CountryStateArray,
is not called
CountryStategee whiz, its an array
html <select> on submit parses to
option => valuegee whiz, its an array
NEXT::
javascripts are not language='javascript'
javascripts are represented as type='text/javascript'
the country state selector you downloaded is very out of date
(the Australia array is missing AAT (at 6,000,000 sqKM the largest landmass on earth) and NI), and may not function in some browsers untill the code errors are corrected

html <label> tag <-- cute response too

the label tag provides the now standard clickable text that toggles radio buttons, the user does not have to get the mouse on an 8px area. improves the UI, and behaves as the user expects

id is unique to a single element getElementByID(id), for=id, only reference a single element (ensuring the label toggles only the input to which it is attached)
name is not unique, all radio buttons in a set have the same name

attributes are 'quoted' so I added the required quotes to the values, unquoted values = 'quirks mode' = where did my page go

EDIT::just noticed there is an error in post4, lable is supposed to be label, may be obvious but JIC

code is broken,
examine the color coded html in the op,
you will notice that all the unencoded ' in the arrays change the colorscheme. this indicates the code is broken at that point
the code will not work correctly untill you repair all those improper apostrophes to
&apos; or & # 3 9 ;(broken on purpose no spaces in the green text, daniweb's ui keeps parsing the scrap to an apostrophe even if noparse is set)
the broken &apos; expose reserved words like 'in' 'for' 'do' in your array, see also the color code in the op

return script value of true if all tests pass

function {
test { /*.bla bla bla */; return false }
test { /*.bla bla bla */; return false }
test { /*.bla bla bla */; return false }
test { /*.bla bla bla */; return false }
return true }

errors would be apparent in the code with the use of a code highlighting editor, most editors have code highlighting, but you have to turn it on
if using an editor without code highlighting I get good results with notepad++

Gee Evolution,
Kudos for the politeness
I would have just written RTFM

either check the existence of the data

<td> <input type='radio' value='No' name='manager' id='managerno'><label for='managerno'> No</label> 
<input type='radio' value='Yes' name='manager' id='manageryes'><label for='manageryes'> Yes </label></td>

<?php
if(isset($_post['manager'])) { $manager = $_POST["manager"]; } ?>

Or
Give a default answer so the data field is populated

<td> <input type='radio' value='No' name='manager' id='managerno' checked='checked'><label for='managerno'> No</label> 
<input type='radio' value='Yes' name='manager' id='manageryes'><lable for='manageryes'> Yes </label></td>

$manager = $_POST["manager"];

the <label> tag,, Gold

echo $_post['form_action']; and make sure the 'submitted' value is what you expect
$post is set to the form value, and the value is 'submit' 'Enter'(button label)
I dunno
could be something simple

welcome

or use an array of ud/html

<?php
$UD = array(
'yes' => 'this way up',
'no' => 'other way up',
'up' => 'down',
'down' =>	'up',
'green' => 'red',
'red' => 'green'
);

if(all_condtions_as_b4) { echo $UD["$_post['ud']"]; } ?>

<?php if(isset($_post['ud'])) {
if(($_post['ud']=='first allowed entry')||($_post['ud']=='second allowed entry')||($_post['ud']=='third allowed entry') ) { include("$_post['ud'].php"); }
}
else include("default.php");
?>

permitted values include a php scrap containing the html appropriate to the value
there can be any number of acceptible values and insert pages
its not pretty, but its a thought concept

DAWN, THIS INTERESTES ME. does this mean in html5 you can play videos and such media with slverlight and java? couldnt u do that before? i dont understand,

html5, spec includes native media player, without silverlight flash java or other plugin
http://dev.w3.org/html5/spec/Overview.html

K,
stay with it till there is something in html 5/6 that you need

zero has no dimension, 0px is 0em is 0pt is just 0,
you cant set an absolute width and expect padding to always work, if the text comes to less than 20px of the element width and there is not a place where the text can break, it wont break
height:80% wont always work either, page height is not a constant, not defined untill the page is rendered, window height is different between browser versions
browsers into quirks modes that act unpredictably
try

#text-right2 { position:absolute; top:0; bottom:auto; right:0; left:auto; width:33%; height:80%; padding-left:20px; }

still will not work in all browsers

Ignoring the op at least till the laughter stops

K
Dreamweaver isnt bad, the code it produces inearly versions, is bloated
have no experience with any dreamweaver version newer than4 years so that may be wrong
saw a lot of tags with inline styling in old output
if the version of dreamweaver that you have makes code that works
stay with it
its likely html4, 4 was the standard for a very lonng time incomputer years

For most things you may want to accomplish, download a freeware source script designed to do it, examine it to findhow they achieved their result, then recode it tighter
anything that doesnt work, there are gurus available for every situation, just ask and one of them will be able to show
Even Skank, provides a useful resource, such a perfect example of what not to do.

Ignorance is bliss
many have tried to reduce your blissfulness
refusal to learn replaces ignorance with stupidity
andyou can't fix stupid Thankyou Jeff Foxworthy and Ron White

Skank
on your own screen that text may be readable
on a screen one generation newer than your the text is small, more pixels per inch, fixed pixel size gets smaller
on a screen two generations newer than yours the text is tiny
next gen smaller still
best practice for screen layout uses em or %, not px,
em & % are scalar dimensions that adjust to user settings, device capability, window and screen size.
ensuring the page looks the same and functions properly on all resolutions and device capabilities.
It is relatively simple to produce a page that works on all devices from handheld to huge wallscreens

Most properly coded sites work in cellphones pda laptop palm etc
this is a palm touch sitting in an airport cafe 3inch screen, DaniWeb functions because CSGal did produce a functioning layout
(menus push offscreen right till you need them, posts occupy screen left)

Your site,
this is not intended as a personal attack,
a criticism of the code,
is ineffective.
800px wide central column,
on a 400px monitor or
on a 2400px monitor, looks ridiculous wastes real estate
in %, example coded at 80% on your 1024*768 home pc
would remain
80% of 2400px
80% of 400px palm
80% of 800px 'grannies desktop'
with 10% each side of margin/background
the page would look like it belongs …

Kaycy,
(this is a slack lazy answer, but it works)
sometimes the easiest way to learn html is to install an IDE
(integrated development environment)
set the ide to whatever language you want to learn, and just begin typing
many have code completion functions so they
ensure the closing tags are always put in, if you forget
ensure that block elements arent inside inline elements (inline inside block is ok)
hint at the next element when what you are doing has required code
highlight syntax errors,
and have good helpscreens
you can swap from code view to a view of the page result

PureGeek:- code in a text editor because they can see output, but that takes practice
have no idea what is a good basic IDE to use, I use notepad++
(not at PureGeek level, notepad++ has code completion and hinting but doesnt have a visual display)
run code you end up with through the W3c validators, and follow any suggestions to correct errors (the site does not have to be live)

something I put in the bottom of every

Valid code does not ensure the site will work ...
Invalid code ensures the site will not work ...
.. in all browser OS combinations

Skank, test results for your siteFixed size text is invisible in Hi_Def monitors. 10px is, for current generation monitors 0.08inch hi, next gen will be smaller, this laptop has 120px/inch
fixed width body pushes content offscreen in part windows or small devices, looks ridiculous in widescreen

these standard tests may assist you

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.socialemo.com/&charset=%28detect+automatically%29&doctype=Inline&group=0 html check, failed
http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.socialemo.com/&profile=css21&usermedium=all&warning=1&lang=en CSS check, failed
http://demo.opera-mini.net/demo.html?www.socialemo.com/ handheld, displayed, not readable
http://browsershots.org/http://www.socialemo.com/ other browsers, failed, blankscreens out the wazoo

serious code errors in the w3c validator sites will produce blankscreens in browsershotsValid code does not ensure the site will work ...
Invalid code ensures the site will not work ..... in all browser OS combinations

not all layouts work in handheld devices
strictly code based, That is what you call 'best' ?

as long as (despite other opinions) the code is valid and consistent, html 2 3 4, are still perfectly understood by browsers
html4 is more capable than html2, html5 neagates the need for flash(supposedly), if the features arent required, the change is unneccessary
these standard compliant test beds may assist you

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.yoursite.com&charset=%28detect+automatically%29&doctype=Inline&group=0 html check
http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.yoursite.com&profile=css21&usermedium=all&warning=1&lang=en CSS check
to ensure that the code is compliant, invalid code may cause browser/OS combinations to fail to display
http://www.browsershots.org/ will show any browser that your code does not work in.

reread the specs on html4 html5 xhtml
DOCTYPE is retained as a "mostly useless, but required" header only to trigger "standards mode" in common browsers"
its the keyword "required" that has the effect, you may not use dtd, thats your choice, but run your site through browsershots, to see the effect that choice has on users other than yourself, users with other browsers, to see if the site even displays,
without a dtd the site fails any validation
serious code errors may cause sites to fail to display in some browser/OS combinations

dtd doctype declaration the first line of an html that works crossbrowser <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> without a dtd many of the functions available in html > 2 (for html4) will not be available even if coded into the site
by the time html5 is finished, they might as well call it html6

Apple:: 30 years on;; still insignificant

html5 is aidea and will probably not be released, xhtml supersedes it in ability
even if it is releaseed, as long as the dtd of your pages is properly declared, the browser will display them properly

well considering there arent 35 lines, repost your edited code, so one of the gurus can have an AHA moment
its likely simple, a mismatched set of quotes, but hard to diagnose from an errormessage that has more lines than the code sample

sorry bloke, without the 'bump' I'd have missed your post

google.com US centric
google.co.za Africa centric
latitude longitude only if you are using a geocoder, else they will return undefined

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Map</title>
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;hl=en&amp;key=ABQIAAAAMyZcwcRoti2iwBokJK2JUhT5nO367DrdQO6qCZ9EALYVXxnLzBTf4gcdFPWcYOz7rnFCjoJLvclb3g" type="text/javascript"></script></head>
<body>
<div id="map" style="width: 1000px; height: 425px"></div>
<a href="http://maps.google.co.za/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=4+chester+drive+bishopscourt&amp;sll=-33.991125,18.442891&amp;sspn=0.010942,0.01929&amp;ie=UTF8&amp;hq=&amp;hnear=4+Chester+Dr+Bishopscourt+Western+Cape&amp;ll=-33.984648,18.447247&amp;spn=0.021707,0.085745&amp;z=16" style="color:#0000FF;text-align:left">View Larger Map</a>
<script type="text/javascript">
var gmarkers = [];
var htmls = [];
var to_htmls = [];
var from_htmls = [];
var i=0;
function tohere(i) {
gmarkers[i].openInfoWindowHtml(to_htmls[i]);
}
function fromhere(i) { gmarkers[i].openInfoWindowHtml(from_htmls[i]); }
// Check to see if this browser can run the Google API
if (GBrowserIsCompatible()) {
// A function to create the marker and set up the event window
function createMarker(point,name,html) {
var marker = new GMarker(point);
// The info window version with the "to here" form open
to_htmls[i] = html + '<br>Directions: <b>To here</b> - <a href="javascript:fromhere(' + i + ')">From here</a>' +
'<br>Start address:<form action="http://maps.google.co.za/maps" method="get" target="_blank">' +
'<input type="text" SIZE=40 MAXLENGTH=40 name="saddr" id="saddr" value="" /><br>' +
'<INPUT value="Get Directions" TYPE="SUBMIT">' +
'<input type="hidden" name="daddr" value="' + name + '"/>';
// The info window version with the "to here" form open
from_htmls[i] = html + '<br>Directions: <a href="javascript:tohere(' + i + ')">To here</a> - <b>From here</b>' +
'<br>End address:<form action="http://maps.google.com/maps" method="get"" target="_blank"> ' +
'<input type="text" SIZE=40 MAXLENGTH=40 name="daddr" id="daddr" value="" /> <br> ' +
'<INPUT value="Get Directions" TYPE="SUBMIT"> ' +
'<input type="hidden" name="saddr" value="' + name + '"/> ';
// The inactive version …

please post the code,
not a link to the page

to Ardav
yeah, ::- in as much as the google maps page is usually accessed from a html form, and the most reasonable cause is the OP has leftout or misspelled a required hidden input field
its about as much html as anything else, )

To the OP
post your code
the google maps api,
posted in the googlemaps online reference, is finicky
you may have simply leftout or misspelled a required hidden input field

extract($_POST);

I took your css and pulled all the declarations into order,, first to last within element name,
There are multiple declarations of the same element scattered throughout the file, many of them contradict each other.
Its no wonder the effect is not quite as you expect, as each later declaration changes something of the previous ones
If you collect the effect you do want for each declared element, your css may be much smaller, and appear as you expect onscreen

you can remove any part of a declaration begin in HTML or *, its redundant everything is the child of html that is the child of global * html p or html p or * p is just p

thinking carefully and slowly,
'obvious idiocy in the code structure' seems to be an understatement
thanks cfrog

extract($row) destroys the $row array and creates variables of its key;value pairs

comment out // extract[$row]; and try the original page again

I have no idea, my dummy database had all text fields, and the code functions, thinkning
thought: amend the fieldnames of your existing code either as $variable or remove the extract() code
I have very obviously made an incorrect assumption about the source data somewhere
or made an obvious idiocy in the code structure that should be jumping out at me and isnt

<?php
$con = mysql_connect("...","...","...");
if (!$con)  {  die('Could not connect: ' . mysql_error());  }
mysql_select_db("...", $con);
$result = mysql_query("SELECT * FROM photo_albums ORDER BY uptime DESC");
while($row = mysql_fetch_array($result))  {
echo "<div class='photoThumb'>";
."<a href='viewAlbum.php?aid='$row['aid']'>";
."<img src='$row['filepath']$row['filename']' border='0' />";
.'</a><br/><span class="thumbText">';
."<a href='viewAlbum.php?aid='$row['aid']'>$row['stitle']</a><br/>";
."$row['photog']</span></div>";
}
mysql_close($con); ?>

to my mind once the array $row is extracted $row[variable] ceases to exist and $variable is created

<?php
$con = mysql_connect("...","...","...");
if (!$con) { die('Could not connect: ' . mysql_error()); }
mysql_select_db("...", $con);
$aid = $_GET['aid'];
$select = ("SELECT * FROM 'pictures' WHERE 'aid' = '$aid'");
$result = mysql_query($select) or die(mysql_error());
while($row = mysql_fetch_array($result)) {
extract ($row);
echo "<div class='photoThumb'>";
."<a href='$filepath$filename'>";
."<img src='$filepath$filename' rel='lightbox[\"$aid\"]' border='0' width='100px' />";
."</a><br/></div>";
}
mysql_close($con); ?>

or

<?php
$con = mysql_connect("...","...","...");
if (!$con) { die('Could not connect: ' . mysql_error()); }
mysql_select_db("...", $con);
$aid = $_GET['aid'];
$select = ("SELECT * FROM 'pictures' WHERE 'aid' = '$aid'");
$result = mysql_query($select) or die(mysql_error());
while($row = mysql_fetch_array($result)) {
echo "<div class='photoThumb'>";
."<a href='$row['filepath']$row['filename']'>";
."<img src='$row['filepath']$row['filename']' rel='lightbox[\"$aid\"]' border='0' width='100px' />";
."</a><br/></div>";
}
mysql_close($con); ?>

dquotes " let php parse the text in the echo statments for variables, (lazy)

<p>&nbsp;</p>

or just css style the margins

element {margin-top:1em;}