 |
| |
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
|
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
|
