homepage Welcome to WebmasterWorld Guest from 54.211.190.232
register, free tools, login, search, subscribe, help, library, announcements, recent posts, open posts,
Subscribe to WebmasterWorld
Home / Forums Index / WebmasterWorld / New To Web Development
Forum Library, Charter, Moderators: brotherhood of lan & mack

New To Web Development Forum

    
vertical align text & border styles-no css code please-beginner
html help
palomar




msg:4494054
 2:57 am on Sep 12, 2012 (gmt 0)

Taking a class in HTML and given a project that is way to advanced and having tons of trouble with the really easy stuff. I can't find code for html, only css in vertical text alignment inside a table. Seems simple but? I don't know how to read css or use it in an html document and not wanting to use a css document right now. that is to advanced yet. Also looking to find a good html code and insertion point for how to change the style of a border in a table. working on recreating a regulation tennis court and can't seem to find simple html code, again just css. I understand css is for style but again, that is too advanced yet. Another issue I am having is where to enter the code once I have the solution code to my problem. Do I add it to an existing line of code or make a new one? I hope someone can help. those are just the most important questions at this time! Thanks!

 

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)" ?

!

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / WebmasterWorld / New To Web Development
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About
© Webmaster World 1996-2014 all rights reserved