Resend my activation email : Register : Log in 
BCF: Bike Chat Forums


CSS Help

Reply to topic
Bike Chat Forums Index -> The Geek Zone
View previous topic : View next topic  
Author Message

Kickstart
The Oracle



Joined: 04 Feb 2002
Karma :

PostPosted: 17:04 - 29 Mar 2006    Post subject: CSS Help Reply with quote

Hi

No really that experienced with style sheets.

However I am playing with a web page. I wanted to suppress tab from jumping to some links (as 99% of the time the users will be tabing between input fields on the form, going to non input fields will be a pain). Done this but want to get the highlighting and mouse pointer back to default behavior (eg, mouse pointer and colour).

Can do the mouse pointer with no problems using "class=selectWindownLink" on the SPAN. Can do the colour with no problems (comes from an existing style sheet), using "class=rweblue_Text" on the SPAN. Trouble is getting to do them both at once, and the only way I can see of doing that is having a SPAN within a SPAN (which works fine), but there must be a better way of doing it.

So, what obvious thing am I missing?

All the best

Keith
____________________
Traxpics, track day and racing photographs - Bimota Forum - Bike performance / thrust graphs for choosing gearing
 Back to top
View user's profile Send private message Send e-mail You must be logged in to rate posts

veeeffarr
Super Spammer



Joined: 22 Jul 2004
Karma :

PostPosted: 17:07 - 29 Mar 2006    Post subject: Reply with quote

Merge the two classes together into a third class and use that with a single SPAN?
 Back to top
View user's profile Send private message You must be logged in to rate posts

Kickstart
The Oracle



Joined: 04 Feb 2002
Karma :

PostPosted: 17:11 - 29 Mar 2006    Post subject: Reply with quote

Toby R wrote:
Merge the two classes together into a third class and use that with a single SPAN?


How, given that one of them is a standard company wide one that I do not want to deviate from. Trying to avoid hard coding the text colour in the style sheet for my app, but not sure how to bring it in from the other styles.

All the best

Keith
____________________
Traxpics, track day and racing photographs - Bimota Forum - Bike performance / thrust graphs for choosing gearing
 Back to top
View user's profile Send private message Send e-mail You must be logged in to rate posts

veeeffarr
Super Spammer



Joined: 22 Jul 2004
Karma :

PostPosted: 17:16 - 29 Mar 2006    Post subject: Reply with quote

In CSS

.SelectWindownLink
{
css-code
}

.rweblue_Text
{
css-code2
}

.KeithsNewClass
{
css-code
css-code2
}

In HTML

<span class="KeithsNewClass">
...
HTML
...
</span>
 Back to top
View user's profile Send private message You must be logged in to rate posts

RobB
Spanner Monkey



Joined: 29 Apr 2005
Karma :

PostPosted: 17:47 - 29 Mar 2006    Post subject: Reply with quote

Crying or Very sad

I thought this thread was going to be about Counter-Strike.
____________________
- Yeah, you know the type, loud as a motorbike, wouldn't bust a grape in a fruit fight.
- The only thing I learned from love, was how to shoot somebody who outdrew you.
- If I don't meet you no more in this world, I'll meet you in the next one, don't be late.
 Back to top
View user's profile Send private message You must be logged in to rate posts

Suzuki
Roger



Joined: 03 May 2005
Karma :

PostPosted: 17:54 - 29 Mar 2006    Post subject: Reply with quote

You geek Laughing
____________________
<Simple> no I'm shaven Jon Razz
<Simple> it is a big enough hole.. I'll leave it now
Ride: 1999 Suzuki GSXR600 (yellow/black) IRC: Stats - Relationship Map
 Back to top
View user's profile Send private message Send e-mail Visit poster's website You must be logged in to rate posts

Kickstart
The Oracle



Joined: 04 Feb 2002
Karma :

PostPosted: 18:04 - 29 Mar 2006    Post subject: Reply with quote

Hi Toby

Still not sure. Surely in that example I am just duplicating the original style sheets, complete with the original hard coded colours.

Tried it:-

Some code wrote:

