lostdreamer
msg:4494266 | 11:58 am on Sep 12, 2012 (gmt 0) |
This should get you started on creating a tennis court.
I've thrown in a little bit of CSS so you can get used to it a bit ahead of time. (for now it is only used to set the background color)
You can simply copy paste the following into a .html file
<html>
<head>
<style>
table.court {
background-color:#267F00;
}
</style>
</head>
<body>
<table class="court" width="100%" border="1">
<tr>
<td valign="top"> Cell 1 (top) </td>
<td> Cell 2<br> Cell 2<br> Cell 2<br> </td>
<td> Cell 3 (middle) </td>
<td valign="bottom"> Cell 4 (bottom) </td>
</tr>
</table>
</body>
</html>
I would normally not recommend this website, but for first time beginners it might still be a good read:
[w3schools.com...]
|
lucy24
msg:4494448 | 7:36 pm on Sep 12, 2012 (gmt 0) |
And then once you know your way around a little, you can proceed to
[w3.org...]
although I'll bet I am not the only one who consults the equivalent css page at least ten times as often ;)
It looks as if the things you are supposed to be learning at this point are:
--setting borders on table cells (done in html with the "cellspacing" attribute in conjunction with explicit border info)
--setting explicit size of table cells (using the "height" and "width" attributes)
--using "colspan=" or possibly "rowspan=" depending on which way your tennis court is facing
I used the UIUC tutorial for years, but they finally shut down, darn it.
Tables can be done entirely in HTML, but oh, man, are they clunky. And there are times when only the format "style='width:somenumber'" is muscular enough to override the table's individual whims.
|
palomar
msg:4494544 | 1:37 am on Sep 13, 2012 (gmt 0) |
Thank you very much, I will check all that info out! By the way one part of the text has to be turned on a 90 degree angle. Do you know how to do that? Thanks, P.
|
Leosghost
msg:4494548 | 2:03 am on Sep 13, 2012 (gmt 0) |
You need to look up /search a property called "writing-mode" specifically.. writing mode:tb-rl ..
Also dealt with here in past threads..although used in conjunction with a div..
[webmasterworld.com...]
and here
[webmasterworld.com...]
and here
[webmasterworld.com...]
and here
[webmasterworld.com...]
and there are more..
search this
writing-mode tb-rl filter flipv fliph
and you'll get lots of answers from this site and others..
It gets more complex ( at the stage that you are at now it will seem like it is all complex :)..we were all there once ) the more different browsers you want it to work in..
|
lucy24
msg:4494593 | 5:03 am on Sep 13, 2012 (gmt 0) |
| By the way one part of the text has to be turned on a 90 degree angle. |
|
Are they nuts? Do they want you to learn how to make pages that say "This page will only display as intended on Browser A (versions 73 and up), Browser B (versions 34 and up, excluding 42-44), and Browser C (but only on alternate Tuesdays)" ?
!
|
|
