The Internet Classroom
about tables..
2006/06/29 12:47:22 PDT by Arnold

Hey TA's how do you put a picture in ur table??

2006/06/29 12:50:49 PDT by aqhong

Just use the code for an image inside the code for a table cell. For example, a 2x2 table with an image in the top-left cell:

<table>
<tr> <td><img src="filename.jpg" alt="description" /></td> <td></td> </tr>
<tr> <td></td> <td></td> </td>
</table>
2006/06/29 17:28:54 PDT by Arnold

thanks Alex...man ur like a 24/7 TA lol...oh yea one more thing...remember when Kyle was talking about the "margins" and what not...how did his tables have color...i was trying to do something but my tables have no color man..

2006/06/29 18:33:40 PDT by aqhong

Kyle didn't use tables in his lecture, I don't think. Do you mean boxes? As in <div>s and <span>s?

2006/06/30 15:26:45 PDT by Arnold

Hey Alex...when i'm trying to link the CSS file to the HTML file...how i do that..
ex. my html file is "div.html"
what would my css file name be??

2006/06/30 15:35:27 PDT by aqhong

It can be whatever you want. Just put this in the <head>:

<link rel="stylesheet" type="text/css" href="whatever.css" />
2006/06/30 15:36:07 PDT by Arnold

<html>
<head><style type="text/css">
<title>ALK:LK</title>
body {
background-color: #63B8FF;
color: #CD2626;
}

h1 {
color: #FF5721;
}

h1 {
margin: 20px;
border: 1px solid blue;
padding: 10px;
}

p {

margin: 5px 10px 7px 15px;

padding: 15px 20px;

}
</style>
</head>

<body>
<div id="redsection">
<h1 class="title">A cool title</h1>
</div>

<div id="bluesection">
<h1 class="title">Another cool title</h1>
</div>

</body>
</html>

HOW DO I CENTER THE TITLES IN THE CENTER OF THE BLOCK?

2006/06/30 16:10:17 PDT by aqhong

Your <title> needs to be moved outside the <style>.

To center the titles:

.title { text-align: center; }
2006/06/30 16:10:55 PDT by Arnold

thanks dude.......u rock man lol

2006/07/01 17:06:21 PDT by Arnold

How do u add color do your blocks??

Added at 2006/07/01 17:06:32 PDT

or boxes??

2006/07/02 01:11:08 PDT by Raikia
[Raikia's avatar]

For example, if you want to put color behind, say, an h3, it would look something like this.

h3 {background-color: red;}

You can change the size of the red box by playing around with the padding =P. Alex could probably explain it better.

(¯`v´¯)
`*.¸.*´
¸.•´¸.•*¨) ¸.•*¨)
(¸.•´ (¸.•´ .•´ ¸¸.•¨¯`•. ~Raid kills on contact <3

2006/07/02 10:18:37 PDT by aqhong

You did a fine job of explaining it yourself :)

Basically, you can apply a background-color to a table or table cell the same way you apply it to any block element.

2006/07/02 12:49:12 PDT by Arnold

thanks Alex and Raikia...

2006/07/02 15:10:06 PDT by Arnold

hey Alex...when i do tables and stuff right...like 2 tables side by side...why do they not align with each other..one's always a little higher...sort of like the "google" problem..i hope u know what i'm talking abuot...if anyone knows why please let me know..

2006/07/05 18:08:47 PDT by Arnold

Alex....if i'm creating 2 tables right....how do i seperate them and make one on the left and one on the right...like u know those menu tables on the left of pages..so yea let me know please...

All TIC materials copyright © 2006 Cynthia Nie and Trevor Ridinger
Powered by Io Community Manager, Evlan, and FreeBSD