A bold quote in my text. [Resolved]

[NoteMe]

If you look at this site:

http://www.klubbscenen.com/artister_squarepusher2.htm

it has two quotes. They are bold, and are centered in the midle.

How can I do this. I am at the moment using a span to get it in the middle, but that is only "centering" the first line, then the second one will be to the left side.

I was thinking about using a div, but I guess that will only "center" it on the midle, and then make it left aligned into that div. And as you see on the original site, thats not what I want.


Her is my try:
http://www.klubbscenen.com/klubbny2/profil2.php?PID=3


Any ideas?


[Edit] Changed it to a div now. Just to see what it looks like. Looks better, but not 100%[/Edit]

[NoteMe]

The person am doing the site for. Liked it with the quotes like a div, left centered. So I am going to keep it that way for now.

Thanks anyway.

[mendhak]

<td align="center"


or


<center></center>

[NoteMe]

Originally posted by mendhak
<td align="center"


or


<center></center>

Why didn't I think of that...using it (that button you know) all the time in word. Should have known it was a HTML thingy...


Thanks. I will ask the web site own what he likes the best. Thanks a lot....

[The Hobo]

Originally posted by mendhak
<td align="center"


or


<center></center>

Deprecation leads to mastu...something.

[mendhak]

Originally posted by The Hobo
Deprecation leads to mastu...something.

<center>s are... but didn't know <td>s were horny!

[CornedBee]

<td>s aren't, the align attribute on them is.

[NoteMe]

Stop confusing me now....what do you mean about my tags now. Why is my <center> tags horny and mastruba****...what happend to all of your english skills?

[CornedBee]

They are deprecated because they are presentational. HTML is a language that defines document structure, not layout. Vendor extensions like <b>, <center>, <blink> etc were actually against the spirit of HTML, but at that time there was no alternative.
Now that CSS is reasonably well supported we can go back to semantic HTML and leave the presentation to CSS.
Thus the presentational tags and attributes are deprecated in HTML4 Transitional and removed in HTML4 Strict.

<center> and the align attribute on td are such presentational tags and attributes.
I have no idea how The Hobo came up with mast... for this.

[NoteMe]

OK.....but as long as it works, and I can't find any good CSS ways to do it. I will let it be.

Thanks BTW

[CornedBee]

Oh my dear! The example has no less than 8 nested tables!!! And the funny part is that it STILL doesn't render correctly in Moz...


You see, simply giving the block element that contains the quote a
text-align: center;
CSS rule suffices for centering it. What's more, you only need a <p> for that. No need for a full table as this layout has. Really. There's a complete table with a single cell. Why???

[NoteMe]

Originally posted by CornedBee
Oh my dear! The example has no less than 8 nested tables!!! And the funny part is that it STILL doesn't render correctly in Moz...


You see, simply giving the block element that contains the quote a
text-align: center;
CSS rule suffices for centering it. What's more, you only need a <p> for that. No need for a full table as this layout has. Really. There's a complete table with a single cell. Why???

You only looked at the example. The example page was done in FrontPage 4-5 years ago....thats why we are making a new page now......

And the problem with p and div was that it gave me an extra line break. And that doesn't look good. Thats why I used SPAN in the end. My first time. Didn't even know it existed. But I guess I can use text-aligned on a span anyway. Will test it now.


[Edit]The second link in the first post is my go at the moment....don't try to validate it yet...

[NoteMe]

Yes that worked...no longer using the <center> tag..

[CornedBee]

Remove the margins from the p:

p {
  margin: 0;
}

That will deal with extra whitespace above and below the paragraph.

I like the new approach, except for all those linebreaks. As I said, properly adjusted ps work much better.

All tags in XHTML must be lower-case, so you might want to change those SPANs.

I see that the menu is JS-generated. Why? Since you're already using server-side scripts, it would be better to use them to generate the menu, preferably in a manner that degrades somehow if JS is disabled.

[NoteMe]

Originally posted by CornedBee
Remove the margins from the p:

p {
  margin: 0;
}

That will deal with extra whitespace above and below the paragraph.

Are you sure? I am pretty sure that I tried both padding:0 and margin:0, but I can try again. I am some times so frustrated that I try everything at the same time..

Originally posted by CornedBee
I like the new approach, except for all those linebreaks. As I said, properly adjusted ps work much better.
[/B]

