Bytes - answers http://bytes.com HTML and CSS (Cascading Style Sheets) web markup languages - Get answers to questions about html and css development, validation, errors, divs, blocks, tables, design, accessibility, w3c, firefox, ie, safari, tags, attributes, layouts, forms, buttons and more. en Fri, 20 Nov 2009 21:46:37 GMT vBulletin 60 http://bytes.com/images/misc/rss.jpg Bytes - answers http://bytes.com referenceing text in another html file http://bytes.com/topic/html-css/answers/877381-referenceing-text-another-html-file Fri, 20 Nov 2009 17:54:14 GMT am I able to call text from either a text file, or from an html document, to show on my webpage?

I'm eventually going to have 10 versions of a webpage running. All with minor differences. However, there is text that will be the same on every page and I'd like to be able to update it in one spot and have it update everywhere.

I can have an image on my site in 10 different spots (all pointing to the same image file) and when I change that image, all 10 become the new image.

Is this possible to do with text in some way?

Thanks,

Andrew ]]> answers adweaver http://bytes.com/topic/html-css/answers/877381-referenceing-text-another-html-file a:hover flip http://bytes.com/topic/html-css/answers/877380-hover-flip Fri, 20 Nov 2009 04:43:14 GMT okay, my next problem with this same document is... On IE, the a:hover works, on firefox the a:hover works... but on FF, the background won't flip when you mouseover it like in IE... I'm using:

onMouseover="this.background='blah';" same with the onMouseout.

Any more professional, working way I could code this? ]]> answers magnesium http://bytes.com/topic/html-css/answers/877380-hover-flip Form Field Problem http://bytes.com/topic/html-css/answers/877304-form-field-problem Thu, 19 Nov 2009 12:55:51 GMT I have an Enquiry Form but when you log onto it for some reason I can't foucs on any of the first three input fields on the first radio buttons.
The first field that can be focused on is the Enquiry field which is a text area.

In IE the only way I can focus is to click the very start or very end of the fields which does not help users, and I can't get them to focus at all in Firefox, Safari, Opera or Google Chrome.

I was able to set the foucs on the first field using Javascript that mean tabbing through the fields and if you click outside, you have to refresh to get the focus back. I've tried a javascript on click and still can't get it to work. I have an identical form on a different website that has no problems.

Can anyone suggest what is going on? ]]> answers KeredDrahcir http://bytes.com/topic/html-css/answers/877304-form-field-problem How to link any data base with my website http://bytes.com/topic/html-css/answers/877296-how-link-any-data-base-my-website Thu, 19 Nov 2009 10:03:35 GMT I am a student of XI th class and i had made a website for career couseling for the exhibition. I have made a registration page in it so that... I am a student of XI th class and i had made a website for career couseling for the exhibition.
I have made a registration page in it so that students could register but unfortunately I do not know how to link a database to my plain html web page so that if anybody registers during the exhibition, i cannot save it.

If i some how am able to make it then I would be able to allow them to sign in to that account. I made this site with Dreamweaver but it also does not has anything according to my needs

if some body likes i would send the code of my page.
I desperately need help before my exhibition and i really would be grateful to any body who could help me

I do know how to link html links and html tables to access but i am unable to link the fields in the form to any database ]]> answers jaideep93 http://bytes.com/topic/html-css/answers/877296-how-link-any-data-base-my-website Horizontal scrollable Div in Firefox http://bytes.com/topic/html-css/answers/877288-horizontal-scrollable-div-firefox Thu, 19 Nov 2009 04:57:31 GMT ...]]> Hi,

In Page I have a
<div div style="width:245px; padding-left:0px; height:415px; padding-top:5px; position:absolute; overflow:auto;"> </div>

In IE , it is working fine, I can see Vertical and Horizontal scroll bar,
but in firefox, I can see Only Vertical scroll bar, Because of this my alignment gets disturbed.

So can you help me out how to render a horizontal scroll bar in div for firefox.

Thanks in Advance ]]> answers romepatel http://bytes.com/topic/html-css/answers/877288-horizontal-scrollable-div-firefox Anchoring table to top of page http://bytes.com/topic/html-css/answers/877281-anchoring-table-top-page Wed, 18 Nov 2009 23:51:23 GMT ]]> Hi,

