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!
need to make big large square
Post new topic   Reply to topic    HTML Help Forum Index -> HTML Table
View previous topic :: View next topic  
Author Message
drake14



Joined: 29 Jul 2005
Posts: 132
Location: around...

PostPosted: Mon Aug 01, 2005 9:44 am     need to make big large square Reply with quote

is it possible to make a large square with a table? like, a sqaure in the middle of the screen...to put a picture in or something?
Corey Bryant
Site Admin


Joined: 15 May 2004
Posts: 8257
Location: Castle Rock CO USA

PostPosted: Mon Aug 01, 2005 10:17 am     Reply with quote



Do you already have a background? If not, use CSS to put the image there as a backgound:
Code:
<style type="text/css">
body
{
background-image: url('images/background.gif');
background-repeat: no-repeat;
background-position:  center;
}
</style>

Otherwise, you might consider using a table, but vertical alignment is a bit difficult for cross browser compatibility
drake14



Joined: 29 Jul 2005
Posts: 132
Location: around...

PostPosted: Mon Aug 01, 2005 7:12 pm     Reply with quote

kk...but is it possible to make a large square...like this size


||||||||||||||
||||||||||||||
||||||||||||||
||||||||||||||
||||||||||||||
||||||||||||||
||||||||||||||
Corey Bryant
Site Admin


Joined: 15 May 2004
Posts: 8257
Location: Castle Rock CO USA

PostPosted: Mon Aug 01, 2005 7:14 pm     Reply with quote

I am still not certain what you are trying to accomplish. What source code or url do you have to maybe help?
drake14



Joined: 29 Jul 2005
Posts: 132
Location: around...

PostPosted: Tue Aug 02, 2005 1:59 pm     Reply with quote

i guess what i want to know is, how do i make a square?
Corey Bryant
Site Admin


Joined: 15 May 2004
Posts: 8257
Location: Castle Rock CO USA

PostPosted: Tue Aug 02, 2005 2:20 pm     Reply with quote

Maybe
Code:
<table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0" height="100%">
   <tr>
      <td>
      <div align="center">
         <table border="0" width="25%" cellspacing="0" cellpadding="0" bgcolor="#000000" height="25%">
            <tr>
               <td>&nbsp;</td>
            </tr>
         </table>
      </div>
      </td>
   </tr>
</table>
drake14



Joined: 29 Jul 2005
Posts: 132
Location: around...

PostPosted: Wed Aug 03, 2005 6:16 am     Reply with quote

yea, thats what i need, how do i change the size of it?
Corey Bryant
Site Admin


Joined: 15 May 2004
Posts: 8257
Location: Castle Rock CO USA

PostPosted: Wed Aug 03, 2005 6:24 am     Reply with quote

Play with the percentages to see what happens
drake14



Joined: 29 Jul 2005
Posts: 132
Location: around...

PostPosted: Wed Aug 03, 2005 6:25 am     Reply with quote

kk, thanks for the help
Display posts from previous:   
Post new topic   Reply to topic    HTML Help Forum Index -> HTML Table All times are GMT - 8 Hours
Page 1 of 1

 
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