HTML Tutorial


 Forum HomeForum Home   FAQFAQ   SearchSearch   MemberlistMemberlist   RegisterRegister 
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 
RegisterRegister - Not registered yet? Got something to say? Join HTML Code Tutorial!
graphics for tables
Goto page Previous  1, 2
Post new topic   Reply to topic    HTML Help Forum Index -> HTML Table
View previous topic :: View next topic  
Author Message
DCCS - The Apprentice



Joined: 12 Jul 2004
Posts: 68
Location: DC

PostPosted: Thu Jul 15, 2004 7:09 am     Reply with quote

bah, no luck on an image yet. I'd have to email it since this doesnt allow images to be loaded here. I'm not allowed to publish it. Sad so, I duno. I'll figure somethin out.
DCCS - The Apprentice



Joined: 12 Jul 2004
Posts: 68
Location: DC

PostPosted: Fri Jul 16, 2004 7:35 am     Reply with quote

alright, so, I've decided to break it down and go to style sheets and it's editing ways. *80's brackdrop beat begins*

ok, stop-
colaborate and listen
the apprentice has a new transition
goin to style sheets
and their beautiful text
break out the code and I start to flex
my computer muscle
put on a bandana and start to hustle
time's limited,
it's about lunch time
I need to stop acting like an idiot and quit this dumb rhyme
but seriously
I may have a table problem
so I was hoping you could help me solve 'em
but we'll talk later
companies wastin dough
on my mic spit with my nerdy flow
so,
if you don't mind, if you could take the time
to solve this table problem, as the day unwinds
werdz0r...

IBM wut, wut?!
mjpliv



Joined: 11 May 2004
Posts: 406
Location: Nova Scotia

PostPosted: Fri Jul 16, 2004 8:13 am     Reply with quote

Could you run that one by me in plain english please
DCCS - The Apprentice



Joined: 12 Jul 2004
Posts: 68
Location: DC

PostPosted: Fri Jul 16, 2004 8:25 am     Reply with quote

haha, alright sorry. just tryin to lighten things up. anyways, heres my real prob.

Code:
<html>
<head>
<title>:test:</title>
<link href="resources1/stylez.css" rel="stylesheet" type="text/css">
<STYLE TYPE="text/css">
<!--
BODY
   {
   color:#000066;
   background-color:white;
   font-family:serif;
   }