I like the new site better too. And I agree on all the <br>s, but the problem is that the authours of the site are writing in a text box, and don't know **** about HTML, so I am not sure on how to use <p> on it. Then just hit enter, and then it is inserted in a MySQL database, and then my page is changing all their Enter presses (/n) to <br> so we can see them on the page. Any other good ideas on how to do this?

The only thing I don't like with the page right now is that if you are using 1024 or smaller then you will have two vertical scroolbars. I have told them that it's not a good idea. But they don't like to listen to me..

Originally posted by CornedBee
All tags in XHTML must be lower-case, so you might want to change those SPANs.
[/B]

Thanks thats small things that I never cought up in my web class. We are learning (X)HTML, CSS, PHP, MySQL and JS on the same time, and we only have 5 hours a week in 5 months. So I can't say that I master it all. But I will remember to change that. Thanks for the input.

Originally posted by CornedBee
I see that the menu is JS-generated. Why? Since you're already using server-side scripts, it would be better to use them to generate the menu, preferably in a manner that degrades somehow if JS is disabled. [/B]

The menu was the first thing I did. And I didn't want to make a menu for all the pages. Wanted one change in the menu to effect all the pages. But a friend told me that I could use a table in my database to get out all the links and then make a CSS menu. Felt so stupid when he told me it was so easy. Still things I don't know to do in CSS like hiding the "dropdown menu" and then make it visible when a user holds over the menu. But I guess there is some hover property and a visible property or something. Will find out that when I get to it. But I think it will be the last thing I do.

But I like the alpha blended menu as it is now. Not sure if that can be done in CSS without a picture.

[CornedBee]

I don't know to do in CSS like hiding the "dropdown menu" and then make it visible when a user holds over the menu. But I guess there is some hover property and a visible property or something

Look at my page:
http://stud3.tuwien.ac.at/~e0226430/
The menu is entirely CSS-driven. However, this is not supported in IE. The practical approach is to use this technique and back it up with JS to make it work in IE and look better (sometimes) in other browsers.

But I like the alpha blended menu as it is now. Not sure if that can be done in CSS without a picture.

It can. The opacity property does exactly that.
However, opacity is supported only since Moz 1.6, before that it was -moz-opacity. And IE doesn't support it at all, it supports some other technique to achieve the same effect though.
Don't know about Opera.

[NoteMe]

I hoped I didn't have to make one in JS and one in CSS. Thats why I did it in JS, becuase I think there is more users on our site that has JS enabled, then there is NOT IE users on our site.

[CornedBee]

I didn't mean the popping up. I'm ok with making that in JS only. What I wonder is why the menu is generated with JS in the first place. If you turn JS off then there's a blank space where the menu should be.

[NoteMe]

I know. But you said that if I did it this way:

http://stud3.tuwien.ac.at/~e0226430/

in CSS, it wouldn't work in IE? Or did you mean that the page doesn't work in IE?

[CornedBee]

Both. However, as I said, that's not what I'm referring to. I am referring to this:

<div id="Menylinje">
	<script type="text/javascript" language="javascript1.2" src="resources/menu.js"></script>
</div>

As you see, if JavaScript is disabled the menu is just... an empty div.

[NoteMe]

Yeah I understand that. But if you are saying that the CSS way doesn't work in IE, and the user is using IE with JS disabled, then it won't work either way???

[CornedBee]

Right. But I generally regard users with enough technical knowledge to disable JS who still use IE as not worthy my attention, same goes for tech departments who disable JS but don't install a better browser.

But then, I don't have to make any money with my page, that's why it's completely invisible to IE.

[NoteMe]

Originally posted by CornedBee
Right. But I generally regard users with enough technical knowledge to disable JS who still use IE as not worthy my attention, same goes for tech departments who disable JS but don't install a better browser.

But then, I don't have to make any money with my page, that's why it's completely invisible to IE.

We are not making any money on this page wither. But I like to have so many viewers as possible.

But thanks for the input regarding the menu, and everything else.

ØØ

[The Hobo]

Originally posted by CornedBee
I have no idea how The Hobo came up with mast... for this.

It rhymed.

[NoteMe]

Originally posted by The Hobo
It rhymed.

Hehe...didn't catch that one...