.HandOver {cursor: hand;}
SPAN.selectWindownLink {
rweblue_Text;
HandOver;
}


That doesn't work though.

All the best

Keith
____________________
Traxpics, track day and racing photographs - Bimota Forum - Bike performance / thrust graphs for choosing gearing
 Back to top
View user's profile Send private message Send e-mail You must be logged in to rate posts

veeeffarr
Super Spammer



Joined: 22 Jul 2004
Karma :

PostPosted: 18:13 - 29 Mar 2006    Post subject: Reply with quote

Argh, looks painful.

Could you post both of the classes up please?
 Back to top
View user's profile Send private message You must be logged in to rate posts

Kickstart
The Oracle



Joined: 04 Feb 2002
Karma :

PostPosted: 18:22 - 29 Mar 2006    Post subject: Reply with quote

Hi

OK, style sheet for my app (more readable this time)

CSS wrote:

SPAN.infIcon
{
POSITION: relative;
TOP: 11px;
LEFT: 2px;
}

.HandOver
{
cursor: hand;
}

SPAN.selectWindownLink
{
rweblue_Text;
HandOver;
}

IMG.datePickIcon
{
CURSOR:hand;
POSITION: relative;
TOP: 5px;
LEFT: 0px;
}

BODY
{
margin {margin: 10px 10px 10px 10px}
}


Fragment of the other styke sheet (it is about 20 pages long)

CSS wrote:

.rweblue_Text
{
COLOR: #0066cc
}
.rweblue90_Text
{
COLOR: #1975d1
}
.rweblue80_Text
{
COLOR: #3385d6
}


All the best

Keith
____________________
Traxpics, track day and racing photographs - Bimota Forum - Bike performance / thrust graphs for choosing gearing
 Back to top
View user's profile Send private message Send e-mail You must be logged in to rate posts

Korn
Admin



Joined: 01 Feb 2002
Karma :

PostPosted: 18:23 - 29 Mar 2006    Post subject: Reply with quote

You can assign more than one class to an element, like so... note that the seperator character is a space:

Code:
<span class="class1 class2"> </span>

Any good?
____________________
3516 Miles, 11 Countries
 Back to top
View user's profile Send private message Send e-mail Visit poster's website You must be logged in to rate posts

veeeffarr
Super Spammer



Joined: 22 Jul 2004
Karma :

PostPosted: 18:25 - 29 Mar 2006    Post subject: Reply with quote

Korn wrote:
You can assign more than one class to an element, like so... note that the seperator character is a space:

Code:
<span class="class1 class2"> </span>

Any good?


Doh,

That'd work also.

I see what you mean about not wanting to merge into another class now Keith.

Korn's seems more elegant.

Brick Wall
 Back to top
View user's profile Send private message You must be logged in to rate posts

Kickstart
The Oracle



Joined: 04 Feb 2002
Karma :

PostPosted: 18:31 - 29 Mar 2006    Post subject: Reply with quote

Korn wrote:
You can assign more than one class to an element, like so... note that the seperator character is a space:


Yep, brilliant. That has done it.

Now got an occasional use link that is obvious and doesn't get in the way of users tabbing between the input fields.

All the best

Keith
____________________
Traxpics, track day and racing photographs - Bimota Forum - Bike performance / thrust graphs for choosing gearing
 Back to top
View user's profile Send private message Send e-mail You must be logged in to rate posts
Old Thread Alert!

The last post was made 20 years, 166 days ago. Instead of replying here, would creating a new thread be more useful?
  Display posts from previous:   
This page may contain affiliate links, which means we may earn a small commission if a visitor clicks through and makes a purchase. By clicking on an affiliate link, you accept that third-party cookies will be set.

Post new topic   Reply to topic    Bike Chat Forums Index -> The Geek Zone All times are GMT + 1 Hour
Page 1 of 1

 
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
You cannot attach files in this forum
You cannot download files in this forum

Read the Terms of Use! - Powered by phpBB © phpBB Group
 

Debug Mode: ON - Server: birks (www) - Page Generation Time: 0.08 Sec - Server Load: 1.14 - MySQL Queries: 14 - Page Size: 78.26 Kb