A:link{color:#333300}
A:visited{color:#339900}
-->
</STYLE>
</head>
<body>
<table align=left width="20%" height="5" border="0" cellpadding=0 cellspacing=0>
   <tr>
      <td align=center class="boldtable"><h5>Header</h5></td>
   </tr>
   <tr>
      <td colspan=3>
      <table width="100%" cellspacing=0 cellpadding=0 align=left>
   <tr>
      <td bgcolor="navy"><img src="resources1/space.gif" width=2 height=1 border=0></td>
      <td bgcolor="white"><img src="resources1/space.gif" width=2 height=1 border=0></td>
<table width="100%" bgcolor="white">
   <tr><td colspan=2 height=8>Test 00 1</td></tr>   
   <tr><td colspan=2 height=8>Test 00 2</td></tr>
</table>
   </tr>   
   <table width="100%" cellspacing=0 cellpadding=0 align=right>
      <td bgcolor="white"><img src="resources1/space.gif" width=2 height=1 border=0></td>
      <td bgcolor="navy"><img src="resources1/space.gif" width=2 height=1 border=0></td>
</table>   

</body>
</html>


my style sheet isn't really anything:

Code:
.boldtable, .boldtable TD, boldtable TH,
font-family:serif;
font-size:20pt;
color:white;
background-color:#000066;
}


H5
{
font-size:12pt;
}


anyways, I'm just trying to duplicate the whole table with gfx thing that we have been talkin about. I've been reverting back to what you previously posted that dealt with this exact thing. but, hmm. I duno. if you just c + p all that you should know what I'm talkin about.
DCCS - The Apprentice



Joined: 12 Jul 2004
Posts: 68
Location: DC

PostPosted: Fri Jul 16, 2004 8:56 am     Reply with quote

and I don't think you'll need a space.gif will yu? you have a link to it, so, I guess you could save it yourself.
mjpliv



Joined: 11 May 2004
Posts: 406
Location: Nova Scotia

PostPosted: Fri Jul 16, 2004 9:45 am     Reply with quote

Sorry, I am not sure what you are trying to accomplish with this code. Is this supposed to be some text over a blue line? A description would help. Keep in mind that I answer 25-50 questions a day on several forums.

There are colspan entries referring to columns that don't exist. There is a table data that is not closed. Please review your code carefully. Look at each opening tag and make sure that each is closed properly. Indent your text so that page elements are grouped together like this -

Code:
<table width=70%">
     <tr>
            <td width="50%">
                    <table>
                            <tr>
                                    <td>
                                    TABLE STUFF
                                    </td>
                            </tr>
                     </table>
            </td>       
            <td width="50%">
                     <table>
                            <tr>
                                    <td>
                                    TABLE STUFF
                                    </td>
                            </tr>
                     </table>
             </td>
      </tr>
</table>   


It makes it esier for you (and me) to see what you are trying to do.
DCCS - The Apprentice



Joined: 12 Jul 2004
Posts: 68
Location: DC

PostPosted: Fri Jul 16, 2004 10:00 am     Reply with quote

-Don't read the entire code.- *my problem has mainly been solved, no checking is required.

alright sorry about that bro. alright, here's me code so far:

Code:
<html>
<head>
<title>:test: Davie County Online</title>
<link href="resources1/stylez.css" rel="stylesheet" type="text/css">
<STYLE TYPE="text/css">
<!--
BODY
   {
   color:#000066;
   background-color:white;
   font-family:serif;
   }
A:link{color:#333300}
A:visited{color:#339900}
-->
</STYLE>
</head>
<body>
<table align=left width="20%" height="5" border="0" cellpadding=0 cellspacing=0>
   <tr>
      <td align=center class="boldtable"><h5>Header</h5></td>
   </tr>
   <tr>
      <td colspan=3>
      <table width="100%" cellspacing=0 cellpadding=0 align=left>
   <tr>
      <td bgcolor="navy"><img src="resources1/space.gif" width=2 height=1 border=0></td>
      <td bgcolor="white"><img src="resources1/space.gif" width=2 height=1 border=0></td>
<table width="100%" bgcolor="white">
   <tr><td colspan=2 height=8>Test 00 1</td></tr>   
   <tr><td colspan=2 height=8>Test 00 2</td></tr>
   <tr><td colspan=2 height=8>Test 00 3</td></tr>
   <tr><td colspan=2 height=8>Test 00 4</td></tr>
   <tr><td colspan=2 height=8>Test 00 5</td></tr>
</table>
    <td bgcolor="white"><img src='resources1/space.gif' width=6 height=1 border=0 alt="spacer"></td>
                <td bgcolor="navy"><img src='resources1/space.gif' width=2 height=1 border="0" alt="spacer"></td>
            </tr>
        </table>
        </td>
    <tr>
        <td colspan="3">
         <table border="0" cellpadding="0" cellspacing="0">
            <tr>
               <td bgcolor="navy"><img src='resources1/bottom_left.gif' width="10" height="11" border="0" alt="left corner blue image"></td>
               <td width="100%" background='resources1/bg_blue_white.gif'><img src='/wps/themes/html/MiamiDade/space.gif' width="1" height="1" border="0" alt="spacer"></td>
               <td bgcolor="navy"><img src='resources1/bottom_right.gif' width="10" height="11" border="0" alt="right color blue image"></td>
            </tr>
         </table>
        </td>
    </tr>
</table></td>
</body>
</html>


I've basicly gotten it to work so far. a small width problem for my space area, but I've really gotten it. heh heh, yeah, I forgot to end a couple of tags Embarassed but, I got em fixed Cool . I guess I'm preatty much done on these ideas, since I'm starting to correct and figure out what I'm supposed to do before yu got a chance to post again. but I appreciate it a whole lot man. you're awesome Very Happy

(also, remember that this forum is fitting the box of code so it will fit, it's organized, but it gets scrunched when put in here Smile)


Last edited by DCCS - The Apprentice on Fri Jul 16, 2004 10:06 am; edited 1 time in total
DCCS - The Apprentice



Joined: 12 Jul 2004
Posts: 68
Location: DC

PostPosted: Fri Jul 16, 2004 10:01 am     Reply with quote

oh yeah, and to answer your question, was just making a table that had a colored border. go to my first post, and it has the link and such explaining what I was trying to accomplish.
mjpliv



Joined: 11 May 2004
Posts: 406
Location: Nova Scotia

PostPosted: Fri Jul 16, 2004 11:01 am     Reply with quote

Glad to see you are getting it worked out!

Just in case you missed it there is an image tag looking for one of your "borrowed" gifs at '/wps/themes/html/MiamiDade/space.gif' . This will cause an error on your page without the full address for the GIF on that page.

I can see the code for your left and right vertical lines as well as the bottom GIF assembly but nothing for the top of the box. I can only assume you are getting it built one step at a time.

Keep working at it!
DCCS - The Apprentice



Joined: 12 Jul 2004
Posts: 68
Location: DC

PostPosted: Fri Jul 16, 2004 11:05 am     Reply with quote

haha, indeed you are correct in any and all that you had just mention. It is COMPLETE~ w00p!

anyways, again, thanks a whole bunch dude. all the help was so much appreciated. it looks very good Very Happy if I had a cookie I'd give it to you! you are completly and utterly the man~

thanks fella Smile,
' thrifty -
mjpliv



Joined: 11 May 2004
Posts: 406
Location: Nova Scotia

PostPosted: Fri Jul 16, 2004 11:17 am     Reply with quote

Glad I could help!
Display posts from previous:   
Post new topic   Reply to topic    HTML Help Forum Index -> HTML Table All times are GMT - 8 Hours
Goto page Previous  1, 2
Page 2 of 2

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
HTML Help Archive
Powered by phpBB © 2001, 2005 phpBB Group
HTML Help topic RSS feed 

 
HOSTING / DESIGN
MAKE MONEY

Home
  |   Tutorials   |   Forum   |   Quick List   |   Link Directory   |   About
Copyright ©1997-2002 Idocs and ©2002-2007 HTML Code Tutorial