I'm trying to figure out why my top table is leaving a gop between it and the top of the screen.

Expand|Select|Wrap|Line Numbers
  1. </head>
  2.  
  3.  
  4.  
  5. <body onload="MM_preloadImages('images/bttn_hover.gif','images/bttn-hover.jpg')">
  6.  
  7. <form action="https://www.fooshenergytrial.com/orderpage.php" method="post" name="frmSignUp" id="frmSignUp">
  8.  
  9. <table align="center"><td><table  align="center" vspace="0" width="972" cellspacing="0" cellpadding="0">
  10.  
  11.   <tr>
  12.  
  13.     <td scope="row" valign="top"><img src="http://bytes.com/images/topBanner.gif" /></td>
  14.  
  15.   </tr>
  16.  
  17.   <tr>
  18.  
  19.   <td scope="row"><img src="http://bytes.com/images/header.gif" /></td>
  20.  
  21.   </tr>
  22.  
  23.  
  24.  
U have my vspace set to 0, but that doesn't seem to be doing it. I looked through the rest of the commands suggested by dreamweaver and I can't see any that would apply.

I don't understand why it won't allow me to use valign"top", like I do with the following image, for controlling the top of the table.

Any advice would be appreciated. Slowly but surely I'm starting to understand the structure of all this (trying to understand the code that was written for me on a site I paid to get designed).

Thanks for your help.

Andrew ]]> answers adweaver http://bytes.com/topic/html-css/answers/877281-anchoring-table-top-page Horizontal scrollable DIV http://bytes.com/topic/html-css/answers/877243-horizontal-scrollable-div Wed, 18 Nov 2009 13:54:07 GMT Hi, I am designing my page in PHP, I have a div in which is dynamically generating contents. But when the contents are more, then alignment is... Hi,
I am designing my page in PHP,
I have a div in which is dynamically generating contents.
But when the contents are more, then alignment is disturbed.
so need that div should be horizontal scrollable and it should not affect the width of div.

So i need div should be auto scrollable.
Thanks in Advance ]]> answers romepatel http://bytes.com/topic/html-css/answers/877243-horizontal-scrollable-div Block links, width/height problems http://bytes.com/topic/html-css/answers/877222-block-links-width-height-problems Wed, 18 Nov 2009 07:32:08 GMT I have this under-construction page, If you try and select the link coming from the bottom with your mouse, you'll notice, that before the actual link is selected, the td background will change. you have to the select the text itself to make the link select. I don't know If I've explained it well... I tried height:100%, and width:100%; in the a:link area in the css... Tried margin-bottom:0, and none of it makes the "link area" spread out to the entire td. Hope someone knows what I'm trying to say... Here's the page..

