Preserved Topic: Dumb question about tabs and lists (Page 1 of 1) $Pages that link to <a href="https://ozoneasylum.com/backlink?for=20554" title="Pages that link to Preserved Topic: Dumb question about tabs and lists (Page 1 of 1)" rel="nofollow" >Preserved Topic: Dumb question about tabs and lists <span class="small">(Page 1 of 1)</span>\$

Genevieve Paranoid (IV) Inmate From: Santa Clara, CA, USA Insane since: Jul 2002	posted 08-21-2002 17:39 Hey all! Thanks in advance for help given . Anywho, here's my problem: I want to make something that is centered but under it has a list that is "tab"ed in but not centered to the page, only tabed under the centered text. Example: <center> CENTERED TEXT HERE. </center> tabed-->item 1 tabed-->item 2 etc. Get it? I think my problem with searching for this is that I'm just not sure WHAT I'm looking for in HTML terms and thus cannot search for said term. Any help would be very much appreciated. Sorry for the dumb q... Genevieve Hokanson Student Intern, GPB http://einstein.stanford.edu http://www.geocities.com/genevievescu/ [This message has been edited by Genevieve (edited 08-21-2002).] [This message has been edited by Genevieve (edited 08-21-2002).]
CPrompt Maniac (V) Inmate From: there...no..there..... Insane since: May 2001	posted 08-21-2002 17:44 No question is dumb Genevieve What I would do is not even use the <center> tag. Could you do it like this: <p align="center">CENTERED TEXT HERE</p> <p> tabed-->item 1<br/> tabed-->item 2<br/> </p> The paragraph tag will let you align text for only that one line. You can also use the <div> tag the same way if you wanted, depends on what you want really. I added the <br/> tag in there in case you wanted them to be underneath each other, if not then just remove them. Hope that helps. <edit> If you want a list under it you could do it like this too (this will put bullets beside each one) <p align="center">CENTERED TEXT HERE</p> <p> <ul> <li>tabed-->item 1</li> <li>tabed-->item 2</li> </ul> </p> </edit> Later, C:\ ~Binary is best~ [This message has been edited by CPrompt (edited 08-21-2002).]
Emperor Maniac (V) Mad Scientist with Finglongers From: Cell 53, East Wing Insane since: Jul 2001	posted 08-21-2002 17:45 Genevieve: Try putting the 'tabbed' itmes in: [code] <div style="margin-left:10px;"></div> [code] I'd use this instead of using BLOCKQUOTE (which you should really only use for block quotes ). If they are numbered items try using: [code] <ol> <li>Item 1</li> <li>Item 2</li> </ol> [code] Thats if I've understood your question, of course [edit: following on CPrompt's reply (too quick for me ) I'd tend to avoid align="center" and use a alignCenter class with text-align:center;margin:auto; ] ___________________ Emps FAQs: Emperor
CPrompt Maniac (V) Inmate From: there...no..there..... Insane since: May 2001	posted 08-21-2002 17:52 Emps, I totaly agree with you. The reason that I was doing it like that was because I feel that Genevieve is a little new to HTML and didn't want to bog him/her down with CSS stuff. But yes your are correct Sir. Later, C:\ ~Binary is best~
Genevieve Paranoid (IV) Inmate From: Santa Clara, CA, USA Insane since: Jul 2002	posted 08-21-2002 18:27 Wow! Reply reply reply! hehehe. Alrighty: CPrompt...it's a "she" as "Genevieve" is a girls name ^_^ hehe. I'm well...I'm not "new" perse to HTML, at least not time-wise...I just haven't had the opportunity to really explore it much until now :-) So I guess ya, I'm a newbie still heh ^_^. As for the code Both suggestions are great! I really appreciate them. I'm a little curious about Emp's alignCenter. How does that work? Can you show me some code with that in it? Anything to make this smoother and easier for the user (less loading time, etc) is a good thing since what I'm using this for is a non-copyrighted educational booklet for the general public consumption from work. The program we used to create the booklet in the first place converts the pages into crappy html. lol. Thus...Genevieve to the rescue!! And thus...Ozone Thanks! Genevieve Hokanson Student Intern, GPB http://einstein.stanford.edu http://www.geocities.com/genevievescu/ [edit: haha. Can't even spell my name right anymore rofl] [This message has been edited by Genevieve (edited 08-21-2002).]
CPrompt Maniac (V) Inmate From: there...no..there..... Insane since: May 2001	posted 08-21-2002 19:22 Thanks for clearing that up Genevieve. What Emps is refering to is using CSS to align text. Here is what you would do. In the <head> tag of your HTMl, add a CSS style sheet. <style></style> and then declare a "class" to define which text you want aligned. <style> .alignCenter {text-align:center;} </style> Then in your HTML you will set the text to this class by doing: <p class="alignCenter">CENTERED TEXT HERE</p> Here is a link to that stuff. Check out the w3Schools on CSS, it is a great tool. It will make a lot of thing A LOT easier on you, I swear! Good luck. Later, C:\ ~Binary is best~
Genevieve Paranoid (IV) Inmate From: Santa Clara, CA, USA Insane since: Jul 2002	posted 08-21-2002 19:32 Thanks! Unfortunately, she wants them ASAP. I might just spend the weekend going through w3school's stuff. If I e-mail the link to myself...and manage to wakeup on Saturday morning. lol. I've got about 8 projects all going on right now at once and (surprise!) they're all "asap"s. I think what I'll do is get started with what I've got (and your wonderful suggestions) and make 'em better with whatever I learn this weekend. Unless you think it would be better just to do this all in the first place with w3school input? Oh, another question: Do you happen to know if it is possible to overlap text w/ pics in html? If not, I'll just edit the pic w/ photoshop. OH! And my psd files aren't showing up using <img src="some_image.psd"> Does it have to be a gif or tiff? Gracias! Genevieve Hokanson Student Intern, GPB http://einstein.stanford.edu http://www.geocities.com/genevievescu/
Genevieve Paranoid (IV) Inmate From: Santa Clara, CA, USA Insane since: Jul 2002	posted 08-21-2002 19:34 CPrompt: For the .alignCenter stuff...is it possible to make a whole paragraph or several lines at once centered w/ that? Genevieve Hokanson Student Intern, GPB http://einstein.stanford.edu http://www.geocities.com/genevievescu/
Genevieve Paranoid (IV) Inmate From: Santa Clara, CA, USA Insane since: Jul 2002	posted 08-21-2002 19:44 Thanks!! This is what I ended up doing: code: <p class="alignCenter"> Gravity Probe B web site: <a href="http://einstein.stanford.edu/">http://einstein.stanford.edu</a><br> Gravity Probe B email: <a href="mailto:www@relgryo.stanford.edu">www@relgyro.stanford.edu</a><br> Educator's Guide created in March 2002<br><br> by Shannon K'doah Range and Jennifer Mullins.<br><br> THIS EDUCATOR'S GUIDE ADDRESSES THE FOLLOWING NATIONAL SCIENCE EDUCATION STANDARDS:<br><br></p> CONTENT STANDARD A<p> <div style="margin-left:10px;"> <li>Understanding about scientific inquiry.</li> </div><p> CONTENT STADARD B<p> <div style="margin-left:10px;"> <li>Structure of atoms</li> <li>Motions and forces</li> <li>Conservation of energy and increase in disorder</li> </div> And it looks just like I want it to! Thanks so much! Genevieve Hokanson Student Intern, GPB http://einstein.stanford.edu http://www.geocities.com/genevievescu/
CPrompt Maniac (V) Inmate From: there...no..there..... Insane since: May 2001	posted 08-21-2002 20:53 Good Job! Just a quick note, when you do <li> tags, be sure to add either <ul> for an unordered list or <ol> for an ordered list. Ordered will put numbers or letters and unordered will put bullets. <ul> <li>List 1</li> <li>List 2</li> <li>List 3</li> </ul> Later, C:\ ~Binary is best~
Emperor Maniac (V) Mad Scientist with Finglongers From: Cell 53, East Wing Insane since: Jul 2001	posted 08-21-2002 21:08 You will also need margin-auto - text-align: centre is fine for IE but (at least with some elements): code: .alignCenter { text-align: center; margin: auto; } ___________________ Emps FAQs: Emperor
Genevieve Paranoid (IV) Inmate From: Santa Clara, CA, USA Insane since: Jul 2002	posted 08-21-2002 23:18 Great! I did both. Thanks a ton. Question: How do you determine whether it puts letters or numbers? Genevieve Hokanson Student Intern, GPB http://einstein.stanford.edu http://www.geocities.com/genevievescu/
Emperor Maniac (V) Mad Scientist with Finglongers From: Cell 53, East Wing Insane since: Jul 2001	posted 08-22-2002 00:04 Genevieve: I presume you mean how you control lists (you'll need to use <ol> to get numbers and letters): www.w3.org/TR/REC-CSS2/generate.html#lists ___________________ Emps FAQs: Emperor
Genevieve Paranoid (IV) Inmate From: Santa Clara, CA, USA Insane since: Jul 2002	posted 08-22-2002 16:56 Thanks! : uts the link in her list:: ya! hehe. Anywho, you know that .alignCenter? Well, I did the same thing to alignLeft as well because I wanted it centered but aligned..if that makes any sense at all... Only, it put stuff ABOVE the alignLeft to the left as well...or else my center didn't work. Here's the code: code: <html> <head> <title> Page 4 </title> <style> .alignCenter {text-align:center; margin: auto;} .alignLeft {text-align:left; margin: auto;} </style> </head> <body> <p class="alignCenter"> <h1>Table of Contents</h1></p> <div style="margin-left:10px;"> <p class="alignLeft"> <h3>Introduction To Gravity Probe B: The Relativity Mission.....5</h3><br> <h3>I. Spacetime, Curved Spacetime, And Frame-Dragging.....6</h3> <div style="margin-left:10px;"> See? Did I do something wrong? Thanks! Genevieve Hokanson Student Intern, GPB http://einstein.stanford.edu http://www.geocities.com/genevievescu/
Emperor Maniac (V) Mad Scientist with Finglongers From: Cell 53, East Wing Insane since: Jul 2001	posted 08-22-2002 17:09 With left and right alignments you'll have to use float: www.w3.org/TR/REC-CSS2/visuren.html#floats ___________________ Emps FAQs: Emperor

Preserved Topic: Dumb question about tabs and lists (Page 1 of 1) $Pages that link to <a href="https://ozoneasylum.com/backlink?for=20554" title="Pages that link to Preserved Topic: Dumb question about tabs and lists (Page 1 of 1)" rel="nofollow" >Preserved Topic: Dumb question about tabs and lists <span class="small">(Page 1 of 1)</span>\$

Genevieve
Paranoid (IV) Inmate

From: Santa Clara, CA, USA
Insane since: Jul 2002

posted 08-21-2002 17:39

Hey all! Thanks in advance for help given . Anywho, here's my problem:

I want to make something that is centered but under it has a list that is "tab"ed in but not centered to the page, only tabed under the centered text.

Example:

<center>
CENTERED TEXT HERE.
</center>
tabed-->*item 1
tabed-->*item 2
etc. Get it? I think my problem with searching for this is that I'm just not sure WHAT I'm looking for in HTML terms and thus cannot search for said term. Any help would be very much appreciated.

Sorry for the dumb q...

Genevieve Hokanson
Student Intern, GPB http://einstein.stanford.edu http://www.geocities.com/genevievescu/

[This message has been edited by Genevieve (edited 08-21-2002).]

[This message has been edited by Genevieve (edited 08-21-2002).]

CPrompt
Maniac (V) Inmate

From: there...no..there.....
Insane since: May 2001

posted 08-21-2002 17:44

No question is dumb Genevieve

What I would do is not even use the <center> tag. Could you do it like this:

<p align="center">CENTERED TEXT HERE</p>
<p>
tabed-->*item 1<br/>
tabed-->*item 2<br/>
</p>

The paragraph tag will let you align text for only that one line. You can also use the <div> tag the same way if you wanted, depends on what you want really. I added the <br/> tag in there in case you wanted them to be underneath each other, if not then just remove them.

Hope that helps.

<edit>
If you want a list under it you could do it like this too (this will put bullets beside each one)

<p align="center">CENTERED TEXT HERE</p>
<p>
<ul>
<li>tabed-->*item 1</li>
<li>tabed-->*item 2</li>
</ul>
</p>

</edit>

Later,
C:\

~Binary is best~

[This message has been edited by CPrompt (edited 08-21-2002).]

Emperor
Maniac (V) Mad Scientist with Finglongers

From: Cell 53, East Wing
Insane since: Jul 2001

posted 08-21-2002 17:45

Genevieve: Try putting the 'tabbed' itmes in:

[code]
<div style="margin-left:10px;"></div>
[code]

I'd use this instead of using BLOCKQUOTE (which you should really only use for block quotes ).

If they are numbered items try using:

[code]
<ol>
<li>Item 1</li>
<li>Item 2</li>
</ol>
[code]

Thats if I've understood your question, of course

[edit: following on CPrompt's reply (too quick for me ) I'd tend to avoid align="center" and use a alignCenter class with text-align:center;margin:auto; ]

___________________
Emps

FAQs: Emperor

CPrompt
Maniac (V) Inmate

From: there...no..there.....
Insane since: May 2001

posted 08-21-2002 17:52

Emps, I totaly agree with you. The reason that I was doing it like that was because I feel that Genevieve is a little new to HTML and didn't want to bog him/her down with CSS stuff.

But yes your are correct Sir.

Later,
C:\

~Binary is best~

Genevieve
Paranoid (IV) Inmate

From: Santa Clara, CA, USA
Insane since: Jul 2002

posted 08-21-2002 18:27

Wow! Reply reply reply! hehehe. Alrighty: CPrompt...it's a "she" as "Genevieve" is a girls name ^_^ hehe.

I'm well...I'm not "new" perse to HTML, at least not time-wise...I just haven't had the opportunity to really explore it much until now :-) So I guess ya, I'm a newbie still heh ^_^.

As for the code Both suggestions are great! I really appreciate them. I'm a little curious about Emp's alignCenter. How does that work? Can you show me some code with that in it? Anything to make this smoother and easier for the user (less loading time, etc) is a good thing since what I'm using this for is a non-copyrighted educational booklet for the general public consumption from work. The program we used to create the booklet in the first place converts the pages into crappy html. lol. Thus...Genevieve to the rescue!! And thus...Ozone

Thanks!

Genevieve Hokanson
Student Intern, GPB http://einstein.stanford.edu http://www.geocities.com/genevievescu/

[edit: haha. Can't even spell my name right anymore rofl]

[This message has been edited by Genevieve (edited 08-21-2002).]

CPrompt
Maniac (V) Inmate

From: there...no..there.....
Insane since: May 2001

posted 08-21-2002 19:22

Thanks for clearing that up Genevieve.

What Emps is refering to is using CSS to align text. Here is what you would do.

In the <head> tag of your HTMl, add a CSS style sheet.
<style></style> and then declare a "class" to define which text you want aligned.

<style>
.alignCenter {text-align:center;}
</style>

Then in your HTML you will set the text to this class by doing:
<p class="alignCenter">CENTERED TEXT HERE</p>

Here
is a link to that stuff.

Check out the w3Schools on CSS, it is a great tool. It will make a lot of thing A LOT easier on you, I swear! Good luck.

Later,
C:\

~Binary is best~

Genevieve
Paranoid (IV) Inmate

From: Santa Clara, CA, USA
Insane since: Jul 2002

posted 08-21-2002 19:32

Thanks! Unfortunately, she wants them ASAP. I might just spend the weekend going through w3school's stuff. If I e-mail the link to myself...and manage to wakeup on Saturday morning. lol. I've got about 8 projects all going on right now at once and (surprise!) they're all "asap"s. I think what I'll do is get started with what I've got (and your wonderful suggestions) and make 'em better with whatever I learn this weekend.

Unless you think it would be better just to do this all in the first place with w3school input?

Oh, another question: Do you happen to know if it is possible to overlap text w/ pics in html? If not, I'll just edit the pic w/ photoshop. OH! And my psd files aren't showing up using <img src="some_image.psd"> Does it have to be a gif or tiff?

Gracias!

Genevieve Hokanson
Student Intern, GPB
http://einstein.stanford.edu
http://www.geocities.com/genevievescu/

Genevieve
Paranoid (IV) Inmate

From: Santa Clara, CA, USA
Insane since: Jul 2002

posted 08-21-2002 19:34

CPrompt: For the .alignCenter stuff...is it possible to make a whole paragraph or several lines at once centered w/ that?

Genevieve Hokanson
Student Intern, GPB
http://einstein.stanford.edu
http://www.geocities.com/genevievescu/

Genevieve
Paranoid (IV) Inmate

From: Santa Clara, CA, USA
Insane since: Jul 2002

posted 08-21-2002 19:44

Thanks!! This is what I ended up doing:

code:

<p class="alignCenter">

Gravity Probe B web site: <a href="http://einstein.stanford.edu/">http://einstein.stanford.edu</a><br>



Gravity Probe B email: <a href="mailto:www@relgryo.stanford.edu">www@relgyro.stanford.edu</a><br>



Educator's Guide created in March 2002<br><br>

by Shannon K'doah Range and Jennifer Mullins.<br><br>



THIS EDUCATOR'S GUIDE ADDRESSES THE FOLLOWING NATIONAL SCIENCE EDUCATION STANDARDS:<br><br></p>



CONTENT STANDARD A<p>



<div style="margin-left:10px;">

<li>Understanding about scientific inquiry.</li>

</div><p>



CONTENT STADARD B<p>

<div style="margin-left:10px;">

<li>Structure of atoms</li>

<li>Motions and forces</li>

<li>Conservation of energy and increase in disorder</li>

</div>

And it looks just like I want it to! Thanks so much!

Genevieve Hokanson
Student Intern, GPB
http://einstein.stanford.edu
http://www.geocities.com/genevievescu/

CPrompt
Maniac (V) Inmate

From: there...no..there.....
Insane since: May 2001

posted 08-21-2002 20:53

Good Job!

Just a quick note, when you do <li> tags, be sure to add either <ul> for an unordered list or <ol> for an ordered list.

Ordered will put numbers or letters and unordered will put bullets.

<ul>
<li>List 1</li>
<li>List 2</li>
<li>List 3</li>
</ul>

Later,
C:\

~Binary is best~

Emperor
Maniac (V) Mad Scientist with Finglongers

From: Cell 53, East Wing
Insane since: Jul 2001

posted 08-21-2002 21:08

You will also need margin-auto - text-align: centre is fine for IE but (at least with some elements):

code:

.alignCenter {

  text-align: center;

  margin: auto;

}

___________________
Emps

FAQs: Emperor

Genevieve
Paranoid (IV) Inmate

From: Santa Clara, CA, USA
Insane since: Jul 2002

posted 08-21-2002 23:18

Great! I did both. Thanks a ton. Question: How do you determine whether it puts letters or numbers?

Genevieve Hokanson
Student Intern, GPB
http://einstein.stanford.edu
http://www.geocities.com/genevievescu/

Emperor
Maniac (V) Mad Scientist with Finglongers

From: Cell 53, East Wing
Insane since: Jul 2001

posted 08-22-2002 00:04

Genevieve: I presume you mean how you control lists (you'll need to use <ol> to get numbers and letters):
www.w3.org/TR/REC-CSS2/generate.html#lists

___________________
Emps

FAQs: Emperor

Genevieve
Paranoid (IV) Inmate

From: Santa Clara, CA, USA
Insane since: Jul 2002

posted 08-22-2002 16:56

Thanks! : uts the link in her list:: ya! hehe. Anywho, you know that .alignCenter? Well, I did the same thing to alignLeft as well because I wanted it centered but aligned..if that makes any sense at all... Only, it put stuff ABOVE the alignLeft to the left as well...or else my center didn't work. Here's the code:

code:

<html>

<head>

<title>

Page 4

</title>

<style>

.alignCenter {text-align:center; margin: auto;}

.alignLeft {text-align:left; margin: auto;}

</style>

</head>

<body>

<p class="alignCenter">

<h1>Table of Contents</h1></p>

<div style="margin-left:10px;">

<p class="alignLeft">



<h3>Introduction To Gravity Probe B: The Relativity Mission.....5</h3><br>



<h3>I. Spacetime, Curved Spacetime, And Frame-Dragging.....6</h3>

<div style="margin-left:10px;">

See? Did I do something wrong?

Thanks!

Genevieve Hokanson
Student Intern, GPB
http://einstein.stanford.edu
http://www.geocities.com/genevievescu/

Emperor
Maniac (V) Mad Scientist with Finglongers

From: Cell 53, East Wing
Insane since: Jul 2001

posted 08-22-2002 17:09

With left and right alignments you'll have to use float:
www.w3.org/TR/REC-CSS2/visuren.html#floats

___________________
Emps

FAQs: Emperor