Tables & CSS

[warrenerjm]

Hi everyone

 

OK i have a very simple question that I can't find the answer to anywhere (google & books) which is not directly related to OSC, but I am hoping after you have stopped laughing you could impart some useful info to me please! :blush:

 

On the main index page I am trying to put a table with 2 columns & say 2 rows. No probs:

 

<TABLE>
<TR>
<TD><IMG SCR="etc" WIDTH="etc" HEIGHT="etc" BORDER="etc" ALT="etc"></TD>
<TD>text</TD>
</TR>
<TR>
<TD><IMG SCR="etc" WIDTH="etc" HEIGHT="etc" BORDER="etc" ALT="etc"></TD>
<TD>text</TD>
</TR>
</TABLE>

I make the BORDER="2" around the image, but I want that border to also be a color. I have tried BORDERCOLOR="#6699ff" in various places, COLOR= etc but nothing works!

 

I also cannot get the text in the second <TD> of each row to be the same as the text font & size of the main page? I have looked at the CSS but do not know if there is anything there that controls the text in tables?

 

As you can see I am in a little pickle & don't know who else to ask, so please can you help me with this basic html/css stuff. :D

 

Thanks

Julie

[warrenerjm]

:(

Any suggestions on some self help & learn HTML sites? Easy english too please, as I think I have found all the ones for experts :lol:

 

Thanks

Julie

[keltic]

Does this work ?

 

border: 1px solid #2763A5

[warrenerjm]

Does this work ?

 

border: 1px solid #2763A5

Hi Mike

 

Thanks for your reply. I guess you mean in the CSS, but where please? :blink:

 

I guess this is something I am going to be searching for, for ages. Oh well. :P

 

Julie

[lrjbart]

Hi everyone

 

OK i have a very simple question that I can't find the answer to anywhere (google & books) which is not directly related to OSC, but I am hoping after you have stopped laughing you could impart some useful info to me please! :blush:

 

On the main index page I am trying to put a table with 2 columns & say 2 rows. No probs:

 

<TABLE>
<TR>
<TD><IMG SCR="etc" WIDTH="etc" HEIGHT="etc" BORDER="etc" ALT="etc"></TD>
<TD>text</TD>
</TR>
<TR>
<TD><IMG SCR="etc" WIDTH="etc" HEIGHT="etc" BORDER="etc" ALT="etc"></TD>
<TD>text</TD>
</TR>
</TABLE>

I make the BORDER="2" around the image, but I want that border to also be a color. I have tried BORDERCOLOR="#6699ff" in various places, COLOR= etc but nothing works!

 

I also cannot get the text in the second <TD> of each row to be the same as the text font & size of the main page? I have looked at the CSS but do not know if there is anything there that controls the text in tables?

 

As you can see I am in a little pickle & don't know who else to ask, so please can you help me with this basic html/css stuff. :D

 

Thanks

Julie

 

You can use inline styles like this.

 

<TABLE>

<TR>

<TD><IMG SCR="etc" style="height:200px; width: 300px; border: 1px solid #2763A5;" ALT="etc"></TD>

<TD><h1 style="color: #2763a5;">text</h1></TD>

</TR>

<TR>

<TD><IMG SCR="etc" style="height:200px; width: 300px; border: 1px solid #2763A5;" ALT="etc"></TD>

<TD><h1 style="color: #2763a5;">text</h1></TD>

</TR>

</TABLE>

 

and for your text size you can use the following tags <h1></h1> <h2></h2> <h3></h3> <h4></h4> <h5></h5> <h6></h6> H1 is the biggest h6 is the smallest <p>this is for a paragraph</p>

 

To learn more go HEAR

[warrenerjm]

You can use inline styles like this.

 

<TABLE>

<TR>

<TD><IMG SCR="etc" style="height:200px; width: 300px; border: 1px solid #2763A5;" ALT="etc"></TD>

<TD><h1 style="color: #2763a5;">text</h1></TD>

</TR>

<TR>

<TD><IMG SCR="etc" style="height:200px; width: 300px; border: 1px solid #2763A5;" ALT="etc"></TD>

<TD><h1 style="color: #2763a5;">text</h1></TD>

</TR>

</TABLE>

 

and for your text size you can use the following tags <h1></h1> <h2></h2> <h3></h3> <h4></h4> <h5></h5> <h6></h6> H1 is the biggest h6 is the smallest <p>this is for a paragraph</p>

 

To learn more go HEAR

Thank you Les :thumbsup:

 

I'm going to try that now, & that site looks great. I shall be trying quite a few of their examples. Seeing what the code does helps.

 

Julie

[jbeales]

A good place to learn HTML & CSS is http://www.w3schools.com

[warrenerjm]

A good place to learn HTML & CSS is http://www.w3schools.com

Thanks John

 

That is what Les suggested & it is good. I have just learnt that I can solve the text problem by using the <td class="main"> from the CSS. I knew it had to be something to do with that, but didn't know quite how to resolve it. Now the text below the tables are as before but I am just playing & learning, until it looks right & then I'll move it to the live bit! Checking all my <td><tr>'s etc

 

I appreciate you guys taking time out to reply to me, as it is basic stuff to anyone who has been "properly" taught, but a pain to us php/html babies.

 

Julie :thumbsup: