almostbob 866 Retired: passive income ROCKS

remove the target attribute and see if the pdf opens properly in the same page
seems dumb but pdf is a proprietary format and not all implementations in browsers work always

is this an html or xhtml page, if xhtml the image tag isnt closed

almostbob 866 Retired: passive income ROCKS

thats why the first line is
"show the link code"

almostbob 866 Retired: passive income ROCKS

show the link code

You dont launch their reader,
they either have the reader set up to handle urls to pdf files or they will get the download prompt

almostbob 866 Retired: passive income ROCKS

remove all the defined height:s
when the page is resized text may wrap on second lines and disappear behind div boundaries
a liquid layout sets only width and allows the height to be set by the browser
if two elements of diferent sizes are required to occupy the same vertical space, you enclose them in another element as a wrapper

wrapper dimensioned 100%, is wrong, some browsers restrict that to of screen height, others to 100% of logical document height **edit I dont know how to do it 'right' how to make it the same size in different browsers **

www.w3schools.com css tutorials

as craigdo wrote, users do not scroll sideways, they leave
mice have scroll wheels that move vertically

almostbob 866 Retired: passive income ROCKS

For the oldies & all the other browsers you havent access to try http://www.browsershots.org
it has been down twice in three days, sorry if it is down when you look

almostbob 866 Retired: passive income ROCKS
<!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">
<!-- @(#) $Id$ -->
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250"/>
<title>HalfFrogHalfPrince - Where I Call Home</title>
<style type='text/css'>
body {background:green; color:white; text-align:center;}
table {background:white; color:black; }
p.copy {font-size:75%; position:fixed; bottom:0; top:auto;}
input[type=text] { background:white; border:0; border-bottom:1px solid black;}
input[type=text]:hover { border:0; border-bottom:1px solid red;}
input[type=text]:focus { border:0; border-bottom:1px solid red;}
input[type=text]:active { border:0; border-bottom:1px solid red;}
</style></head>
<body>
<h1>Test Form</h1>
<br/><br/><br/><br/><br/>
<div class='form'>
<table bgcolor='white'>
<form method='post' action='register.php'>
<tr>
<td>Name:</td><td><input type='text' name='name' max='40'></td>
</tr>
<tr>
<td>Address:</td><td><input type='text' name='name' max='40'></td>
</tr>
</form>
</table>
</div>
<p class='copy'>Copyright &copy; <a href='store.html'>2010</a> by Phil Petree, All rights reserved worldwide.</p>
</body>
</html>

head slap moment, doh,

if your html page were xhtml,some css is not available in html4
sorry didnt specify,

form has method, typo

almostbob 866 Retired: passive income ROCKS

which package
the cheapest package says scripting X
no scripting, no php

<html><body>
<?php echo date('M-d-Y');
echo '<p>Your IP Address is '.$_SERVER['REMOTE_ADDR'].'</p>'; ?>
</body></html>

to close the unfinished <p></p>
lowercase tags,
xhtml gets specific, might as well use good structure now

almostbob 866 Retired: passive income ROCKS
input[type=text] { background:white; border:0; border-bottom:1px solid black;}
input[type=text]:hover { border:0; border-bottom:1px solid red;}
input[type=text]:focus { border:0; border-bottom:1px solid red;}
input[type=text]:active { border:0; border-bottom:1px solid red;}

something like this in your <style> or external css file

what you want is doable in css

almostbob 866 Retired: passive income ROCKS

the google search is online hex ascii convertor

<!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=iso-8859-1" />
<title>beauty salon</title>
<style type="text/css">
	.row1{
		background-image:url(images/banner.jpg);
		background-repeat:no-repeat;
	}
	.rowTC
	{
		border-bottom-color:#CD2C44;
		padding-bottom:5px;
		border-bottom-width:medium;
	/*	border-bottom-width:thick; */
	}
	.row
	{
		padding-bottom:5px;
		
	}
	.rowl
	{
		padding-top:5px;
	}
</style>
</head>

<body>
	<table width="743" border="0" cellspacing="0" cellpadding="0" align="center">
	  <tr>
		<td class="row1" colspan="2" height="106px">&nbsp;</td>
	  </tr>
	  
	  <tr>
		<td width="202" valign="top">
			<table width="202px" border="0" cellspacing="0" cellpadding="0" height="100%">
				  <tr>
					<td background="images/left-div.gif" height="9px"></td>
				  </tr>
				  <tr>
					<td class="rowTC" background="images/menu-home.gif">&nbsp;</td>
				  </tr>
				  <tr>
					<td class="row" background="images/menu-services.gif">&nbsp;</td>
				  </tr>
				  <tr>
					<td class="row" background="images/menu-fashion.gif">&nbsp;</td>
				  </tr>
				  <tr>
					<td class="row" background="images/menu-training.gif">&nbsp;</td>
				  </tr>
				  <tr>
					<td class="row" background="images/menu-news.gif">&nbsp;</td>
				  </tr>
				  <tr>
					<td class="rowTC" background="images/menu-about.gif">&nbsp;</td>
				  </tr>
				  <tr>
					<td class="row" background="images/menu-contact.gif">&nbsp;</td>
				  </tr>
				  <tr>
					<td  background="images/left-div.gif" height="9px"></td>
				  </tr>
				  <tr>
					<td background="images/left-im.jpg" height="175px">&nbsp;</td>
				  </tr>
				  <tr>
					<td height="175px" align="center" bgcolor="#CC3300" valign="top" class="rowl">
						<img src="images/im-khuyenmai.jpg" alt="met qua" longdesc="http://chan.com" />
					</td>
				  </tr>
		  </table>

		</td>
		<td width="535px" valign="top">
			<table width="100%" height="100%" border="1" cellspacing="0" cellpadding="0">
			  <tr>
				<td bgcolor="#FF6600" height="11px"></td>
			  </tr>
			  <tr>
				<td style="background:url(images/title-training.gif); background-repeat:no-repeat;">&nbsp;</td>
			  </tr>
			  <tr>
				<td height="105">
					<p>
						V?i s? gi?ng d?y c?a <b>T?ng Hoài Linh</b>, chuyên gia t?o m?u tóc <b>T?ng M? Liên (MyMy</b>) và toàn th? gia dình u?n tóc MyMy, chúng tôi r?t mong mu?n dóng góp cho ngành th?i trang tóc nhi?u th? h? các nhà t?o m?u tóc tr? qua các chuong trình dào t?o co b?n và chuyên sâu sau: 
					</p>
					<ul>
						<li>Co b?n (cho v? trí ph? th?): 3 tháng </li>
						<li>T?o ki?u tóc: 6 tháng (c?t, ch?i, nhu?m, du?i) …
almostbob 866 Retired: passive income ROCKS

write your own content and avoid trying to steal content that somebody else has written

the copyright notice resides in the footer ?
pictures of the owner of what you are stealling?

or contact the site owner and ask them permission and/or a copy of the page to put on your server

to everybody else, put one of these in your menu include

<script type='text/javascript'>
if (window != top) { top.location.replace(self.location.href); }
</script>

break out of thieves' framesets,

blinkey commented: Thanks for the tip +0
almostbob 866 Retired: passive income ROCKS

screen captures are not much good
cant see what you may have done different to the example

div (p span whatever) order matters class='center' is a block element not floated, must come last
left right center in the html works per example
right left center in the html works
left center right in the html dont work - I know why I did what I did, pity I didnt tell you

almostbob 866 Retired: passive income ROCKS
<!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">
<!-- @(#) $Id$ -->
<head>
<title>HTML Template</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta name="Generator" content="AlmostBob" />
<meta name="Keywords" content="keywords" />
<meta name="Description" content="." />
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="cache-control" content="no-cache" />
<style type='text/css'>
.left {width:40%; text-align:right; float:left; padding-right:1%; border:1px solid black;}
.right {width:40%; text-align:left; float:right; padding-left:1%; border:1px solid black; }
.center {text-align:center; border:1px solid black; }
</style>
</head>
<body>
<div class='left'>left 123 456 789 0 </div>
<div class='right'>right 123 456 789 </div>
<div class='center'>text 123 456 789 </div>
</body>
</html>
almostbob 866 Retired: passive income ROCKS

I use 4 includes, and
stitch scripts into 1 file

enable mod_gzip or mod_deflate on html php asp script and css files and their size becomes about 25%,
style.css.php

<?php header ('content-type:text/css'); 
ob_start("ob_gzhandler"); ?>/*<style>*/
.rss-box { margin:1em 3%; padding:4px 8px; background-color:#ededed; border:2px dashed #7485CA; }
.topmenu { background-color:#f6f6f6; text-align:right; top:1px; left:auto; bottom:auto; right:1px; position:fixed; }
<?php ob_flush(); ?>

script.js.php

<?php header ('content-type: text/javascript');
ob_start("ob_gzhandler"); ?>
function movein(which,html){
which.style.background='turquoise'
window.status=html
}
function moveout(which){
which.style.background='#d4d0c8'
window.status=''
}
<?php ob_flush(); ?>
almostbob 866 Retired: passive income ROCKS

alteration to harrierdh's technically correct answer
put the preload script between </body> and </html>
preload in the head slows down the page load by a considerable amount
having the 'extra' images load last after the page is functioning makes the apparent page load faster
valid code requires type attribute

if javascript is turned offf in the browser javascript preload will not work and can be something like

<noscript>
<div style='display:none;'>
<img src="http://mydomain.com/image.gif" alt='' width='0' height='0'>
<img src="http://mydomain.com/image.gif2" alt='' width='0' height='0'>
<img src="http://mydomain.com/image.gif999" alt='' width='0' height='0'>
</div>
</noscript>
</body>
<script type='text/javascript'>
 preimage = new Image(); 
 preimage.src="http://mydomain.com/image.gif";
preimage2 = new Image(); 
 preimage2.src="http://mydomain.com/image2.gif";
//etc up to
preimage999 = new Image(); 
preimage999.src="http://mydomain.com/image999.gif";
</script>
</html>
almostbob 866 Retired: passive income ROCKS

This type of site background is a vertical -narrow*LONG- image repeat-x
create the gradient fill you want or download it from a webmaster tools website
take a narrow (even 1pixel works) slice vertically

body {background:url('thispic.href') repeat-x; }

If you take a horizontal slice wider than screen size and repeat-y you get Horizontal scrollbars everybody will notice
If you take a vertical slice longer than screen size and repeat-x, you get vertical scrollbars, nobody will notice

If you have a small image of a repeating cell (like windows default wallpapers) you can repeat-x and y (repeat) and create a fullscreen

almostbob 866 Retired: passive income ROCKS
while($row = mysql_fetch_array($query)) { /*php */ }

Not sure but is there usually a $row++ at the ned of this section to get the next row

almostbob 866 Retired: passive income ROCKS

try
styling the menu, set the z-index of the UL LI whatever to a very high number, it should then sit on top of everything else
or set the slideshow to a negative number and it should slide under

default z-index 1, higher numbers sit on top lower numbers sit below

example only ignoring gross colors:)

ul.menu { background:pink; color: green; display:inline-block; z-index:100; }
ul.menu ul { background:pink; color: green; display:none; z-index:100; }
.slideshow {z-index: -100; }
almostbob 866 Retired: passive income ROCKS

google toolbar is a frameset
put a framebreaker in your menu include, no more toolbar

<script type='text/javascript'>
if (window != top) {top.location.replace(self.location.href);}
</script>
almostbob 866 Retired: passive income ROCKS

3*50% = 150% = vanishing elements
tables really arent used as a layout tool,
they are for displaying tabular data
pixels are not recommended as a dimension the W3C recommendation is ems or %, dimensions that scale with different screen sizes or window sizes

<!-- doctype etc -->
<style type='text/css'>
.bottombar { width:50%; bottom:0; left:auto; top:auto; right:0; position:absolute;}
.bottombar span {width:33%; margin-left:5%;}
</style>
</head>
<body>
<div class='bottombar'>
<span>Site map</span>
<span>Copyright</span>
<span>Disclaimer</span>
</div></body></html>

one method of many

properly designed nav.
should not require a html sitemap, xml sitemaps for search engine spiders are a different thing entirely

almostbob 866 Retired: passive income ROCKS

google translate widget embedded in the page
http://translate.google.com/translate_tools
syntax is not always preserved in machine translation

almostbob 866 Retired: passive income ROCKS

transparent blue|red|green
is transparent
its a fault in IE handling of transparent in reset.css file discussed in other forums too

http://dgibson.net/blog/article.cfm/articleid=11/CSS-Overcoming-background-transparent-In-IE

dunno if the fix works,
I ha already edited reset.css and changed transparent to inherit for my sites, Thats how my layout works

almostbob 866 Retired: passive income ROCKS

is it a user site at an isp or a purchased domain
the free webspace at isp is often accessed differently
If using a control panel, read the help screens about exactly where the files go, and how to access can't stress how much the placement is dependent on the provider
my free space files go in the html_public folder and are accessed as http://users.isp.com/~loginname
my domain resides in a www folder and is accessed as mysite.com

almostbob 866 Retired: passive income ROCKS

Thanks

almostbob 866 Retired: passive income ROCKS
<!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">
<!-- @(#) $Id$ -->
<head>
<title>HTML Template</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<style type='text/css'>
tr:hover { background:blue; }
</style>
</head>
<body>
<table>
<tr><td>this</td><td>this</td></tr>
<tr><td>this</td><td>this</td></tr>
<tr><td>this</td><td>this</td></tr>
<tr><td>this</td><td>this</td></tr>
</table>
</body>
</html>

works for me in opera ff safari ie7 ie8 dont have a testbed of ie6 any more

almostbob 866 Retired: passive income ROCKS

when you load http://www.thissite.com what you actually get is http://www.thissite.com/index.html the server displays the derfault filename from its list of default names or gives an error

It sort of annoying when the server list runs htm html php and you upload a new version of the site in php, and the old version still runs as html, took days to notice

either move all files & folders up one level so your index.htm|hrtml|php is in the root, or put a new index file in the root redirecting to the subfolder <meta http-equiv="refresh" content="0;url=http://www.thissite.com/folder/"> <<-one of many redirect methods
the second choice is better if you plan to later host two(or more) sites on the same space

almostbob 866 Retired: passive income ROCKS

have you set an .htaccess file
have you set any passwords
has the account been recently established and not made it through whatever process the host uses to create new accounts yet

almostbob 866 Retired: passive income ROCKS

post the code,
i am a mysql php dabbler,
but there are gurus for whom this is easy,
likely one will slide in, answer ,

perhaps repost the same q in the mysql forum

almostbob 866 Retired: passive income ROCKS

for an edit delete page
code an sql report that echos the database to the screen matching whatever you have input
eg type smith in the name field and it gives all the names like 'smith' Make the unique part of each returned row a link to output that record to your entry page populate the fields with the returned data

echo "<input type='text' name='name' value='$sqlresults['name']'>";
//repeated ad nauseum for all the fields

try this, http://www.bigprof.com/appgini/ -a php/sql code generator

almostbob 866 Retired: passive income ROCKS

Thanks,
From the control panel I have many options, one of which is the
"File Manager"
I assume this is where to manage the files
once uploaded how to I make the website "live"

Thanks!

the control panel file manager is not the best way to manage files,
the descriptive text explains the filemanager as when you don't have access to an ftp program.
a standalone ftp client usint ftp settings supplied by the host, is much better, as thunderbird is better than a webmail interface
ftp allows synchronizing, you dont have to remember what files are altered
allows better access control

this new,
should read the helpscreens on the control panel about ftp and install one of the listed ftp cllients -the listed clients usually have detailed howtos in the control panel helpscreens

I remember,
such a sense of achievement when I got the first site running.
a greater achievement when it was running right

:thumbsup: good luck

almostbob 866 Retired: passive income ROCKS
<input type='submit' onclick="return confirm('Do you want to make these changes ?');">

or

<form method='post|get' action='formhandlerurl' onsubmit="return confirm('Do you want to make these changes ?');">

for a prompt

almostbob 866 Retired: passive income ROCKS

In php $_server is the ip address of the user

<?php if(!$_server['remote_addr'] ='myip'){ echo "my adwords code"; } else { echo '<img src="filler.jpg" alt="">'; } ?>

in other languages there is similar code

almostbob 866 Retired: passive income ROCKS

not really,
that is the best answer you are going to find, accurate and simple, code compliant, current practice, proper use of styling.

as a visual aid
draw some boxes, boxes represent html block elements
you can create/move/edit a box inside another box easily, change its border, change its margins, change its content, if you want to change part in a box, you draw another box around the part and change that

almostbob 866 Retired: passive income ROCKS

z = Zulu
military/air transport/sea transport representation of Greenwich Mean time, or, Coordinated universal time
the globe is divided into 24 time zones a-x instead of 3 hours ahead or 4 hours behind, the zero line is labelled zulu (phonetic z) to distinguish it. times ending in z are universal times that can be converted easily(?) to local time, regardless of where local is.
1200z is
Melbourne Australia is in kilo time (10pm)
Halifax Canada is in tango time (8am)

daylight savings does not effect zulu time

almostbob 866 Retired: passive income ROCKS

The timestamp field is configurable to give the results needed, you have to read the manuals,
I use a smallint in the table, using timestamps to populate the field, and storing the value as a timestamp produce different results, default formatting screws up my implementations, (too lazy to read the mysql manual)
timestamp will be stored as 1234567890 (10 digit numeric)(text datetime to store the same details may be 50-60 bytes)
MYSQL now() php date() produce a 10 digit numeric (currently 1261288923 by the time you read this the last digits will have incremented by the time since posting)
then the text is output as required by per the php date frunction
smaller tables, faster operations, indexes that return correct results (sorting on date fields often produce unexpected results December comes before November ( Apr Aug Dec Feb Jan Jul Jun Mar May Nov Oct Sep)when you sort a text field)
output configurable to user preference, date formats can be stored in the user table
So I prefer this way to having to work out how to work with the default values stored in the timestamp datatype

almostbob 866 Retired: passive income ROCKS

If you are taking a limit you should order by the most relevant field, so the 20 most recent, etc are chosen. $result = mysql_query("select * from epdata order by setreminder LIMIT 20;"); , example only, irelevant if the index is the most relevant field
a text date/time is very difficult to order by, and means different things to different people
a timestamp is easier

almostbob 866 Retired: passive income ROCKS

Do not use any text date format, it will always be wrong for 90% of the world
numeric timestamps use less storage, are faster on compare, can be output to any user/regional/whatever preference, and can be manipulated easier

a function appears in the manual does not mean it is the most efficient

almostbob 866 Retired: passive income ROCKS

site?
code?
else any answer will be a guess

almostbob 866 Retired: passive income ROCKS

for real tabular data a table is still accepted practice

almostbob 866 Retired: passive income ROCKS
<html>
<head>
<style type='text/css'>
.cont { border:black 1px solid; width:100%;}
/*css two column table*/
.l2 { width:50%; float:left; padding:0 1%; }
.r2 { width:50%; float:right; padding:0 1%; border-left:black 1px solid; }
/*css 3 column table*/
.l3 { width:33%; float:left; padding:0 1%; border-right:black 1px solid;}
.r3 { width:33%; float:right; padding:0 1%; border-left:black 1px solid; }
.c3 { width:30%; padding:0 1%;}
</style>
</head>
<body>
<p> two column table</p>
<div class='cont'>
<p class='l2'>this text left</p>
<p class='r2'>this text right</p>
</div>
<div class='cont'>
<p class='l2'>this text left</p>
<p class='r2'>this text right</p>
</div>
<p> three column table</p>
<div class='cont'>
<p class='l3'>this text left</p>
<p class='r3'>this text right</p>
<p class='c3'>this text middle</p>
</div>
<div class='cont'>
<p class='l3'>this text left</p>
<p class='r3'>this text right</p>
<p class='c3'>this text middle</p>
</div>

4 5 6 column tables continue in a similar fashion, as do combinations of rows like colspan rowspan

almostbob 866 Retired: passive income ROCKS
almostbob 866 Retired: passive income ROCKS

h3 is a block element, </h3> ends the block with whatever margins and padding are set for the h3 and the adjacent element
</h3><br> is 2 Breaks, thats what you got

almostbob 866 Retired: passive income ROCKS

I do settimeout, sleep deprived and stupid, work during the night painting the house in the day, went to court
that line wasnt supposed to be included till I got the fuzz out of my head, a sad case, even now I should have a nap

almostbob 866 Retired: passive income ROCKS
<head><script type="text/javascript"><!--
(document.getElementById) ? dom = true : dom = false;
function hideIt(thiselement) {
if (dom) {document.getElementById(thiselement).style.visibility='hidden';}
if (document.layers) {document.layers[thiselement].visibility='hide';} }
function showIt(thiselement) {
if (dom) {document.getElementById(thiselement).style.visibility='visible';}
if (document.layers) {document.layers[thiselement].visibility='show';} }
--></script></head>
<body onload='showIt("hideable");'>
<span id='hideable' style="position:fixed; top:20px; left:10px; width:45%; visibility:hidden; padding:10px; margin:10px; background:#ececec; border: 1px solid; text-align:center;"><br>Javascript is like flexible dude<br><br><button id="frrm" onClick="hideIt('hideable');">Close</button></span></body>

:)
setWaittime(function,delaymicroseconds);

almostbob 866 Retired: passive income ROCKS

to avoid popups use layers
make them visible or not

<script type="text/javascript"><!--
(document.getElementById) ? dom = true : dom = false;
function hideIt(thiselement) {
if (dom) {document.getElementById(thiselement).style.visibility='hidden';}
if (document.layers) {document.layers[thiselement].visibility='hide';} }
function showIt(thiselement) {
if (dom) {document.getElementById(thiselement).style.visibility='visible';}
if (document.layers) {document.layers[thiselement].visibility='show';} }
--></script>
<a id="me" href='#' onClick="showIt('hideable');">Show </a><span id='hideable'  style="position:fixed; top:20px; left:10px; width:45%; visibility:hidden; padding:10px; margin:10px; background:#ececec; border: 1px solid;">put ADVERTISING here<br><button id="frrm" onClick="hideIt('hideable');">Close</button></span>
almostbob 866 Retired: passive income ROCKS

In case you are really newyou get error line 46,
the file has 45 lines in it,
and the visible error was on line 28 line count as the file executes considers includes as part of the file
there were 18 processed lines in the included filestook half a year before anyone told me, its hard to debug when the errors seem weirda lot of the code samples you get from searches arent perfect, but they make a great jumping off point

aeinstein commented: nice bit of experience passed on +8
almostbob 866 Retired: passive income ROCKS

If you want to do it that way(a tidy, browser independent, way to do it ) $url = $_SERVER['PHP_SELF'];

almostbob 866 Retired: passive income ROCKS

dunno, but style the input.submit

input.submit {background:none;border:0;color:#ff0000; }
<input type='submit' style="background:none;border:0;color:#ff0000;" value='something'>

(untested)

almostbob 866 Retired: passive income ROCKS

And of course the other thing to consider with a 100% flash site is what are you going to do if people don't have flash installed? Are you going to have a non-flash version of your site for people without flash? or are you simply going to write them off?

Good point
large corporates, many of who use flash in their websites block flash from being installed on pc on the lan
the big dollar customers won't see the fancy work
and may block the site entirely because of flash
I know the control I have over the access point between my lan and the www,
I do it to annoy my kids

almostbob 866 Retired: passive income ROCKS

Flash sucks
flash intros penalise in search, annoy your customers
anything that makes the page load longer, kills customer retention

almostbob 866 Retired: passive income ROCKS

"one warning" is always, for direct entered html, 'utf-8 assumed', just in case a non-translateable code is used