Viewing Thread:
"Urusei Machie"

This is where I post problems and questions while I work on my Language/Travel website.

Link coming soon =)

Hmmm... wrote:
> "L-T-L will be launching this January
> 2007."
>
> Today's the day ;¬)


Update today:
Website launching soon, hopefully before March

When I saw some of Machie's recent questions it did look like he may be some some way off ;¬)

Hope you're getting there Machie :)

"L-T-L will be launching this January 2007."

Today's the day ;¬)

Are you talking about the <h1> element as a whole, or just the "Singapore Zoo" text within it? Either way, it'll be a simple CSS task, using either the whole element, or surrounding the word(s) you want to colour differently with a <span> element.

Whole:
h1 {
background: #fff;
color: #8d0e44;
}
<h1>Home &gt; Travel &gt; Singapore &gt; Singapore Zoo</h1>

Snippet:
h1 [B]span[/B] {
background: #fff;
color: #8d0e44;
}
<h1>Home &gt; Travel &gt; Singapore &gt; [B]<span>[/B]Singapore Zoo[B]</span>[/B]</h1>


Ah thank you very much for that cjh =)

going back to an earlier problem you helped me with.

It's important to use the h1,etc tags as they get picked up by keywords. I'm using the h1 tag for my "You Are Here" thingie...

Home > Travel > Singapore > Singapore Zoo

The Singapore Zoo part the "current page title", I want to change the h1 colour to something else. How would I do that? I can do it if they were menu and menu2 classes but I'd like to use h1 as it's where there's good keywords.

Machie:
"Is there any other way to centre a submit button?"

Forgive me if I've gone down the wrong track here, but I got a little lost reading over the last few posts :)

The submit button is an inline element, but doesn't follow the text-align CSS property as it isn't really text, so to centre it, you'll need to declare it as a block element, and apply equal left and right margins, which can be done, like so:

input[type="submit"] {
display: block;
margin-left: auto;
margin-right: auto;
}
... or using shorthand on the margin ...
input[type="submit"] {
display: block;
margin: 0 auto; /* 0 referring to the desired top and bottom value */
}

The only problem here is I think IE 6 doesn't support the CSS selector element[type="whatever"], so you may need to adjust it to use an id or class that you've set for the submit button, such as:

input[B]#submit[/B] {
display: block;
margin: 0 auto;
}
<input type="submit" [B]id="submit"[/B] value="Vote">


Machie wrote:
> Putting it in the ul almost centered it all. How do I mess with
> the > figure? =) margin-bottom: -20px;

As ever its difficult to assert what you mean without seeing something. I can tell you how to format the list, what I cant do is tell you how to format it in the context of everything else around it as I cant see it. I assume you're talking about vertical centering here? You could try applying display:inline to the

perhaps that does what you want.

> I belive so. I guess they must have done something because they
> used to cause problems for the forum in the past.

Hm...maybe its from the message quoting. If you quote a message that already has a quoted message in it they remove excess >.

> Okay I'll put it aside for now. I also noticed that Opera
> doesn't like having the
> submit button. Perhaps the > submit button would center but the view results link wouldnt.
>
> Is there any other way to center a submit button?

Not really, you could apply centering to parent elements I guess.