Ok, I've got the menu working correctly now in Safari, FF and Opera
(all on a Mac).
I'm using conditional CSS (if that's what it's called) to reveal the
relevant sub menus and to highlight the active menus.
Can anyone tell me whether this works in any PC browsers?
I'm currently trying to get
Anne E. Shroeder wrote:
I'm scratching my head over this one. I've got two different versions, one
using a table and one using CSS to layout the bars, but in neither case can
I achieve a consistent underline across the screen as required. See
On 9/13/06, richard n [EMAIL PROTECTED] wrote:
Ok, I've got the menu working correctly now in Safari, FF and Opera
(all on a Mac).
I'm using conditional CSS (if that's what it's called) to reveal the
relevant sub menus and to highlight the active menus.
Can anyone tell me whether this
richard n wrote:
Can anyone tell me whether this works in any PC browsers?
http://www.richardnicholson.com/testing/menu2/editorial.html
Highlighting working alright across browser-land on windows.
IE/win needs an additional...
#nav a {display: block;}
...to get the dimensions, and thereby the
Hello,
I have a list with a backgound that appears when I hover over it:
#navlist ul li a:hover {
background: url(image1.png);
background-repeat: no-repeat;
}
I have a list of 6 items, and I want to associate a different image with
each of the 6 items. Is there a smart/correct way to
To be honest you could try and place ID's on each LI item and put
backgrounds on them
your trying to create a roll over menu correct?
Regards
PWP
- Original Message -
From: vwf [EMAIL PROTECTED]
To: css-d@lists.css-discuss.org
Sent: Wednesday, September 13, 2006 7:58 PM
Subject:
On 13/09/2006 10:58, vwf wrote:
I have a list of 6 items, and I want to associate a different image with
each of the 6 items. Is there a smart/correct way to do this? Does
someone know an example that has this implemented?
I'd just add an ID or class (but more probably ID) to each of the list
Sorry, need to fix my code sample:
.nav li a:hover {
background-repeat: no-repeat;
background-align: 0 0;
... other common styles...
}
.nav li a#home:hover {
background-image: url(images/home.png);
}
On 13/09/2006 10:58, vwf wrote:
I have a list of 6 items, and I want to associate a different image
with
each of the 6 items. Is there a smart/correct way to do this? Does
someone know an example that has this implemented?
Thank you all for the various suggestions.
It seems that the
Depends if 2 items in your list will have the same background then you would
use a class (think of a class as a group)
if every item in your list each has seperate then you would use ID (think of
an ID and an individual name)
use ID if its 1
use CLASS if its greater then 1
to be considered
Thank you all for the various suggestions.
It seems that the straight-forward approach is the way to go:
simply add extra classes or id's for each of the elements.
I implemented it, and it works perfectly.
One question: why would I prefer 'id' over 'class' selectors?
ID's should be used to
If I remember correctly CSS3 has a spec for identifying different items in a
list in various ways but seeing as noone really implements 3 yet you
probably don't have a heuristically clean way of doing this.
Matt Ludbrook
EMIC associates
Engineering, Maintenance, and Inventory Consultancy
Thanks for the help yesterday, about to put some fixes into action so i
thought id pass along another bug thats bugging me :)
Anyway, im using a unordered list for a nav bar, which uses images. It
works in all browsers, but in Netscape7, and i believe IE7 it shows a
blue bar occassionally
Have you tried removing underlines from the links with:
ul.nav_t2 li a {
display: block;
text-decoration: none; /* --- add this line */
}
? In my experience, a lot of image replacement techniques do the same thing.
It seems to be working OK in IE6 for PC although the positioning of the
sub-menus is a little off. At the moment they are positioned to high up the
page and therefore intersect with the main menu.
The CSS is working though (if the following is what you intended!). On the
main menu, the
Highlighting working alright across browser-land on windows.
IE/win needs an additional...
#nav a {display: block;}
...to get the dimensions, and thereby the positions, right.
regards
Georg
Thanks Georg
I added in: #nav a {display: block;}
In IE 5.2.3 Mac this has caused the
richard n wrote:
I added in: #nav a {display: block;}
In IE 5.2.3 Mac this has caused the menus to run vertically
(previously they were running horizontally - as they are supposed to
- but overlapping).
You can hide it from, or redeclare it to, IE/Mac. Only IE/win needs it
anyway, and
Another observation:
This page also triggers the 'em font-resizing bug' in IE/win...
http://www.gunlaug.no/contents/wd_additions_13.html
...but the bug is only acting on the #nav since that's the only element
that has font-size declared in 'em'.
Font-size keywords on body as a
Hi,
I have a layout where I am using display:block on some elements.
Unfortuatly ASP.NET generates HTML and has applied an inline with
display:none to dynamically show/hide portions of the page. This
display property is overriding the value in my stylesheet.
I don't want to use !important to
Hi Betsy,
It looks like your captions are getting in the way. A 'clear: left'
before each row should help.
Best wishes,
Melinda
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Betsy Garfield
Sent: Tuesday, September 12, 2006 5:38 PM
Cc: 'CSS List'
On Tue, Sep 12, 2006 at 10:44:40PM +0200, francky wrote:
Bill Moseley wrote:
On this page: http://infopeople.org/search/tools.html
In firefox, when I change the ID to not match then the logo div gets
bigger and then the h1 text moves relative to the image.
Hi Bill,
Collapsing margins!
richard n wrote:
I just read your article (and the accompanying one about Minimum Font
Size)
Very interesting, but quite complicated for a beginner such as
myself.
Not just beginners... :-)
Going forward, I want to make sure that I'm following best (or at
least 'good'!) practice.
Hi Stuart
I see your problem hasn't been resolved yet. This should help you out:
http://www.positioniseverything.net/explorer/threepxtest.html
You have a (left) float on your leftsidebar and a margin on your content
div to position it adjacent to the sidebar. This is what triggers the
bug.
The relationship between 'display', 'position', and 'float' [1]
determines the generated box. If you can't solve it with float (+clear),
then position:absolute/fixed would be another alternative, meaning that
I think you should better revisit your hide/show method instead.
Ingo
[1]
In a prototype I'm working on I have placed a floated div containing
a vertical navigation bar inside a primary content area of our page.
In that content area are a number of h2 elements which have a
background image applied to them via CSS that acts as a custom bullet
point. I assumed the
Hello!
I am a bit new to CSS and right now I am having some trouble getting a
really simple form to render the same in both IE6 and FF. This is my code:
html
head
style type=text/css
div.row
{
clear: both;
}
div.row input
{
display:
Todd Sweet wrote:
In a prototype I'm working on I have placed a floated div containing
a vertical navigation bar inside a primary content area of our page.
In that content area are a number of h2 elements which have a
background image applied to them via CSS that acts as a custom bullet
Back again, this time i got my footer (and actually the content div)
above it doubling in IE. Ive tried the display: inline workaround but it
hasnt had any effect. Been doing some searching on google and nothings
working (or im doing something wrong). Any thoughts?
URL:
so, call me crazy but I want to do a direct image link (sending out a
newsletter) and the CSS seems to not accept anything other than relative
links. Is there a work around that I couldn't find on Google?
Thanks!
~Mindy
__
On 9/13/06, mindy [EMAIL PROTECTED] wrote:
so, call me crazy but I want to do a direct image link (sending out a
newsletter) and the CSS seems to not accept anything other than relative
links. Is there a work around that I couldn't find on Google?
background:
Hey all,
I'm trying to make an entire 'block' of elements into a link (like a
table, but using spans and divs).
I laid out the a href=# class=contentPics, spans, text,
etc../a then positioned the elements accordingly.
I have everything working perfectly in Firefox, but only
Hi all,
I'm looking for a 4 column CSS template, but I haven't been able to
find quite what I'm after. Here is a crude rendition of what I'd like:
+---+++
| 1 || 2 |
| |++
| |||
| |||
+---+| 3 |
|
Hi I am working on the following pages that are indicated by the links and
information given.
I am not seeing these problems, however others are apparently seeing them. If
any of you could be of any assistance I would greatly appreciate it. Following
are the comments from the pages that were
http://www.stuartswan.com/v6/index.php
I see your problem hasn't been resolved yet. This should help you
out: http://www.positioniseverything.net/explorer/threepxtest.html
[...] i've had a read of that article and have applied the 1%
height but it doesn't seem to have worked, [...]
Not
Hello!
I am currently fixing some issues with the BuufDesigns.com layout. But I am
in need of assistance of some serious bugs I cannot fix in Internet Explorer
and Firefox. Ironically, this website is compatible with Safari and Opera.
This is a voluntary job, but you will be credited on the
@media screen {
* html #leftsidebar {margin-right: -3px;}
* html #content {height: 1%; margin-left: 159px;}
}
...and the 3px jog bug will disappear behind leftsidebar. This hack will
only be seen/applied by IE6 and IE5+ on win, which are the versions that
have this bug.
regards
Hi all,
I'm trying to add an overlay badge to some photos in a site I'm
developing, so I thought that adding positon:relative and
position:absolute for them should do the trick, but I don't know what
is the problem, but this ain't working.
you can checkout the page at
A quick check of this simple page
http://www.chelseacreekstudio.com/ca/frost/ with what you are running
is appreciated. Just trying to pull out any problems or issues that I
may have overlooked, or that I am not aware of.
Thanks.
~dL
--
http://chelseacreekstudio.com/
Marcelo Wolfgang wrote:
Hi all,
I'm trying to add an overlay badge to some photos in a site I'm
developing, so I thought that adding positon:relative and
position:absolute for them should do the trick, but I don't know what
is the problem, but this ain't working.
you can checkout the
david wrote:
~davidLaakso wrote:
A quick check of this simple page
http://www.chelseacreekstudio.com/ca/frost/ with what you are
running is appreciated. Just trying to pull out any problems or
issues that I may have overlooked, or that I am not aware of.
The column for the second poem
~davidLaakso wrote:
david wrote:
~davidLaakso wrote:
A quick check of this simple page
http://www.chelseacreekstudio.com/ca/frost/ with what you are
running is appreciated. Just trying to pull out any problems or
issues that I may have overlooked, or that I am not aware of.
The column
david wrote:
~davidLaakso wrote:
david wrote:
~davidLaakso wrote:
A quick check of this simple page
http://www.chelseacreekstudio.com/ca/frost/ with what you are
running is appreciated. Just trying to pull out any problems or
issues that I may have overlooked, or that
Sorry for the delay in my responding to your questions and answers
regarding my blog skin. I'm on a new medicine that is making things
interesting at the moment.
A refresher first... I designed/coded a b2evo blog skin for my friend.
It's up, and there are a few relatively minor issues.
Site
Don Miller wrote:
Would it look better if the GIF white area were transparent?
The white box doesn't really look right with the rest of the page.
Otherwise, a good elastic design.
Don
| A quick check of this simple page
| http://www.chelseacreekstudio.com/ca/frost/ with what you are
~davidLaakso wrote:
A quick check of this simple page
http://www.chelseacreekstudio.com/ca/frost/ with what you are running...
The page is verry long in IE 5 Mac - I suspect the one True
Layout for equal height columns is to blame; I didn't look in depth
though. Whether that
45 matches
Mail list logo