Expand|Select|Wrap|Line Numbers
  1. <html>
  2. <style type="text/css">
  3. body {cursor:url(http://www.angelfire.com/mn3/magnesium/wagtail.ani);
  4.       border:1 solid gray;
  5.       margin-left:2px;
  6.       margin-right:2px;
  7.       margin-top:2px;}
  8. a:link {text-decoration:none;
  9.         font-family:arial;
  10.         type:block;
  11.         width:100%;
  12.         height:100%;
  13.         letter-spacing:2;
  14.         color:gray;}
  15. a:selected {text-decoration:none;
  16.             color:white;}
  17. a:visited {text-decoration:none;
  18.            color:gray;}
  19. a:hover {text-decoration:none;
  20.          color:white;}
  21. </style>
  22. <body bgcolor="#282828" text="gray">
  23. <div id="sidebar_menu">
  24. <table border="0" cellspacing="1" cellpadding="1" bgcolor="#4444aa" width="200"><tr><td bgcolor="black">
  25. <table border="0" cellspacing="2" cellpadding="3" bgcolor="#7777dd" width="100%"><tr><td align="center" valign="middle" bgcolor="#171717" background="http://www.angelfire.com/mn3/magnesium/buttonbg.jpg">
  26. <font size="2" face="arial" color="white" style="letter-spacing:5;"><b>Steve's Spot</b></font>
  27. <table border="0" cellspacing="1" cellpadding="0" bgcolor="#4444aa" width="75%" height="1"><tr><td bgcolor="#282828" style="overflow:hidden;"></td></tr></table>
  28. <font size="1" face="arial" color="gray" style="letter-spacing:2;"><u>&nbsp;M e n u&nbsp;</u></font>
  29. </td></tr></table>
  30. </td></tr>
  31. <tr><td bgcolor="black">
  32. <table border="0" cellspacing="0" cellpadding="2" bgcolor="#7777dd" width="100%"><tr><td align="left" valign="middle">
  33.  
  34. <table border="0" cellspacing="0" cellpadding="2" bgcolor="black" width="100%"><tr><td align="center" valign="middle" width="15%" background="http://www.angelfire.com/mn3/magnesium/buttonbg.jpg"><font color="white" size="3" face="arial"><b>►</b></font></td><td align="left" valign="middle" bgcolor="#282828" width="85%" background="http://www.angelfire.com/mn3/magnesium/buttonbg2.jpg"><font size="2" face="arial" color="white" style="letter-spacing:2;"><b>&nbsp;Home</b></font></td></tr></table>
  35. </td></tr></table>
  36.  
  37. </td></tr>
  38.  
  39. <tr><td bgcolor="black">
  40. <table border="0" cellspacing="2" cellpadding="0" bgcolor="#7777dd" width="100%"><tr><td align="left" valign="middle">
  41. <table border="0" cellspacing="0" cellpadding="2" bgcolor="black" width="100%"><tr><td align="center" valign="middle" width="15%" background="http://www.angelfire.com/mn3/magnesium/buttonbg.jpg"><font color="#9999ff" size="3" face="arial"><b>☻</b></font></td><td align="left" valign="middle" bgcolor="#282828" width="85%" background="http://www.angelfire.com/mn3/magnesium/buttonbg.jpg" onMouseover="this.background='http://www.angelfire.com/mn3/magnesium/buttonbg2.jpg';" onMouseout="this.background='http://www.angelfire.com/mn3/magnesium/buttonbg.jpg';">
  42. <a href="http://"><font size="2"><b>&nbsp;About Me</b></font></a></td></tr></table>
  43. </td></tr></table>
  44.  
  45. </td></tr>
  46.  
  47. <tr><td bgcolor="black">
  48. <table border="0" cellspacing="2" cellpadding="0" bgcolor="#7777dd" width="100%"><tr><td align="left" valign="middle">
  49. <table border="0" cellspacing="0" cellpadding="2" bgcolor="black" width="100%"><tr><td align="center" valign="middle" width="15%" background="http://www.angelfire.com/mn3/magnesium/buttonbg.jpg"><font color="#9999ff" size="3" face="arial"><b>&fnof;</b></font></td><td align="left" valign="middle" bgcolor="#282828" width="85%" background="http://www.angelfire.com/mn3/magnesium/buttonbg.jpg" onMouseover="this.background='http://www.angelfire.com/mn3/magnesium/buttonbg2.jpg';" onMouseout="this.background='http://www.angelfire.com/mn3/magnesium/buttonbg.jpg';">
  50. <a href="http://"><font size="2"><b>&nbsp;My Facebook</b></font></a></td></tr></table>
  51. </td></tr></table>
  52.  
  53. </td></tr></table>
  54. </td></tr></table>
  55. </div>
  56. </body>
  57. </html>
]]> answers magnesium http://bytes.com/topic/html-css/answers/877222-block-links-width-height-problems positioning a form http://bytes.com/topic/html-css/answers/877194-positioning-form Tue, 17 Nov 2009 19:02:09 GMT I have a form which I'm using, and I want to position it relative to the background on my page. The entire background being a single 1600x3000 .gif that I export from Illustrator.

I need the form to stay in the correct spot, so it doesn't jump around at different resolutions, as it seems to do as I zoom the page in and out. The graphic is built to have the form in one exact spot, or it doesn't look right.

Currently, I've been using the padding commands to position it on the page where I'd like it, but that doesn't seem to be working. Can I actually map it by pixel somehow, so it stays glued to the image?

Thanks,

