Re: [css-d] rollovers in safari
Have you tried specifying the background-position on the a state?
and rather than having the link in a div why not just apply the id to
the link. You are making the link a block element anyway.
so it becomes:
a#home_button { ...etc
and
a#home_button:hover { ... etc
and then make the changes in the html.
James MacLeod
On Mar 27, 2006, at 15:40, [EMAIL PROTECTED] wrote:
have added the content (but no text replacement) but the rollovers
are still
not working!
Ross
- Original Message -
From: Rob Mientjes [EMAIL PROTECTED]
To: [EMAIL PROTECTED]
Cc: css-d@lists.css-discuss.org
Sent: Monday, March 27, 2006 3:22 PM
Subject: Re: [css-d] rollovers in safari
On 27/03/06, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote:
http://stuartgladstone.com/homepage2.html
why do the rollovers (a:hover) not work in safari or firefox?
The anchors don't contain any content of sorts. I think you should
just keep the links normal and then do some text replacement. In this
case, the following would work (yes, there are many other methods, I
know):
CSS
#home_button a {
background: url(images/home_button.jpg) no-repeat;
width: 50px;
height: 25px;
display:block;
position: relative;
float: right;
clear: right;
text-indent: -999em; /* Note this and the following line in
particular! */
text-decoration: none;
}
HTML
div id=home_buttona href=pdfs/National
Conference.pdfHome/a/div
The empty links are bad both in terms of accessibility and usability
and for things like this; an empty element simply doesn't exist,
according to Gecko, WebKit et al.
HTH
-Rob.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
---
Konkrete
Design for New Media
flat 1 / college farm / great barford / beds / MK44 3JJ / uk
T: +44 (0)1234 871 982
M: 0781 114 2703 (uk only)
portfolio: http://www.konkrete.net
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] resize + scroll
My solution to this would be to create a image of the blue bar with red border and make a 1px width image. Then make a body rule that repeats the image across the top of the page. Then remove the styling from the header div. Hope this makes sense and helps. James MacLeod On Mar 01, 2006, at 16:12, derekrogerson wrote: i consider myself almost decent with css but can't fix this resizing small then scrolling horizontally (the background cutsoff...) Any resources anyone can point me to help with this? http://derekrogerson.com/test/index.html http://derekrogerson.com/test/screen.css Be Well, Derek __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Displaying two a href's on two lines
Has the
a {
clear: left;
}
solution already been suggested?
James
On Feb 27, 2006, at 15:30, cj wrote:
another solution (though note i didn't say better) would be to set
those two links to display: block;, which gives them all the
properties of a block element, including 100% width.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] problem image floats breaking out the divs
Add a float to both test and content divs and it should fix the problem. Divs that aren't floated don't effect floated dives and vice versa. James MacLeod On Feb 22, 2006, at 14:39, Sander van Surksum wrote: Hi all, I've 2 div's in my content article1 and test. in article1 i've a image that floats right and in test i've a image that floats left. The problem now is dat the images are breaking out of the div's. The div test has to begin 10px under the article div. Hope someone can help me out. http://www.johnsten.com/test/content.htm Regards, Sander __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Overflow and inheritance problems with a 2-column layout
Right first this first the reason the menu overlaps is that your
content div has finished so it just wraps round. What would be better
is if you put the left column as a div i.e:
#leftClm {
width: 33%;
float: left;
display: block;
padding: .. etc.
}
Here is a good example: http://www.thenoodleincident.com/tutorials/
box_lesson/basic2_fluid.html
James MacLeod
On Feb 16, 2006, at 09:28, John Latter wrote:
Hi,
I'm new to css and would appreciate some help with the following two
problems I've encountered in setting up a blog which can be seen here:
http://evomech2.blogspot.com/2006/02/re-evomech-re-peer-review-and-
genetic.html
Its a 2 column layout and I think the relevant css code is:
div#mainClm{float:right;width:66%;padding:30px 7% 10px
3%;border-left:dotted 1px #E0AD12;}
div#sideBar{margin:20px 0px 0px
1em;padding:0px;text-align:left;width:100%;}
The first problem (which occurs on Firefox but not IE6) can be seen at
the bottom of the above page where the sidebar text overflows into main
content area. I have tried to fix it myself but with many other things
to do I'm really stumbling about in the dark.
The second problem isn't readily apparent because I've tidied the main
column content up:
Entries in the main column are auto-added from a yahoo group and contain
tt tags which are then carried over into the sidebar and change the
text font. A similar effect is caused by posters using a variety of
composing programs. Is there any code I can add to the end of the main
div to stop _anything_ being inherited by the sidebar div?
John Latter
[NB This is a repost of the first message I sent to this list. The first
one was sent in HTML/Plain Text format and I'm not sure if it got
through - my apologies if you've received this twice!]
--
*Model of an Internal Evolutionary Mechanism*:
http://members.aol.com/jorolat/index.html
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] List menu Q
Hey,
The only way I can think of is too apply a class to it and then
change the font size. You can try a height but I don't think it will
work. Here is an example:
select class=menubar ..
.menubar {
font-size: 10px;
height: 12px; //Might not work;
padding: 0;
margin: 0;
You get the picture.
James
On Feb 16, 2006, at 13:43, KalleS wrote:
Hello,
I have select menu in my page. It's located in a header bar which
height is 20px. The select menu breaks the bar because it doesn't fit
to the 20px height. This is in Ie6 and Firefox. In Opera it's
(almost) OK. How can I influence to the height with CSS that this
menu requires?
Thanks
--
___
Surf the Web in a faster, safer and easier way:
Download Opera 8 at http://www.opera.com
Powered by Outblaze
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Any tricks to get IE:mac to refresh?
The force refresh on the mac is just hold the shift key. Just hold shift and click the refresh button or press the F5 or F6 button I forget which. James On Feb 16, 2006, at 16:11, Mark Howells wrote: Is there any trick to get IE 5.2 Mac to reload *all* files short of clearing it's cache? As well as setting the cache preferences to 0/always refresh, I've gotten into the habit of holding down Shift + Command + Alt when reloading. Not official, bu seems to do the trick for CSS files, at least. Regards Mark Howells www.permanenttourist.ch __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Any tricks to get IE:mac to refresh?
Missed the mac bit apologies. Are you needing this for your personal testing or is it to makes sure that the people viewing your site have the most up-to-date version? James On Feb 16, 2006, at 16:30, Mark Howells wrote: The force refresh on the mac is just hold the shift key. Just hold shift and click the refresh button or press the F5 or F6 button I forget which. Would be nice if it worked properly in IE, though... it doesn't always. Think that's where the thread started. (F5 doesn't work in all browsers, either, it's normally Command+R.) Regards Mark Howells www.permanenttourist.ch __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] div:hover
Hey guys, I am try to figure a way of doing div#box:hover, but will work in most or all browsers. I am reluctant to use javascript because I imagine there is a method using purely css. Any ideas? James MacLeod --- Konkrete Design for New Media portfolio: http://www.konkrete.net __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
