Hi all,
Just wondered if someone could help me figure out why (once the page has fully loaded) some of the text displayed is cut in half, horizontally !! I have tried all kinds of things to put it right. Any ideas would be greatly appreciated.
<!-- m --><a class="postlink" href="http://www.holidayadvertising.com/Andy_/holidaysearchresults.php">http://www.holidayadvertising.com/Andy_ ... esults.php</a><!-- m -->
Thanks
YarniThe link provided results in a 404 error page.Just checked the link - should be ok.
Thanks
Yarnidoesnt work for me eitherno luck viewing here either
Sorry guys,
I have tried to edit my post and it keeps on shrinking it for some reason.
So I have got rid of the "www" bit and it seems to show the correct link now.
holidayadvertising.com/Andy_/holidaysearchresults.php
<!-- m --><a class="postlink" href="Cheershttp://validator.w3.org/">Cheershttp://validator.w3.org/</a><!-- m -->
It looks like it is something the browser is doing once the page fully loads. the text initially displays properly as the page loads.
but if you look at the validator tool to validate your code you have 351 errors. That might not be the problem, but it isnt helping when trying to find what is causing the problem
knock some of those errors down and I am gonna keep looking at it for a while as Ive gotten alot of help here and want to pay it forward
S!another quick note. just at the top of the doc so far, but you have two sets of style properties. body has the same attributes defined differently in the two sections as do some of the others.
I am an HTML beginner like you, but I think that is probably not helping anything
<style type="text/css">
body{padding: 50px 0 0;background:#FFF;color:#111;
font: 100.01%/1.3 Verdana,Arial,sans-serif;text-align:center}
div#box{width: 25em;padding: 30px 0;margin:0 auto;
text-align:left;background: #9CC0FF url(gradient.png) repeat-x 0 -5px}
h1{font: lighter 200% "Trebuchet MS",Arial sans-serif;color: #303F6E}
h1,p{margin:0 20px}
ol{margin:10px 40px;padding:0}
ol li{margin:0;padding:0}
</style>
<style type="text/css">
body{padding: 30px 0 0;background:#FFF;
font: 100.01%/1.3 Verdana,Arial,sans-serif;text-align:center}
div#box{width: 18em;padding: 20px;margin:0 auto;
background:#E6E6E6;color:#000}
h1{font: lighter 200% "Trebuchet MS",Arial sans-serif;color: #208BE1}
h1,p{margin:0;padding:10px 20px}
</style>
you also have a link to a stylesheet
<link rel="stylesheet" type="text/css" href=http://www.webdeveloper.com/forum/archive/index.php/"NiftyLayout.css" media="screen">yeah, -errors.
h1{font: lighter 200% "Trebuchet MS",Arial sans-serif;color: #303F6E}
there should be a comma after "arial" and before "sans-serif".
This takes quite a while to load, too. Much of the code could be streamlined, reduced, eliminated. Like, putting a <hr> inside of a <td> is unnecessary. Being a block-level element you could just use <hr> by itself and declare width and center it <hr style="width:95%; margin:0 auto">, thus eliminating the need for the containers "<tr><td><hr></td></tr>" every time you use the horizontal rule.
Later, you can 'condense' that even farther with:
<hr class="hr">
and include:
.hr {width:95%; margin:0 auto}
in your STYLEs
Just wondered if someone could help me figure out why (once the page has fully loaded) some of the text displayed is cut in half, horizontally !! I have tried all kinds of things to put it right. Any ideas would be greatly appreciated.
<!-- m --><a class="postlink" href="http://www.holidayadvertising.com/Andy_/holidaysearchresults.php">http://www.holidayadvertising.com/Andy_ ... esults.php</a><!-- m -->
Thanks
YarniThe link provided results in a 404 error page.Just checked the link - should be ok.
Thanks
Yarnidoesnt work for me eitherno luck viewing here either
Sorry guys,I have tried to edit my post and it keeps on shrinking it for some reason.
So I have got rid of the "www" bit and it seems to show the correct link now.
holidayadvertising.com/Andy_/holidaysearchresults.php
<!-- m --><a class="postlink" href="Cheershttp://validator.w3.org/">Cheershttp://validator.w3.org/</a><!-- m -->
It looks like it is something the browser is doing once the page fully loads. the text initially displays properly as the page loads.
but if you look at the validator tool to validate your code you have 351 errors. That might not be the problem, but it isnt helping when trying to find what is causing the problem
knock some of those errors down and I am gonna keep looking at it for a while as Ive gotten alot of help here and want to pay it forward
S!another quick note. just at the top of the doc so far, but you have two sets of style properties. body has the same attributes defined differently in the two sections as do some of the others.
I am an HTML beginner like you, but I think that is probably not helping anything
<style type="text/css">
body{padding: 50px 0 0;background:#FFF;color:#111;
font: 100.01%/1.3 Verdana,Arial,sans-serif;text-align:center}
div#box{width: 25em;padding: 30px 0;margin:0 auto;
text-align:left;background: #9CC0FF url(gradient.png) repeat-x 0 -5px}
h1{font: lighter 200% "Trebuchet MS",Arial sans-serif;color: #303F6E}
h1,p{margin:0 20px}
ol{margin:10px 40px;padding:0}
ol li{margin:0;padding:0}
</style>
<style type="text/css">
body{padding: 30px 0 0;background:#FFF;
font: 100.01%/1.3 Verdana,Arial,sans-serif;text-align:center}
div#box{width: 18em;padding: 20px;margin:0 auto;
background:#E6E6E6;color:#000}
h1{font: lighter 200% "Trebuchet MS",Arial sans-serif;color: #208BE1}
h1,p{margin:0;padding:10px 20px}
</style>
you also have a link to a stylesheet
<link rel="stylesheet" type="text/css" href=http://www.webdeveloper.com/forum/archive/index.php/"NiftyLayout.css" media="screen">yeah, -errors.
h1{font: lighter 200% "Trebuchet MS",Arial sans-serif;color: #303F6E}
there should be a comma after "arial" and before "sans-serif".
This takes quite a while to load, too. Much of the code could be streamlined, reduced, eliminated. Like, putting a <hr> inside of a <td> is unnecessary. Being a block-level element you could just use <hr> by itself and declare width and center it <hr style="width:95%; margin:0 auto">, thus eliminating the need for the containers "<tr><td><hr></td></tr>" every time you use the horizontal rule.
Later, you can 'condense' that even farther with:
<hr class="hr">
and include:
.hr {width:95%; margin:0 auto}
in your STYLEs