Andrew ]]> answers adweaver http://bytes.com/topic/html-css/answers/877194-positioning-form Where can I buy a domain for my website and what are the payment schemes? http://bytes.com/topic/html-css/answers/877125-where-can-i-buy-domain-my-website-what-payment-schemes Mon, 16 Nov 2009 20:23:22 GMT Hi Where can I buy a domain and is it a one time pay or I have to pay on a regular basis again and again? Hi

Where can I buy a domain and is it a one time pay or I have to pay on a regular basis again and again? ]]> answers nomad1987 http://bytes.com/topic/html-css/answers/877125-where-can-i-buy-domain-my-website-what-payment-schemes How does one earn by creating a website? http://bytes.com/topic/html-css/answers/877124-how-does-one-earn-creating-website Mon, 16 Nov 2009 20:18:03 GMT Hi how does any one make money by website without selling any products Hi

how does any one make money by website without selling any products ]]> answers nomad1987 http://bytes.com/topic/html-css/answers/877124-how-does-one-earn-creating-website Tables are messing up my layout http://bytes.com/topic/html-css/answers/877071-tables-messing-up-my-layout Mon, 16 Nov 2009 00:56:05 GMT but then in my main body
I inserted a table to organize my items in it. However, now the table is pushing...]]> I wrote my layout using <div> but then in my main body <div> I inserted a table to organize my items in it. However, now the table is pushing everything to the left by 5px or so.


Without the table it moves back correctly, but I need the organization.



another issue I have is that I have <div id="body">, which is the center white part where all my text and stuff goes (red at the moment, as seen in the pics so I can see it), and then inside tag that I put <div id="main-bodycol">
however my container doesn't stretch all the way to the bottom encompassing everything as I need it to to create a white background
]]> answers koager http://bytes.com/topic/html-css/answers/877071-tables-messing-up-my-layout Server Side Includes problem http://bytes.com/topic/html-css/answers/877067-server-side-includes-problem Sun, 15 Nov 2009 23:27:38 GMT My SSIs don't seem to be working.
I have all the files uploaded but my header and footer aren't showing up.
I started working on my website in .html but then renamed the extension to .shtml for SSIs.
Expand|Select|Wrap|Line Numbers
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  2. <html>
  3. <head>
  4. <link rel="stylesheet" type="text/css" href="css.css" media="screen"/><title>Current Project(s)</title>
  5. <style type="text/css"></style>
  6. </head>
  7.  
  8. <body id="wip">
  9.  
  10. <div id="container">
  11.     <!-- #include FILE="header.shtml" -->
  12.  
  13.   <div id="body">
  14. This page is still under construction.
  15.   </div>
  16.   <!-- #include FILE="footer.shtml" -->
  17. </div>
  18. </body>
  19. </html>
  20.  
I'm not sure, it may be the server that I'm using. I'm not used to it.
I upload my files under a public_html folder and I thought that was it
It works if I rename everything to .php but I would really like to know how to solve the problem instead of just going around it. ]]> answers koager http://bytes.com/topic/html-css/answers/877067-server-side-includes-problem search box background color http://bytes.com/topic/html-css/answers/876989-search-box-background-color Fri, 13 Nov 2009 16:27:39 GMT how do you change the search box background color in a form? also the border around the box where you type at. how do you change the search box background color in a form? also the border around the box where you type at. ]]> answers claudiathompson http://bytes.com/topic/html-css/answers/876989-search-box-background-color Multiple checkbox http://bytes.com/topic/html-css/answers/876988-multiple-checkbox Fri, 13 Nov 2009 15:59:14 GMT Hi im not sure if this is in the right area, but was wondering if anyone could help.... I am trying to make a list of checkboxes in a form and... Hi im not sure if this is in the right area, but was wondering if anyone could help....

I am trying to make a list of checkboxes in a form and want to be able to check some of the boxes that relate to certain things.

For example, a list of all countries in the world and i want to select all european ones, click on the word europe and all countries that are are checked in the box.

example here, which i think uses javascript, but not sure how???

http://www.usefee.tv/international.php

thanks ]]> answers colinod http://bytes.com/topic/html-css/answers/876988-multiple-checkbox