| View previous topic :: View next topic |
| Author |
Message |
CrimsonInHumanBlood
Joined: 14 Nov 2009
Posts: 7
|
 Posted: Sat Nov 14, 2009 1:29 pm tabless columns |
 |
|
|
I run a forum on Acorn rack, and I'm trying to create tables so things will look neater. Are there any Html codes for this?
I want my text to go in rows and look something like this:
00000000000 00000000000 00000000000 00000000000
00000000000 00000000000 00000000000 00000000000
00000000000 00000000000 00000000000 00000000000
00000000000 00000000000 00000000000 00000000000
00000000000 00000000000 00000000000 00000000000
00000000000 00000000000 00000000000 00000000000
00000000000 00000000000 00000000000 00000000000
00000000000 00000000000 00000000000 00000000000
00000000000 00000000000 00000000000 00000000000
00000000000 00000000000 00000000000 00000000000
00000000000 00000000000 00000000000 00000000000
00000000000 00000000000 00000000000 00000000000
00000000000 00000000000 00000000000 00000000000
00000000000 00000000000 00000000000 00000000000
00000000000 00000000000 00000000000 00000000000
So on...
I'm a bit of a novice at all of this. But anyone wish to help me a little? I'd appreciate it. |
|
PayneLess Designs
Joined: 28 Feb 2007
Posts: 4289
Location: MS
|
| Posted: Sat Nov 14, 2009 2:30 pm |
|
|
|
Might try:
| Code: |
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>
<title></title>
<meta name="created" content="Sat, 14 Nov 2009 22:04:35 GMT">
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<meta name="description" content="">
<meta name="keywords" content="">
<style type="text/css">
div#wrap {
width: 1040px;
height: 700px;
margin: 0 auto;
background: #000;
font-family: arial, 'times new roman', sans-serif;
font-size: 8pt;
text-align: justify;
color: #fff;
border: 1px solid #f00;
}
div#contents {
width: 1027px;
height: 700px;
margin: 0 auto;
border: 1px solid #f00;
}
div#left, div#center, div#right {
width: 320px;
padding: 10px;
}
div#left {
float: left;
border: 1px solid #0f0;
}
div#center {
float: left;
border: 1px solid #ff0;
}
div#right {
float: left;
border: 1px solid #00f;
}
</style>
</head>
<body>
<div id="wrap">
<div id="contents">
<div id="left">
<p>00000000000 00000000000 00000000000 00000000000</p>
<p>00000000000 00000000000 00000000000 00000000000</p>
<p>00000000000 00000000000 00000000000 00000000000</p>
<p>00000000000 00000000000 00000000000 00000000000</p>
<p>00000000000 00000000000 00000000000 00000000000</p>
</div>
<div id="center">
<p>00000000000 00000000000 00000000000 00000000000</p>
<p>00000000000 00000000000 00000000000 00000000000</p>
<p>00000000000 00000000000 00000000000 00000000000</p>
<p>00000000000 00000000000 00000000000 00000000000</p>
<p>00000000000 00000000000 00000000000 00000000000</p>
</div>
<div id="right">
<p>00000000000 00000000000 00000000000 00000000000</p>
<p>00000000000 00000000000 00000000000 00000000000</p>
<p>00000000000 00000000000 00000000000 00000000000</p>
<p>00000000000 00000000000 00000000000 00000000000</p>
<p>00000000000 00000000000 00000000000 00000000000</p>
</div>
</div>
</div>
</body></html>
<!-- http://www.htmlcodetutorial.com/help/ftopic16577.html&highlight= -->
|
Remove all the border CSS properties or set them to "0" (zero). Just used to check layout in Firefox and IE. |
|
CrimsonInHumanBlood
Joined: 14 Nov 2009
Posts: 7
|
| Posted: Sat Nov 14, 2009 2:38 pm |
|
|
|
oh alright, I can try that <3 thanks
http://www.acornrack.com/koigokoro/teacher.php
That is how you'll see it now, I just want them in more rows etc to make them look neater. if you get more of a idea of a layout
(you'll have to log in as guest) |
|
PayneLess Designs
Joined: 28 Feb 2007
Posts: 4289
Location: MS
|
| Posted: Sat Nov 14, 2009 2:50 pm |
|
|
|
Sorry, don't need to login as guest.
You asked for 3-rows, 4-columns. So, are you saying 4-rows, 2-columns or what? |
|
CrimsonInHumanBlood
Joined: 14 Nov 2009
Posts: 7
|
| Posted: Sat Nov 14, 2009 2:58 pm |
|
|
|
3-rows, 4-columns
oooooo ooooo ooooo
oooooo ooooo ooooo
oooooo oooooo oooo
oooooo oooooo oooo
so on kind of like that but more spaced to fit through the page and what not. |
|
CrimsonInHumanBlood
Joined: 14 Nov 2009
Posts: 7
|
| Posted: Sat Nov 14, 2009 3:00 pm |
|
|
|
i don't know if that code worked for the columns
My test site
http://www.acornrack.com/koi/test.php
| Code: |
<div id="wrap">
<div id="contents">
<div id="left">
<p><b>Mathematics</b><Br>
<u>Freshman</u><Br><Br>
<u>Sophomore</u><Br>
<Br>
<u>Junior</u><Br>
Phannendael Kaelja<Br>
<u>Senior</u><Br><Br>
</p>
<p><b>English</b><Br>
<u>Freshman</u><Br><Br>
<u>Sophomore</u><Br><Br>
<u>Junior</u><Br>
Caliex O'Brien<Br>
<u>Senior</u><Br>
Xanath M'Shea<Br></p>
<p><b>Psychology</b><Br>
<u>Freshman</u><Br>
Sui Caedere<Br><Br>
<u>Sophomore</u><Br>
Daisuke Goren<br><Br>
<u>Junior</u><Br><Br>
<u>Senior</u><Br><Br></p>
<p><b>Health</b><Br>
<u>Freshman</u><Br><Br>
<u>Sophomore</u><Br>
Hokkaido Sanpoki <Br>
<u>Junior</u><Br><Br>
<u>Senior</u><Br><Br>
</p>
<p>
<b>Physical Education</b><Br>
<u>Freshman</u><Br>
Asita Palmer <Br>
<u>Sophomore</u><Br>
Vosh Gizamirku <br>
<u>Junior</u><Br>
Nikonik Alabast<br>
<u>Senior</u>><Br>
Jacob 'Pony' Anthorz</p>
</div>
====================
<div id="center">
<p><b>Music</b><Br>
<u>Freshman</u><Br>
Amadeus Devereux<Br>
<u>Sophomore</u><Br><Br>
<u>Junior</u><Br>
Aerin Valence Ortega<Br>
<u>Senior</u><Br>
Vangelis Rain<Br><br></p>
<p><b>Philosophy</b><Br>
<u>Freshman</u><Br><Br>
<u>Sophomore</u><Br><Br>
<u>Junior</u><Br>
Gabriel Lutanaen<br>
<u>Senior</u><Br>
Areneras Cuthalion<Br></p>
<p><u>Home Economics</u><br>
<u>Freshman</u><Br><Br>
<u>Sophomore</u><Br>
<u>Junior</u><Br>
Clayton William Lavigne<Br>
<u>Senior</u><br>
Dominique<br>
Andreas Willem Williams <br><br></p>====
<p></p>
<p></p>
</div>
<div id="right">
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
</div>
</div>
</div>
<!-- http://www.htmlcodetutorial.com/help/ftopic16577.html&highlight= --> |
|
|
PayneLess Designs
Joined: 28 Feb 2007
Posts: 4289
Location: MS
|
| Posted: Sat Nov 14, 2009 3:06 pm |
|
|
|
| CrimsonInHumanBlood wrote: |
3-rows, 4-columns
oooooo ooooo ooooo
oooooo ooooo ooooo
oooooo oooooo oooo
oooooo oooooo oooo
so on kind of like that but more spaced to fit through the page and what not. |
What you show here is 2-rows, 3-columns. Is that what you want? |
|
CrimsonInHumanBlood
Joined: 14 Nov 2009
Posts: 7
|
| Posted: Sat Nov 14, 2009 3:09 pm |
|
|
|
Yes. Sorry if I'm confusing you.  |
|
PayneLess Designs
Joined: 28 Feb 2007
Posts: 4289
Location: MS
|
| Posted: Sat Nov 14, 2009 4:52 pm |
|
|
|
 I stay confused. Is this better?
| Code: |
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>
<title></title>
<meta name="created" content="Sat, 14 Nov 2009 22:04:35 GMT">
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<meta name="description" content="">
<meta name="keywords" content="">
<style type="text/css">
div#wrap {
width: 1040px;
height: 700px;
margin: 0 auto;
background: #000;
font-family: arial, 'times new roman', sans-serif;
font-size: 8pt;
text-align: justify;
color: #fff;
border: 1px solid #f00; /* remove - layout only */
}
div#top, div#bottom {
width: 238px;
margin: 0 auto;
padding: 10px;
}
/* START: remove - layout only */
div#top {
border: 1px solid #0f0;
}
div#bottom {
border: 1px solid #00f;
}
/* END: remove - layout only */
</style>
</head>
<body>
<div id="wrap">
<div id="top">
<p>00000000000 00000000000 00000000000</p>
<p>00000000000 00000000000 00000000000</p>
<p>00000000000 00000000000 00000000000</p>
<p>00000000000 00000000000 00000000000</p>
<p>00000000000 00000000000 00000000000</p>
</div>
<div id="bottom">
<p>00000000000 00000000000 00000000000</p>
<p>00000000000 00000000000 00000000000</p>
<p>00000000000 00000000000 00000000000</p>
<p>00000000000 00000000000 00000000000</p>
<p>00000000000 00000000000 00000000000</p>
</div>
</div>
</body></html> |
|
|
CrimsonInHumanBlood
Joined: 14 Nov 2009
Posts: 7
|
| Posted: Sat Nov 14, 2009 5:16 pm |
|
|
|
| is there a way to space those? like a break? but more space'd out |
|
PayneLess Designs
Joined: 28 Feb 2007
Posts: 4289
Location: MS
|
| Posted: Sat Nov 14, 2009 5:42 pm |
|
|
|
| Spaced in what way and what are you referring to as needing spacing? Please give details when you ask. |
|
CrimsonInHumanBlood
Joined: 14 Nov 2009
Posts: 7
|
| Posted: Sat Nov 14, 2009 11:26 pm |
|
|
|
Math Music Psychology
00000000000 00000000000 00000000000
00000000000 00000000000 00000000000
00000000000 00000000000 00000000000
00000000000 00000000000 00000000000
Everything doesn't really line up |
|
PayneLess Designs
Joined: 28 Feb 2007
Posts: 4289
Location: MS
|
| Posted: Sun Nov 15, 2009 1:44 am |
|
|
|
You didn't say what you wanted to line up. You just gave an example of how you wanted text to look and that's what I gave.
I can't read your mind as to the layout you want. You have to at least try coding something and then post the code it you are having problems. We are here to help, not do all the coding. |
|
winddomino
Joined: 05 Dec 2009
Posts: 2
|
| Posted: Sat Dec 05, 2009 2:08 am |
|
|
|
| Spaced in what way and what are you referring to as needing spacing? Please give details when you ask. |
|
|
HTML Help Forum
FAQ
Search
Memberlist
Register
Profile
Log in to check your private messages
Log in
