37 users online (0 members and 37 guests)  

Thread: Hello


  Results 1 to 7 of 7
  1. #1
    Aminalaizer's Avatar
    New User

    Status
    Offline
    Join Date
    Oct 2003
    Posts
    16

    Post Border Table.

    Hello, you can see my page.
    It's in hebrew, but you can to convert it to English by pressing on the "English Language" text.

    My problem is how can I hide the white border around the header of the table.

    I like the white border around the table, but I didn't like it around the header of the table (the first row).

    HTML Code:
    <html dir=rtl>
    <HEAD>
     	<TITLE>שאלון נוף אילון</TITLE>
    <style>
    TD { border:2px solid #ffdd00;}
    </style>
    <script language="vbs">
    sub SetLanguage(inLang)
    on error resume next
    with document.forms(0)
    	.Userapp.value=navigator.appName & navigator.appversion 
    	.Userrez.value=window.screen.height & "x" & window.screen.width
    	.UserPlatform.value= navigator.platform
    	select case inLang
    		case 0:
    			document.body.dir="rtl"
    			strEmailEnable.innerhtml="שלח לי הודעה כשהאתר יעלה"
    			strFirstName.innerhtml="שם פרטי"
    			strLastName.innerhtml="שם משפחה"
    			strChooseAge.innerhtml="בחר שכבת גיל"
    			strAge0.innerhtml="בחר שכבת גיל"
    			strAge1.innerhtml="ביה""ס יסודי"
    			strAge2.innerhtml="חטיבה/תיכון"
    			strAge3.innerhtml="מבוגר"
    			strBirthday.innerhtml="תאריך לידה לועזי"
    			strRegister.innerhtml="הרשם לאתר"
    			strEmail.innerhtml="כתובת דוא""ל"
    			strInternet.innerhtml="כמות גלישה באינטרנט"
    			strNet0.innerhtml="בחר כמות"
    			strNet1.innerhtml="פעם פעמיים בחודש"
    			strNet2.innerhtml="פעם פעמיים בשבוע"
    			strNet3.innerhtml="גולש בקביעות"
    			strHand.innerhtml="האם ברצונך לקחת חלק באתר"
    			for i=0 to strYes.length-1
    			strYes(i).innerhtml="כן"
    			strNo(i).innerhtml="לא"
    			next
    			strHand1.innerhtml="עדכון והוספת מידע"
    			strHand2.innerhtml="עיצוב האתר"
    			strHand3.innerhtml="תיכנות"
    			strHand4.innerhtml="אחר"
    			strHand5.innerhtml="פרט:"
    			strHandWhat.innerhtml="במה ברצונך לקחת חלק?"
    			strPrivate.innerhtml="אין חובה למלא אף שדה, כמובן שאם יש לך שאלה או אם ברצנוך לעזור, מומלץ להשאיר פרטים בכדי שנוכל לחזור אליך"
    			strInf.innerhtml="אם אתה פועל בוועדה ציבורית כלשהיא בנוף אילון, האם ברצונך לקבל מידע כיצד האתר יכול לעזור לך?"
    			strWithTzibor.innerhtml="מהו תחום פעילותך?"
    			.subm.value="שלח שאלון"
    			.rest.value="נקה שאלון"
    			strOthers.innerhtml="אם יש לך שאלות/הערות נא הוסף כאן"
    			strThanks.innerhtml="תודה רבה שהקדשת מזמנך למילוי השאלון"
    			selectLang.align="right"
    			algBirhday.align="right"
    		case 1:
    			document.body.dir="ltr"
    			strFirstName.innerhtml="First Name"
    			strLastName.innerhtml="Last Name"
    			strChooseAge.innerhtml="Select age"
    			strAge0.innerhtml="Select age"
    			strAge1.innerhtml="Grade school"
    			strAge2.innerhtml="Jr.High/High School"
    			strInf.innerhtml="If you are on any Va'ada/do public service in Nof Ayalon would you like to receive any information about how the web site can help you?"
    			strAge3.innerhtml="Adult"
    			strBirthday.innerhtml="Date of Birth"
    			strRegister.innerhtml="Use this name to register"
    			strEmailEnable.innerhtml="Notify me by email when when the site is up and running"
    			strPrivate.innerhtml="It is not necessary to fill in all the fields. If you have any questions or if you would like to help, we suggest you fill in your details so that we can get back to you."
    			strEmail.innerhtml="Email"
    			strInternet.innerhtml="Internet use"
    			strNet0.innerhtml="Select use"
    			strHandWhat.innerhtml="How would you like to participate?"
    			strNet1.innerhtml="once/twice a month"
    			strNet2.innerhtml="once/twice a week"
    			strNet3.innerhtml="every day"
    			strHand.innerhtml="Would you like to participate"
    			for i=0 to strYes.length-1
    			strYes(i).innerhtml="Yes"
    			strNo(i).innerhtml="No"
    			next
    			strHand1.innerhtml="Insert and Update information"
    			strHand2.innerhtml="Edit and graphics"
    			strHand3.innerhtml="Programing"
    			strHand4.innerhtml="Others"
    			strHand5.innerhtml="Please specify:"
    			'strInf.innerhtml="אם
    			strWithTzibor.innerhtml="What Va'ada/public service are you in?"
    			.subm.value="Submit query."
    			.rest.value="Reset query"
    			strOthers.innerhtml="If you have any other questions/comments, please write them here."
    			strThanks.innerhtml="Thank you for filling in the questionnaire."
    			selectLang.align="left"
    			algBirhday.align="left"
    	end select
    end with
    end sub
    </script>
    </head>
    <body onload="vbs:setlanguage 0" bgcolor=#d7ffff>
    <form method="post" action="run.asp">
    <div dir=rtl><small>בס"ד</small></div><br>
    
    <center>
    <span style="font-size:30;">אתר האינטרנט של נוף אילון</span><br>
    <span style="font-size:35;">Nof Ayalon Web Site</span><br>
    </center>
    <hr width=75%>
    	<table align=center border=0 style="border:none" dir=rtl>
    	<tr>
    	<td style="border:none;" colspan=2>
    		<span id="selectLang" style="" align=right dir=ltr>
    		:בחר שפה לשאלון<br>
    		Select language for this Questionnaire:<br>
    		</span>
    	</td>
    	</td>
    	<tr>
    	<td style="border:none;">
    		<input type=radio name="ul" checked value="heb" onclick="vbs:SetLanguage 0">עברית<br>
    	</td>
    	<td dir=ltr style="border:none;">
    		<input type=radio name="ul" value="eng" onclick="vbs:SetLanguage 1">English<br>
    	</td>
    	</tr>
    	</table>
    	<br>
    <center>
    <table cellpadding=8 width=65% bgcolor=#ffcc00 style="font-size:18;border: solid;border-collapse: collapse">
    <td colspan=2 style="font-size:20;" bgcolor=#d7ffff id=strPrivate></td>
    </tr>
    <tr>
    	<td id="strFirstName"></td>
    	<td><input name="FirstName" type="text" maxlength=20</td>
    	</tr>
    <tr>
    	<td id="strLastName"></td>
    	<td><input name="LastName" type="text" maxlength=20</td>
    	<br>
    	<input name="Register" type="checkbox" ><span style="font-size:16;" id="strRegister"></span>
    </tr>
    <tr>
    	<td id="strEmail" ></td>
    	<td><input type="text" style="width:250px" name="Email" maxlength=30>
    	<br>
    	<input name="EmailEnable" type="checkbox" ><span style="font-size:16;" id="strEmailEnable"></span>
    	</td>
    </tr>
    <tr>
    	<td id="strChooseAge"></td>
    	<td>
    	<select name="Age"><option value="0" id="strAge0"></option>
    	<option value="1" id="strAge1"></option>
    	<option value="2" id="strAge2"></option>
    	<option value="3" id="strAge3"></option>
    	</select>
    	</td>
    </tr>
    <tr>
    	<td id="strBirthday"></td>
    	<td id="algBirhday" dir=ltr align=right>
    	<input name="BirthdayD" maxlength=2 style="width:30px;">/
    	<input name="BirthDayM" maxlength=2 style="width:30px;">/
    	<input name="BirthdayY" maxlength=2 style="width:30px;">
    	(dd/mm/yy)
    	</td>
    </tr>
    <tr>
    	<td id="strInternet"></td>
    	<td>
    	<select name="Internet">
    	<option value="0" id="strNet0"></option>
    	<option value="1" id="strNet1"></option>
    	<option value="2" id="strNet2"></option>
    	<option value="3" id="strNet3"></option>
    	</select>
    	</td>
    </tr>
    <tr>
    	<td id="strHand"></td>
    	<td>
    	<input type="radio" name="Hand" onclick="divHand.style.display='none'" ><span id="strNo"></span><br>
    	<input type="radio" name="Hand" onclick="divHand.style.display=''" ><span id="strYes"></span><br>
    	<div id="divHand" style="display:none;border:1px solid;background-color:#ffee22;">
    	<span id="strHandWhat"></span><br>
    	<input name="Hand1" type="checkbox"><span id="strHand1"></span><br>
    	<input name="Hand2" type=checkbox><span id="strHand2"></span><br>
    	<input name="Hand3" type=checkbox><span id="strHand3"></span><br>
    	<input name="Hand4" type=checkbox><span id="strHand4" ></span><br>
    	<span id="strHand5"></span><br>
    	<textarea name="HandOther" cols=30 rows=5></textarea>
    	</div>
    	</td>
    </tr>
    <tr>
    	<td><small><span id="strInf"></span></small></td>
    	<td>
    	<input type="radio" name="InfTzibor" onclick="divTzibor.style.display='none'" ><span id="strNo"></span><br>
    	<input type="radio" name="InfTzibor" onclick="divTzibor.style.display=''" ><span id="strYes"></span><br>
    	<div id="divTzibor" style="display:none;border:1px solid;background-color:#ffee22;">
    	<span id="strWithTzibor"></span><br>
    	<input name="WhomTzibor" type="text" style="width:250px;" maxlength=20>
    	</div>
    	</td>
    </tr>
    <tr>
    	<td style="font-size:17;" id="strOthers"><small><span id="strOthers"></span></small></td>
    	<td><textarea cols=30 rows=5 name="OtherTXT"></textarea></td>
    </tr>
    <tr>
    	<td colspan=2><center>
    	<input id="Subm" type="submit" style="background-color:77ddff">
    	<input id="rest" type=reset style="background-color:77ddff" NAME="Submit1">
    	</td>
    </tr>
    
    <input type="hidden" name="Userlng">
    <input type="hidden" name="UserRez">
    <input type="hidden" name="UserApp">
    <input type="hidden" name="UserPlatform">
    </table>
    <br>
    <div id="strThanks"></div>
    </center>
    </form>
    </body>
    </html> 
    Thank you,
    Aminadav.
    Last edited by Aminalaizer; 10-22-2003 at 04:46 AM.

  2. #2
    Android's Avatar

    Status
    Offline
    Join Date
    Oct 2002
    Location
    I AM CANADIAN
    Posts
    440

    Talking Re: Hello

    Is the page online? Can you post the URL? I can't figure out how to cut and paste the code from the code window (beyond the scroll offscreen).
    I don't see any instructions on how to do it, but I'll keep looking.

    EDIT: never mind I figured it out....click at the top of the document, shift+click at the bottom.....like any other application.
    Now.....to the task at hand.....
    Last edited by Android; 10-22-2003 at 08:54 AM.

  3. #3
    Android's Avatar

    Status
    Offline
    Join Date
    Oct 2002
    Location
    I AM CANADIAN
    Posts
    440

    Smile Think I got you....

    Put "#d7ffff" in the border attribute for that TABLE:
    Code:
    <table cellpadding=8 width=65% bgcolor=#ffcc00 style="font-size:18;border: #d7ffff solid;border-collapse: collapse">
    Appears to do what I think you want.
    BTW: Just above that you've got </td></td> where I think you mean </td></tr>.
    It might work, but it wouldn't pass validation. Cheers

  4. #4
    Aminalaizer's Avatar
    New User

    Status
    Offline
    Join Date
    Oct 2003
    Posts
    16

    Re: Think I got you....

    Thank,
    but I want to hide the border. You gave me a nice tip, but it's opposing all of the programing rules.
    When I want to change the body backgound I need to change it in two places.
    I want that the body background will not connect to the table.

    Thank you,
    Aminadav.

  5. #5
    Android's Avatar

    Status
    Offline
    Join Date
    Oct 2002
    Location
    I AM CANADIAN
    Posts
    440

    Talking Re: Think I got you....

    Quote Originally Posted by Aminalaizer
    Thank,
    but I want to hide the border. You gave me a nice tip, but it's opposing all of the programing rules.
    What rules is it opposing? It's simply adding a colour attribute to the border style that colours the border the same as the background.
    If you want the border around the top of the table to disappear, and have a border around the rest of the table, I would suggest putting the top table row in it's own table:
    Try putting "#d7ffff" in the border style for the whole table (as I instructed before, then insert:
    Code:
         <!--close the header table row and make it it's own table-->
    </table>
         <!--now start the main body as a new table-->    
    <table cellpadding=8 width=65% bgcolor=#ffcc00 style="font-size:18;border: solid;border-collapse: collapse">
    between the TR tags that close the header row and start the next row, to close the header table row and create a new table for the main body.
    Better?
    (BTW: I don't see a white border (IE6/Win2K). I see the default grey. Pretty hard to pick up against the #d7ffff background anyway.)

  6. #6
    coothead's Avatar
    bald headed old fart

    Status
    Offline
    Join Date
    Aug 2003
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    732

    Re: Hello

    Hi there Aminalaizer,

    I changed this part of your code...

    <table cellpadding=8 width=65% bgcolor=#ffcc00 style="font-size:18;border: solid;border-collapse: collapse">
    <td colspan=2 style="font-size:20;" bgcolor=#d7ffff id=strPrivate></td>
    </tr>


    to this...

    <div style="font-size:20px; width:64.5%; background-color:#d7ffff; padding:9px; text-align:left;" id=strPrivate></div>
    <table cellpadding="8" width="65%" bgcolor="#ffcc00" style="font-size:18px; border-style:solid; border-width:0 5px 5px 5px; border-color:#ffffff; border-collapse: collapse">


    Now this looks perfect to my eyes.
    There is one point that you may not be aware of.....
    your code does not appear to be cross browser compatible...IE only

    cthead

  7. #7
    Android's Avatar

    Status
    Offline
    Join Date
    Oct 2002
    Location
    I AM CANADIAN
    Posts
    440

    Talking Re: Hello

    Yup, that's cool that will have much the same effect. Now the border around the yellow part is white.