Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
Re: Getting RSS feed to work in Firefox browser
With CSS, you can’t create your own tags. That’s XML. What you’re probably thinking of is creating an ID or class read_more.
XHTML
<code><p id=“read_more”>…</p></code>
CSS
<code>
#read_more { font: small-caps bold 1.3em/2em Verdana,sans-serif; }
</code>
<code>selector { property: value; }</code>
That’s just shorthand” for a bunch of font properties. This and this may help (self promotion!).
What would really help is going to the W3Schools and learning CSS. It may seem dry at first, but it’s interesting once you see what you can do, after the first pages.
Offline
#14 2006-01-24 08:22:51
- digicammad
- Member
- Registered: 2005-10-11
- Posts: 71
Re: Getting RSS feed to work in Firefox browser
Thanks very much, yeah terminology problem here, I have been creating my own classes. I’m a bit confused as to when a class needs a # in front and when it doesn’t, thanks for the link to w3schools, I’ll bookmark that.
Offline
Re: Getting RSS feed to work in Firefox browser
maybe this will help:
(css) <code>#name</code> is (xhtml) <code>id=“name”</code>
(css) <code>.name</code> is (xhtml) <code>class=“name”</code>
:)
Last edited by maharis (2006-01-24 09:49:40)
Offline
#16 2006-01-24 10:28:57
- digicammad
- Member
- Registered: 2005-10-11
- Posts: 71
Re: Getting RSS feed to work in Firefox browser
Okay thanks, now I just need to work out when to use which. :0)
Offline
Re: Getting RSS feed to work in Firefox browser
I tend to use ID’s more than classes, mainly because it’s easier for me. For big things, like a header, column/sidebar, you won’t have another instance of it, so you can use an ID. There’s nothing wrong with using classes, but I’m just an ID person…
Here’s something that’s pretty neat (as in tidy). I forget what it’s called specifically, but it’s basically like nesting HTML and CSS. Let’s say our XHTML looks like this:
<code>
<div id=“content”>
<h2>Heading Number Two</h2>
<p>something that is <a href=”#”>linked</a>.</p>
</div>
</code>
Suppose we want to style the h2 and p for the content div only (it won’t apply globally—to other html tags).
CSS:
<code>
#content h2 {
/*Style the <h2> found in the content only*/
font-size: 40em;
}
#content p { text-indent: 30em; }
#content p a {
/* style links found in the #content p only */
color: #FCC;
}
</code>
Probably won’t make sense, but it’s something to play with!
Offline