[css-d] a:link in inline style, how?
Hi I need to do a inline style css that will be in the html mark. It looks something like this div style=font: arial; color: white; background: green; Link here/div. p style=font-size: 1.1emspan style=font-size: .7em; color: #eeepowered by/spanXXX DOT COM /P The reason it needs to be inline style is because its's a logo with information that can be inserted to any web site, and my client wanted the color, font size and typeface to look exactly as it is when a user adds the logo to her blog or web site. I know it can be overwritten by the user and my client knows it too, but changes are, 80% of the users won't bother or won't care and will accept the 'default' as it is. Obviously it can't be paced in the head. What option do I have? Thanks in advance! tee __ 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] Netscape 4 screenshots
Hi all, I re-used some CSS of another person and assume that the main part of it was hidden from Netscape 4 via style type=text/css !-- @import url(style.css); -- /style Right? I would like to check http://www.vip-plus.de for Netscape 4 (now that I don't hide style.css from it). Browsershots.org unfortunately offers no Netscape 4 option. Is there any else way to get a sceenshot? Regards, Ingo __ 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] Netscape 4 screenshots
for Netscape 4 (now that I don't hide style.css from it). Browsershots.org unfortunately offers no Netscape 4 option. Is there any else way to get a sceenshot? Install it? http://browsers.evolt.org/?navigator/32bit -- Chris Heilmann Book: http://www.beginningjavascript.com Blog: http://www.wait-till-i.com Writing: http://icant.co.uk/ __ 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] Netscape 4 screenshots
On Fri, 15 Sep 2006 08:54:00 +0100 Christian Heilmann [EMAIL PROTECTED] wrote: for Netscape 4 (now that I don't hide style.css from it). Browsershots.org unfortunately offers no Netscape 4 option. Is there any else way to get a sceenshot? Install it? http://browsers.evolt.org/?navigator/32bit Umm, this is no option. System is polluted enough already ;-) Gruss, Ingo __ 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] Netscape 4 screenshots
Ingo wrote: for Netscape 4 (now that I don't hide style.css from it). Browsershots.org unfortunately offers no Netscape 4 option. Is there any else way to get a sceenshot? http://www.browsercam.com/public.aspx?proj_id=284499 hth __ 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] Netscape 4 screenshots
Install it, it takes 5 mins. I think the growing consensus is that we no longer need to accommodate N4, unless you have a target audience that you know uses it (perhaps a penal colony on the Moon). Am I wrong? With the advent of IE7 it may be that IE5/5.5 are the new N4! __ 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] Styling iframe from parent HTML
Is is possible to change the body class within iFrame's source HTML from
the iframes parent page?
Obviously the code below is not functional, it is for example only. I have
tried several ideas but nothing I try seems to work.
Many thanks for any advice.
style
.blue { background-color: blue; color: yellow; }
/style
body
iframe src=iframetest.htm name=myiframe width=200
height=300/iframe
input type=button name=Blue value=Blue
onClick=document.body.myiframe.document.body.className='blue'
/body
__
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] Netscape 4 screenshots
On Fri, 15 Sep 2006 09:57:54 +0100 Tony Crockford [EMAIL PROTECTED] wrote: http://www.browsercam.com/public.aspx?proj_id=284499 Wow, thanks! Gruss, Ingo __ 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] Netscape 4 screenshots
On 15/09/2006 10:03, Dave Goodchild wrote: I think the growing consensus is that we no longer need to accommodate N4 Indeed. Even Yahoo! no longer officially supports Netscape 4.0: http://developer.yahoo.com/yui/articles/gbs/gbs_browser-chart.html and they're even potentially throwing out IE 5.5: http://yuiblog.com/blog/2006/08/18/browser-support-update-2006q3/ __ 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] Overlapping div/content problem
Hi folks, I have a problem with the content of divs overlapping each other - in Firefox but not IE6 The example page is at: http://horticulture127.massey.ac.nz/virtualflowers_v1.asp If numbers are entered into the first practice tool and submitted, model answers that are returned (through an AJAX call) expand the height of the containing div. In IE6, this results in the whole page length expanding to fit - the bottom of the expanding div remains relative to the top of the next div down the page. In Firefox, however, the expanding div overlaps the content of the next div. I cannot work out the error in my CSS - I'd really appreciate some enlightenment. Thanks, Bruce __ 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] a:link in inline style, how?
Tee,
On Sep 15, 2006, at 2:45 AM, Tee Peng wrote:
Hi I need to do a inline style css that will be in the html mark. It
looks something like this
div style=font: arial; color: white; background: green; Link
here/div.
p style=font-size: 1.1emspan style=font-size: .7em; color:
#eeepowered by/spanXXX DOT COM /P
Obviously it can't be paced in the head. What option do I have?
There are 2 options. Make an image, or exactly what you have done.
I'd recommend the image, but otherwise your code only needs minor
tweaking, like so...
div style=font:100%/1/2 Arial sans-serif;!-- settings for whole
logo here --
div style=color: white; background-color: green;Link here/div
div style=font-size: 1.1emspan style=font-size: .7em; color:
#eee;powered by/spanXXX DOT COM/div
/div
I used all divs to avoid browser default styling, and I used a wrapper
div to set global styling. You may have to set a lot of styles on the
global div to cancel out user styles, for example the stylesheet for
the document could include div { text-transform: lowercase; }, and to
counteract it you would need to set text-transform: none; in the
wrapper div to counteract it.
The image solution is a lot easier/safer.
hth
--
Roger Roelofs
__
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] Overlapping div/content problem
On 9/15/06, Bruce MacKay [EMAIL PROTECTED] wrote: Hi folks, I have a problem with the content of divs overlapping each other - in Firefox but not IE6 The example page is at: http://horticulture127.massey.ac.nz/virtualflowers_v1.asp If numbers are entered into the first practice tool and submitted, model answers that are returned (through an AJAX call) expand the height of the containing div. In IE6, this results in the whole page length expanding to fit - the bottom of the expanding div remains relative to the top of the next div down the page. In Firefox, however, the expanding div overlaps the content of the next div. I cannot work out the error in my CSS - I'd really appreciate some enlightenment. Thanks, Bruce __ 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/ Hi Bruce, Do you have a link to the CSS file? Regards Robin __ 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] applying :hover pseudoclass on an inline style
On 15/09/06, Andy Mosmiller [EMAIL PROTECTED] wrote: Anyway, I would like to be able to define my own look for the a tag within my ad, and I want to be able to include :hover and :visited options if possible. [ with inline style attributes ] WC3 says it is possible No, they don't, and it isn't. -- David Dorward http://dorward.me.ukhttp://blog.dorward.me.uk __ 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] Netscape 4 screenshots
Unless I got it wrong, you are actually hiding your 2nd stylesheet declaring media=screen. NN4 would accept stylesheets only with no media declaration or media=all (and within link only). djn Ingo wrote: On Fri, 15 Sep 2006 09:57:54 +0100 Tony Crockford [EMAIL PROTECTED] wrote: http://www.browsercam.com/public.aspx?proj_id=284499 Wow, thanks! Gruss, Ingo __ -- Dejan Kozina Dolina 346 (TS) - I-34018 Italy tel./fax: +39 040 228 436 - cell.: +39 348 7355 225 http://www.kozina.com/ - e-mail: [EMAIL PROTECTED] __ 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] Link not working in Firefox
Thank you Francky. I appreciate the info and will look into fixing that. :-) Riva francky wrote: Hi Riva, I have searched too for some time (it's not an easy one!), and no solution, but I guess a direction. I noticed you've used temp borders for the containers in the css for your analysis. But in the css some containers are not mentioned (only the children of it) - and one of them seems to be it: the div id=bodypart. See testpage http://home.tiscali.nl/developerscorner/css-discuss/test-besthealth.htm. If you hover in FF from the left side over the nav bar, first the hovering is working on the Home Page link. But as soon as you move over the border line, at the o of Home, the the link disappears. All other links in the nav-bar don't work either in FF. - And coming from the right, the link Comments % Questions is working until you reach the red border again: at the u of Questions [1]. Why this bodypart-div doesn't start under the MEMBERSHIP IS FREE! line, but at the top of the screen, I don't see at the moment. It has to do something with the (table in the) form: when you omit the form, the links in the nav-bar are coming back. Greetings, francky [1] These are the letters at normal font size on 1024x768 resolution. __ 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] align 3 divs in a row
Hi, I'm a bit new to CSS.
and i've tried googling but i may getting the search terms wrong.
Question:
I have 3 divs in a row with a parent div.
in Firefox they align up perfectly (horizontally), yet in IE the
#slider_track div pushes lower than the other two DIVS
so it looks like:
__ __
|__| |__|
||
Is there any particular reason for this?
Thanks alot :D
The Code and CSS is below:
--
div id=slider_holder
div id=slider_minus-/divdiv id=slider_plus+/div
div id=slider_trackdiv id=slider_handle /div/div
/div
with the following CSS:
#slider_holder
{
width: 150px;
margin-left:5px;
margin-right:5px;
margin-bottom:5px;
padding:0;
z-index: 996;
text-align:center;
}
#slider_holder #slider_minus
{
width:20px;
height:10px;
display:block;
float:left;
margin:0;
padding:0;
border: 1px solid #000;
text-align:center;
vertical-align:middle;
}
#slider_holder #slider_plus
{
width:20px;
height:10px;
display:block;
float:right;
margin:0;
padding:0;
border: 1px solid #000;
text-align:center;
vertical-align:middle;
}
#slider_holder #slider_track
{
background-color:#C0C0C0;
width:100px;
height:10px;
border: 1px inset #000;
z-index: 996;
margin-bottom:5px;
margin-left:24px;
margin-right:24px;
margin-top:5px;
display:block;
clear:none;
}
__
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] Netscape 4 screenshots
On Fri, 15 Sep 2006 13:44:09 +0200 Dejan Kozina [EMAIL PROTECTED] wrote: Unless I got it wrong, you are actually hiding your 2nd stylesheet declaring media=screen. NN4 would accept stylesheets only with no media declaration or media=all (and within link only). Exactly. Originally the main css was hidden from N4. I realized that only recently, and wanted to know what happens - if it harms N4 to use it anyway. http://www.browsercam.com/public.aspx?proj_id=284499 And it DOES screw things up ;-) Gruss, Ingo __ 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] align 3 divs in a row
On 15/09/2006 12:55, Bevan Christians wrote:
Is there any particular reason for this?
It seems to me that if you adjust the width of #slider_track to
something lower (like 75px) it sits back up in the middle, so I'd say
it's a calculations issue.
There are some other things, too:
1) IE doesn't obey height, but treats it like min-height, which means
that your handles collapse to 10px in Firefox (and cut off the text),
but don't in IE. I suggest using line-height, as that will also
vertically centre the text.
2) You'd get a more robust solutions using absolute positioning, since
you already know the width, height etc.
3) Divs are already block level elements, so don't worry about using
display: block;.
Try this compacted CSS. I've moved a lot of the shared rules into a
single selector to cut down on repetition, and I've removed the ID
descendent selectors, since they were unnecessary (you already have an
ID to select with):
#slider_holder div {
margin:0;
padding:0;
border: 1px solid #000;
text-align:center;
position: absolute;
}
#slider_holder
{
width: 150px;
margin-left:5px;
margin-right:5px;
margin-bottom:5px;
padding:0;
z-index: 996;
text-align:center;
position: relative;
}
#slider_minus
{
width:20px;
top: 0;
left: 0;
}
#slider_plus
{
width:20px;
top: 0;
right: 0;
}
#slider_track
{
background-color:#C0C0C0;
width:100px;
z-index: 996;
left: 24px;
top: 0;
}
Also, you'll need to add a nbsp; inside #slider_handle, since otherwise
it collapses:
div id=slider_trackdiv id=slider_handlenbsp;/div/div
Hope that helps a bit.
__
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] align 3 divs in a row
On 15/09/2006 13:53, Bradley Wright wrote:
#slider_holder div {
margin:0;
padding:0;
border: 1px solid #000;
text-align:center;
position: absolute;
}
#slider_holder
{
width: 150px;
margin-left:5px;
margin-right:5px;
margin-bottom:5px;
padding:0;
z-index: 996;
text-align:center;
position: relative;
}
#slider_minus
{
width:20px;
top: 0;
left: 0;
}
#slider_plus
{
width:20px;
top: 0;
right: 0;
}
#slider_track
{
background-color:#C0C0C0;
width:100px;
z-index: 996;
left: 24px;
top: 0;
}
Sorry--you'll need to add this selector in as well. That'll teach me to
not hit refresh :)
#slider_holder #slider_handle {
border: 0;
position: static;
}
__
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] align 3 divs in a row
Bevan Christians wrote:
Hi, I'm a bit new to CSS.
and i've tried googling but i may getting the search terms wrong.
Question:
I have 3 divs in a row with a parent div.
in Firefox they align up perfectly (horizontally), yet in IE the
#slider_track div pushes lower than the other two DIVS
so it looks like:
__ __
|__| |__|
||
Is there any particular reason for this?
Thanks alot :D
The Code and CSS is below:
--
div id=slider_holder
div id=slider_minus-/divdiv id=slider_plus+/div
div id=slider_trackdiv id=slider_handle /div/div
/div
with the following CSS:
#slider_holder
{
width: 150px;
margin-left:5px;
margin-right:5px;
margin-bottom:5px;
padding:0;
z-index: 996;
text-align:center;
}
#slider_holder #slider_minus
{
width:20px;
height:10px;
display:block;
float:left;
margin:0;
padding:0;
border: 1px solid #000;
text-align:center;
vertical-align:middle;
}
#slider_holder #slider_plus
{
width:20px;
height:10px;
display:block;
float:right;
margin:0;
padding:0;
border: 1px solid #000;
text-align:center;
vertical-align:middle;
}
#slider_holder #slider_track
{
background-color:#C0C0C0;
width:100px;
height:10px;
border: 1px inset #000;
z-index: 996;
margin-bottom:5px;
margin-left:24px;
margin-right:24px;
margin-top:5px;
display:block;
clear:none;
}
I don't know the answer to your question. This is one way of doing
something similar. It may, or may not, work as you want.
HTML
body { background-color: #fff; color: #000; font: 100%/normal arial,
sans-serif; }
div.c1 { border: 1px solid #000; float: left; width: 20px; }
div#slider { background-color: #ddd; color: inherit; border: 1px solid
#000; float: left; height: 1.2em; width: 100px; margin: 0 3px; }
p {line-height: 1.2; margin: 0; padding: 0; text-align: center; }
CSS
div class=c1p+/p/div
div id=slider!-- --/div
div class=c1p-/p/div
Best,
~dL
--
http://chelseacreekstudio.com/
__
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] text-align: right
I am having a problem aligning text on the right. Oddly, my CSS works in
IE6/Win but is not working on Firefox. The website is
http://www.piedmont-div.org/ser2007/ . In the header, there is a Sponsor By
paragraph that should be right aligned. On Firefox, the text shows as left
aligned.
div id=sponsor
pSponsoredbrBy /p
a href=http://www.digitrax.com/;
img src=/ser2007/images/digitrax_logo.jpg alt=Digitrax, Inc.
/a
/div
Here is the area of the CSS
(http://www.piedmont-div.org/ser2007/css/styles.css) that effects this XHTML.
#header #sponsor {
float: right;
margin-right: 50px;
}
#header #sponsor p {
float: left;
padding: 5px 10px;
font-size: 1.1em;
font-weight: bold;
text-align: right;
}
#header #sponsor img {
position: static;
}I am not sure if the problem is related to all of the floats. Normally, I
would expect Firefox to show correctly and IE to have the problems. ;-)
Any help would be appreciated.
Scott
__
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] text-align: right
i didn't look that close, but putting text-align in the #header
#sponsor area aligned it right when doing a quick live css edit.
#header #sponsor {
float: right;
margin-right: 50px;
text-align: right; /* i added this */
}
__
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] Framing my menu (for horizontal scrolling photo gallery)
No PC here, so can someone let me know if it works? Here it is: HTML: http://www.richardnicholson.com/testing/menu_with_frames3/editorial.html CSS: http://www.richardnicholson.com/testing/menu_with_frames3/menu.css CSS for IE6: http://www.richardnicholson.com/testing/menu_with_frames3/ie6.css Well in the end I had to phone a friend - and it doesn't work on IE6 PC (no scrollbar)... Possibly because I trimmed away too much of Roger Johansson's code... Thereagain, Roger's final words in the comments section don't sound too promising - 'Ok, I'm not wasting any more time on this.' Perhaps if I need frames, I should use frames (with all their disadvantages)? It's either that, or I let Mac users have framed behaviour (CSS position:fixed), whilst PC users (with IE) are left scrolling back-and-forth to access the navigation. (My navigation menu uses absolute positioning in the layout of the sub menus, and from what I've read that may be incompatible with any hack to get IE PC exhibiting frame-like behaviour. Or maybe not? Is it just in the scrolling area that I can't use absolute positioning?). Richard __ 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] Framing my menu (for horizontal scrolling photo gallery)
richard n wrote: http://www.richardnicholson.com/testing/menu_with_frames3/editorial.html Well in the end I had to phone a friend - and it doesn't work on IE6 PC (no scrollbar)... Possibly because I trimmed away too much of Roger Johansson's code... Thereagain, Roger's final words in the comments section don't sound too promising - 'Ok, I'm not wasting any more time on this.' You should have read _one_ comment further down in that article, as you'll find working solutions linked in there. They may not seem to be of much use for CSS frames, but they apply perfectly for such cases. That's why I added them :-) http://www.gunlaug.no/contents/wd_additions_15.html http://www.gunlaug.no/contents/wd_additions_17.html The following page is using parts of the former solution to achieve a pretty cross-browser working CSS frame... http://www.gunlaug.no/contents/toc_7a.html ...but it clearly isn't based on Roger's code since mine is more than a year old already. Need any help with CSS frames - just let me know. regards Georg -- http://www.gunlaug.no __ 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] Link not working in Firefox
Roger Rapidly Rote...(hey, hooked on phonics works!) I am almost done with a site that worked until I added a link to the home page. The link works fine in IE but not in Firefox. I have searched high and low and am close to pulling my hair out - if someone could tell me why it won't work in Firefox, I would be most grateful. http://www.starqualitydesigns.com/BestHealth Roger, dunno about the links, but there's a small problem in Safari 2.0.4...See screenshot at http://www.pierceartanddesign.com/pages/testshots.html and notice the overlap of the we identify top products line over the Welcome lines. Also the search box seems pretty squashed up inside. Regards, Dave __ 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] IE7 ignoring margin in certain conditions with other rules
ok guys, i've got a weird one here. i'm taking a day to go through some of my pages to make sure they look decent in ie7, and i noticed that on one of my expandable pages that ie7 was ignoring my margin-left on an h2. i did my usually hack and slash debug method of deleting chunks of my css file and checking to see if it started to display right, and by narrowing down the results i found that having a border on the div around my h2 made my h2 ignore the margin. taking this border off of the parent div solved the problem and my h2 once again had a left margin. but... i need that border. [line 91] i saved my page and started to make a test page to post on the list when i found another solution to my left margin problem. keeping the same css, if i delete the min-height on the h2, it also fixes the margin. but... i need that min-height for a background image. [line 44] can anyone tell me another way to fix this so that i can keep both my border and the min-height? is this a known bug that microsoft is aware of? it almost sounded like collapsing margins, but i tried putting padding in and that didn't fix it. __ 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] Link not working in Firefox
Gee, thanks for sending that. Can I ask when you did it? I updated the page recently and was wondering if that is something I created by fixing the link problem. Thanks, Riva Dave Pierce wrote: Roger Rapidly Rote...(hey, hooked on phonics works!) Roger, dunno about the links, but there's a small problem in Safari 2.0.4...See screenshot at http://www.pierceartanddesign.com/pages/testshots.html and notice the overlap of the we identify top products line over the Welcome lines. Also the search box seems pretty squashed up inside. Regards, Dave __ 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] IE7 ignoring margin in certain conditions with other rules
and i of course forget to post a link. sorry about that everyone. http://sltclan.com/cj/css-d/h2margin.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/
Re: [css-d] Framing my menu (for horizontal scrolling photo gallery)
You should have read _one_ comment further down in that article, as you'll find working solutions linked in there. They may not seem to be of much use for CSS frames, but they apply perfectly for such cases. That's why I added them :-) http://www.gunlaug.no/contents/wd_additions_15.html http://www.gunlaug.no/contents/wd_additions_17.html The following page is using parts of the former solution to achieve a pretty cross-browser working CSS frame... http://www.gunlaug.no/contents/toc_7a.html ...but it clearly isn't based on Roger's code since mine is more than a year old already. Need any help with CSS frames - just let me know. regards Georg Hi Georg I had seen your links - there in the Comments section on Roger's site - and had read them with interest However, at the bottom of http://www.gunlaug.no/contents/wd_additions_17.html I read the following, and thought that meant it would not be applicable to my side-scrolling gallery: 'Weak spot: the extra div: div#iefix can't handle a horizontal scroll-bar properly on a page like this. That's the reason why I have only hidden the vertical scroll-bar on html/body, so those elements (depending on mode) can handle horizontal scrolling if/when that's needed on narrow windows. Thus, nothing gets lost – it may just look a bit odd.' I've probably misunderstood (?) I'll have another look at your pages later. (It's really tricky though, not having a PC here to test on.) Many thanks Richard http://www.richardnicholson.com/testing/menu_with_frames3/editorial.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/
Re: [css-d] Link not working in Firefox
I was afraid of that. Thanks. P.S. Is Safari a free download? Dave Pierce wrote: Riva, Saw it about half hour ago. Dave __ 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] Styling iframe from parent HTML
On 9/15/06, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote:
Is is possible to change the body class within iFrame's source HTML from
the iframes parent page?
Darren, I'm not sure if this subject belongs to this list.
Anyhow, I've tested the following and it works:
onclick=frames['myiframe'].document.getElementsByTagName('BODY')[0].className='blue'
Please note that for the .blue to be applied to the document on the
iframe, the stylesheet must be available to that document. That is,
.blue {...} must be on the iframe, not on the main page.
Let me know if it helps,
- Manuel
__
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] Link Classes
Hi there, I'm feeling a little dim-witted and I think I need a refresher from the helpful CSS crew. Please visit www.finelineelectric.com/test/projects.htm My main links (a:) have a border 1px dotted underneath them. I tried creating a pseudo-class for the images on the page mentioned without the border on the hover class, but it's still being overridden by my main a: class. Any help or sharp jab in my chops would actually be appreciated. Thanks! : jason a. ogle : graphic artist : Atomic(urve : www.atomiccurve.com P.s. I'm on digest and would be thrilled with a direct email to me as well. __ 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] text-align: right
Thanks. That seems to work. Can you tell me why I would need it on the in the
parent div instead of on the p tag?
Scott
#header #sponsor {
float: right;
margin-right: 50px;
text-align: right; /* i added this */
}
__
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] Link Classes
Try making a class for your regular text links.
Example:
a.link:link {
...
}
a.link:visited {
...
}
Etc etc.
Or you could try adding:
border: 0;
...to your image links.
Daniel Hammond
www.objectivedesigns.com
| -Original Message-
| From: [EMAIL PROTECTED]
| [mailto:[EMAIL PROTECTED] On Behalf Of Jason Ogle
| Sent: Friday, September 15, 2006 1:13 PM
| To: css-d@lists.css-discuss.org
| Subject: [css-d] Link Classes
|
| Hi there,
|
| I'm feeling a little dim-witted and I think I need a
| refresher from the helpful CSS crew.
|
| Please visit www.finelineelectric.com/test/projects.htm
|
| My main links (a:) have a border 1px dotted underneath them.
| I tried creating a pseudo-class for the images on the page
| mentioned without the border on the hover class, but it's
| still being overridden by my main a:
| class. Any help or sharp jab in my chops would actually be
| appreciated.
|
| Thanks!
|
| : jason a. ogle
| : graphic artist
| : Atomic(urve
| : www.atomiccurve.com
|
| P.s. I'm on digest and would be thrilled with a direct email
| to me as well.
|
|
| __
| 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] I'm sorry.
Sorry about that last email, folks. I know I forgot to format it correctly to fit the list's standards. Daniel Hammond www.objectivedesigns.com __ 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] Forms in IE and FF, distances between elements when using float
Roger Roelofs wrote:
Mattias,
On Sep 13, 2006, at 4:32 PM, Mattias Brändström wrote:
This gives me the a small vertical space between the elements in FF and
a big one (perhaps 3 times larger) in IE. What I want is the FF version.
Is there some trick to get this to show the same way in IE?
The code above is a fragment of a larger piece of code.
I didn't see an answer to this, to I thought I'd give it a try...
First, the only way to really debug this is to put up the real page, or,
better yet, a stripped
down test page showing the problem. So may things can affect how the
page is rendered that a code snippet often leaves out the critical
part. Having said that, here's my guess
OK. A small page with the code I'm having trouble with can be found
here: http://keso.brasse.org/foo.html
Change
div.row input
{
display: block;
float: left;
margin-bottom: 0.3em;
}
to
div.row input
{
float: left;
margin: 0.3em 0;
}
I have tried that, and it does not have any effect on the rendering of
the page. Maybe someone has some other ideas?
If that doesn't
There seems to be parts of your email missing. =)
:.:: mattias
__
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] Framing my menu (for horizontal scrolling photo gallery)
richard n wrote: http://www.gunlaug.no/contents/wd_additions_17.html 'Weak spot: the extra div: div#iefix can't handle a horizontal scroll-bar properly on a page like this. [...] I've probably misunderstood (?) Ever so slightly, maybe. I haven't covered all possible layouts that can be made to work in IE6 with one or the other solution. The reason: I simply can't imagine all possible scenarios and write complete articles with solutions for each of them. That's where other people's cases - like yours - come in handy. http://www.richardnicholson.com/testing/menu_with_frames3/editorial.html If that page works as intended in Firefox and Opera at the moment, then I'll have a look at it a bit later and see which solution that'll make it look and work its best in IE6. I don't have my Mac available so I can't cross-check with Safari, but that shouldn't be a problem. regards Georg -- http://www.gunlaug.no __ 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] Forms in IE and FF, distances between elements when using float
Mattias Brändström wrote:
This gives me the a small vertical space between the elements in
FF and a big one (perhaps 3 times larger) in IE. What I want is
the FF version. Is there some trick to get this to show the same
way in IE?
http://keso.brasse.org/foo.html
Some lose margins creating the gap in IE6 it seems.
Add...
div.row {height: 1%;}
...to solve that. This will probably work in a more complete layout too,
but I didn't check.
regards
Georg
--
http://www.gunlaug.no
__
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] Forms in IE and FF, distances between elements when using float
Gunlaug Sørtun wrote:
Mattias Brändström wrote:
This gives me the a small vertical space between the elements in
FF and a big one (perhaps 3 times larger) in IE. What I want is
the FF version. Is there some trick to get this to show the same
way in IE?
http://keso.brasse.org/foo.html
Some lose margins creating the gap in IE6 it seems.
Add...
div.row {height: 1%;}
...to solve that. This will probably work in a more complete layout too,
but I didn't check.
That removed the gap completely in IE. If I increase the gap to 1em (or
more) it still render as no gap in IE. Any idea why that is?
:.:: mattias
__
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] Safari repeating background image
Hello,
I have this code:
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
html xmlns=http://www.w3.org/1999/xhtml;
head
meta http-equiv=content-type content=text/html;
charset=utf-8 /
title/title
style type=text/css
#container {
background: url(images/picture.jpg) 0 12px
no-repeat;
border: 1px solid red;
}
/style
/head
body
div id=container
pLorem ipsum dolor sit amet, consectetuer
adipiscing elit.
Aliquam turpis purus, euismod at, rutrum et, condimentum ut, turpis.
Aliquam consequat tortor nec nulla. Quisque eget tortor quis purus
laoreet. Aliquam turpis purus, euismod at./p
/div
/body
/html
The problem is:
If the div doesn't expand vertically as much as the height of the
image, the image is repeated vertically. However, if I position the
image at 0,0, the problem disappears. Moreover, if the div is higher
than the image, it doesn't repeat.
I know there is a bug with Safari and background images, but I thought
it was in earlier versions of the browser. Mine is 1.3.2 (v312.6).
I've searched for a solution, but I can't find one.
Thanks
__
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] IE6 problem
www.meowmeowdesigns.com/site www.meowmeowdesigns.com/site/index.css Works correctly in FF, IE7, and Opera. IE6 messes it all up though. Suggestions, please. Thanks in advance. Daniel Hammond www.objectivedesigns.com __ 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] text-align: right
Scott Povlot wrote: Thanks. That seems to work. Can you tell me why I would need it on the in the parent div instead of on the p tag? I don't think you should. Looks like a Firefox bug to me. Zoe -- Zoe M. Gillenwater Design Services Manager UNC Highway Safety Research Center http://www.hsrc.unc.edu __ 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] Link Classes
Jason Ogle wrote:
Please visit www.finelineelectric.com/test/projects.htm
My main links (a:) have a border 1px dotted underneath them. I tried
creating a pseudo-class for the images on the page mentioned without the
border on the hover class, but it's still being overridden by my main a:
class. Any help or sharp jab in my chops would actually be appreciated.
The only way to get around this is to apply a class to the anchors that
contain images, and style these anchors to not have borders. Such as:
a href= class=image-linkimg/a
a.image-link {
border: none;
}
There's no way with CSS to select an element's parent (ie, find all
images that have a elements as their parents, then style those parent
a elements). Also, the usual advice to remove the border on the image
itself won't work, as the border here is being applied to the a
element around the image, not the image itself.
Zoe
--
Zoe M. Gillenwater
Design Services Manager
UNC Highway Safety Research Center
http://www.hsrc.unc.edu
__
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] Fwd: Re: Overlapping div/content problem
Hi Robin, The main CSS is at http://horticulture127.massey.ac.nz/scripts/master.css Cheers, Bruce On 9/15/06, Bruce MacKay mailto:[EMAIL PROTECTED][EMAIL PROTECTED] wrote: Hi folks, I have a problem with the content of divs overlapping each other - in Firefox but not IE6 The example page is at: http://horticulture127.massey.ac.nz/virtualflowers_v1.asphttp://horticulture127.massey.ac.nz/virtualflowers_v1.asp If numbers are entered into the first practice tool and submitted, model answers that are returned (through an AJAX call) expand the height of the containing div. In IE6, this results in the whole page length expanding to fit - the bottom of the expanding div remains relative to the top of the next div down the page. In Firefox, however, the expanding div overlaps the content of the next div. I cannot work out the error in my CSS - I'd really appreciate some enlightenment. Thanks, Bruce __ css-discuss [mailto:css-d@lists.css-discuss.org[EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/http://css-discuss.incutio.com/ Supported by http://evolt.orgevolt.org -- http://www.evolt.org/help_support_evolt/ Hi Bruce, Do you have a link to the CSS file? Regards Robin __ 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] IE7 ignoring margin in certain conditions with other rules
cj wrote: ok guys, i've got a weird one here. i'm taking a day to go through some of my pages to make sure they look decent in ie7, and i noticed that on one of my expandable pages that ie7 was ignoring my margin-left on an h2. i did my usually hack and slash debug method of deleting chunks of my css file and checking to see if it started to display right, and by narrowing down the results i found that having a border on the div around my h2 made my h2 ignore the margin. taking this border off of the parent div solved the problem and my h2 once again had a left margin. but... i need that border. [line 91] i saved my page and started to make a test page to post on the list when i found another solution to my left margin problem. keeping the same css, if i delete the min-height on the h2, it also fixes the margin. but... i need that min-height for a background image. [line 44] http://sltclan.com/cj/css-d/h2margin.html IE has several problems with the margins of a box nested in another one: depending on the hasLayout [0] state of the two boxes, many different problems show up. These include errors in margin collapsing, and also disappearing horizontal margins, as in your case. Some of these problems are mentioned in [1] [2] You have the problem in ie7 with min-width since this applies hasLayout. I haven't checked the details, but you could try to give hasLayout to the parent of your h2: the missing horizontal margin should come back. This will probably create other differences, but those should be fixable (maybe using paddings.) hth, Bruno [0] http://www.satzansatz.de/cssd/onhavinglayout.html [1] http://brunildo.org/test/IEMarginCollapseLayout.html [2] http://brunildo.org/test/IEMarginPadding.html PS: Sorry cj if you get this twice! __ 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] IE7 and .png files
Can anyone tell me if the new version of IE7 supports transparent PNG files? Thanx CSS true believers, Dave __ 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] IE7 and .png files
Can anyone tell me if the new version of IE7 supports transparent PNG files? Yes, I believe it does. Jough __ 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] Forms in IE and FF, distances between elements when using float
Mattias Brändström wrote:
[...]Is there some trick to get this to show the same way in
IE?
http://keso.brasse.org/foo.html
div.row {height: 1%;}
That removed the gap completely in IE. If I increase the gap to 1em
(or more) it still render as no gap in IE. Any idea why that is?
Yes, it's a combination of non-contained floats, and some IE-bugs :-)
The following will give you near pixel-perfect distance-control...
div.row
{
clear: both;
float: left;
margin: 0 0 .3em 0 /* set gap here */;
}
div.row input
{
float: left;
}
...and so will the following variant - in most browsers...
div.row
{
clear: both;
height: 1%;
display: table;
margin: 0 0 .3em 0 /* set gap here */;
}
div.row input
{
float: left;
}
regards
Georg
--
http://www.gunlaug.no
__
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] Arrow
Hi, If you care to visit this page: http://www.gamito.org/inscricao.php you'll notice that the arrow of the drop-down menu (curso) is the black-bold-regular one. How can i put it plain and blue ? Any help would be appreciated. Warm Regards, Mário Gamito __ 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] Arrow
Hi Don, It is the arrow of the drop-down menu, originated from the HTML tag select Warm regards, Mário GAmito Don Miller wrote: If it is a image, must change the color in a program like Photoshop. If it is text, make it part of the link. If you are referring to the cursor of the computer, you can change the type but not the color so far as I know. don - Original Message - From: mamrg [EMAIL PROTECTED] To: css-d@lists.css-discuss.org Sent: Friday, September 15, 2006 2:26 PM Subject: [css-d] Arrow Hi, If you care to visit this page: http://www.gamito.org/inscricao.php you'll notice that the arrow of the drop-down menu (curso) is the black-bold-regular one. How can i put it plain and blue ? Any help would be appreciated. Warm Regards, Mário Gamito __ 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/ -- No virus found in this incoming message. Checked by AVG Free Edition. Version: 7.1.405 / Virus Database: 268.12.4/449 - Release Date: 9/15/2006 __ 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] Framing my menu (for horizontal scrolling photo gallery)
http://www.richardnicholson.com/testing/menu_with_frames3/editorial.html
Ok, the working 'position: fixed' solution for IE6.
Replace what's in your 'ie6.css' stylesheet with the following...
html,body {
background: #fff url(foo) fixed;
}
#topbar {
position: absolute;
left:expression(eval(document.compatMode
document.compatMode=='CSS1Compat') ?
documentElement.scrollLeft
: document.body.scrollLeft);
}
#content {
padding-top: 3.8em;
}
...and few will notice any difference between how IE6 and Firefox handle
your page.
This solution is taken from...
http://www.gunlaug.no/contents/wd_additions_15.html
...under the headline *fixed horizontally*, with the additional 'speed
fix' from higher up in that article.
The advantage with this solution is that the page will still work just
fine in IE6 even if script-support is turned off for whatever reason,
since the scrolling isn't affected at all.
Note that there are the usual problems with the standard 'position:
fixed' causing potential overlapping in your page, as can be seen in
any browser on narrowed windows and/or resized fonts.
IE6 will replicate those problems also.
regards
Georg
--
http://www.gunlaug.no
__
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] Framing my menu (for horizontal scrolling photo gallery)
Replace what's in your 'ie6.css' stylesheet with the following...
html,body {
background: #fff url(foo) fixed;
}
#topbar {
position: absolute;
left:expression(eval(document.compatMode
document.compatMode=='CSS1Compat') ?
documentElement.scrollLeft
: document.body.scrollLeft);
}
#content {
padding-top: 3.8em;
}
Hi Georg
Thank you VERY much for your help.
Although I don't understand Javascript (well, I think it's JS!), it
looks like a neat and compact solution.
The updated pages are here:
http://www.richardnicholson.com/testing/menu_with_frames4/editorial.html
Unfortunately I can't test it right now. (I'll go to an internet cafe
tomorrow.)
One question:
In my main CSS -
http://www.richardnicholson.com/testing/menu_with_frames4/menu.css -
- there is the following code:
htmlbody #topbar {position:fixed;z-index:10;}
htmlbody #content {padding-top: 3.8em;}
I'm not sure if understand that type of selector (i.e. 'htmlbody' - I
lifted it from Roger's code). Is it hiding the rule from IE6 (and only
IE6?). Is it still necessary with your solution? I'm thinking that
maybe it is only necessary for the #topbar, and that the #content can
do without the 'htmlbody' prefix (meaning that '#content {padding-top:
3.8em;}' could be deleted from ie6.css). (Also the 'z-index:10' -
shouldn't IE6 be seeing that too?)
Apart from that is there anything I would ever want to adjust in the
ie6.css? Or can I just leave it be?
Thanks again
Richard
__
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] Framing my menu (for horizontal scrolling photo gallery)
richard n wrote:
Although I don't understand Javascript (well, I think it's JS!), it
looks like a neat and compact solution.
It's an (IE-)expression - a subset of javascript created by Microsoft
and intended for use in stylesheets, but which never made it outside
their own windows-browsers. A non-valid but quite well-working solution
for many of IE6' shortcomings.
http://www.richardnicholson.com/testing/menu_with_frames4/editorial.html
Working fine - as expected.
I'm not sure if understand that type of selector (i.e. 'htmlbody' -
I lifted it from Roger's code). Is it hiding the rule from IE6 (and
only IE6?).
It's an ordinary CSS child-selector that IE6 and older versions don't
understand. You'll find it here...
http://www.w3.org/TR/2001/CR-css3-selectors-2003/#selectors
...and the following table shows which browsers understand it and
which don't...
http://www.communis.co.uk/dithered/css_filters/css_only/index.html
Is it still necessary with your solution?
No, it isn't.
You can write...
#topbar {
width: 100%;
height: 3.8em;
background: #FFF;
position:fixed;
z-index:10;
}
#content {
padding-top: 3.8em;
}
...in the main stylesheet, and leave out...
#content {
padding-top: 3.8em;
}
...from the ie6 stylesheet. Leaves you with a pretty compact stylesheet
for IE6.
regards
Georg
--
http://www.gunlaug.no
__
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] Link Classes
Zoe M. Gillenwater wrote:
Jason Ogle wrote:
Please visit www.finelineelectric.com/test/projects.htm
My main links (a:) have a border 1px dotted underneath them. I tried
creating a pseudo-class for the images on the page mentioned without the
border on the hover class, but it's still being overridden by my main a:
class. Any help or sharp jab in my chops would actually be appreciated.
The only way to get around this is to apply a class to the anchors that
contain images, and style these anchors to not have borders. Such as:
a href= class=image-linkimg/a
a.image-link { border: none; }
[...]
Zoe
Or giving an id=#image-links to the table in which all image links
are, with a general:
#image-links a { border: none; }
Then there is no need to give a class to all separate a's inside the
table.
See testpage
http://home.tiscali.nl/developerscorner/css-discuss/test-fineline.htm.
Greetings,
francky
__
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] Overlapping div/content problem
Here's an article that will serve as a good starting point for fixing the expanding box problem that you're having. http://www.positioniseverything.net/explorer/expandingboxbug.html IE is expanding the box to accommodate the overflowing content, but that's actually not a standards-compliant thing to do. - JC __ 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] Page Check and Input Button Problem
Dear All, http://mockups.rahulgonsalves.com/mitra/mockup.html My first non-fixed width layout, so I'd like comments on whether this is, if not the best, then at least a good method of constructing a page. One of the problems that I'm facing is that the submit button does not shift its position on hover. I'm not quite sure this happens, as I used the method on this page, which seems to work in both IE and FF. http://www.tyssendesign.com.au/articles/css/single-image-replacement-rollovers-with-suckerfish-dropdowns/ Any help with the input problem, and general feedback on whether I'm doing things right would be useful. Non-css suggestions welcome as always, but offlist please. Warmly, - Rahul. -- Rahul Gonsalves (Personal) w: www.rahulgonsalves.com e: [EMAIL PROTECTED] - __ 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] IE6 problem
Daniel Hammond wrote:
www.meowmeowdesigns.com/site
www.meowmeowdesigns.com/site/index.css
Works correctly in FF, IE7, and Opera. IE6 messes it all up though.
Suggestions, please.
Thanks in advance.
Daniel Hammond
See if IE6.0 is more cooperative if you change the padding-right on
these three selectors from 100% to 0.
a.nav:link, a.nav:visited { padding: 10px /*100%*/0 5px 15px; }
a.nav:hover { padding: 10px /*100%*/0 5px 15px; }
a.nav:active { padding: 10px /*100%*/0 5px 15px; }
Aside: Points are not used to set fonts for the screen. There are eight
or nine pages on the list wiki regarding font-sizing methods, beginning
with this page: http://css-discuss.incutio.com/?page=FontSize
Best,
~dL
--
http://chelseacreekstudio.com/
__
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] CSS Block Element Links
Isn't the problem that the img tag is inside a span tag? If you remove the span tags surrounding short.gif and lst_hotline_120.jpg and put a class attribute on those img tags (e.g. class=tag for short.gif, class=thumb for lst_hotline_120.jpg), does that solve the problem for IE ? On 9/14/06, Daniel Klug [EMAIL PROTECTED] wrote: Daniel Klug wrote: Hey all, I'm trying to make an entire 'block' of elements into a link (like a table, but using spans and divs). ... Other browsers behave, but not IE. The text in the link is hovering with the 'text' cursor, but I can still click the link, but the IMG wont click at all. It's just weird. ... The example in question (Fine in FF, Broke in IE): http://www.redforty.com/index2.php Thanks! -Daniel Just to add some info, the problem seems to trigger when I float elements within the anchor. Perhaps there is a way to deliver it to IE with Javascript? Or maybe overlay a transparent .gif? Anybody? -Daniel __ 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] Disappearing table in IE
http://www.language-works.com/swimdesign/template-6.htm Source code tells me it's there; I can print out text before and after the two div's in the middle of the page (#mainleft and #mainright) but nothing shows up inside those divs! Page and CSS both validate. TIA, Anne __ 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] CSS Block Element Links
OMG! Thank you for responding! This actually helped! This fixed the problem in IE for the image. I can even float it! Thank you again! Now everything in the anchor is clickable and active. And now for the anal, nit-picky: Although the text is active, if you roll the mouse over it, the cursor doesn't change to the 'link' cursor. It stays as the 'text-select' cursor. Is there a way to fix this? Even with javascript maybe? So that the whole block acts as it does in Firefox and Safari? Thanks again! -Daniel Bradley Rench wrote: Isn't the problem that the img tag is inside a span tag? If you remove the span tags surrounding short.gif and lst_hotline_120.jpg and put a class attribute on those img tags (e.g. class=tag for short.gif, class=thumb for lst_hotline_120.jpg), does that solve the problem for IE ? On 9/14/06, *Daniel Klug* [EMAIL PROTECTED] mailto:[EMAIL PROTECTED] wrote: Just to add some info, the problem seems to trigger when I float elements within the anchor. Perhaps there is a way to deliver it to IE with Javascript? Or maybe overlay a transparent .gif? Anybody? -Daniel __ 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] CSS Block Element Links
Add this declaration to your style sheet.
span {
cursor:pointer;
}
-JC
Daniel Klug wrote:
OMG! Thank you for responding! This actually helped! This fixed the
problem in IE for the image. I can even float it!
Thank you again! Now everything in the anchor is clickable and active.
And now for the anal, nit-picky:
Although the text is active, if you roll the mouse over it, the cursor
doesn't change to the 'link' cursor. It stays as the 'text-select' cursor.
Is there a way to fix this? Even with javascript maybe? So that the
whole block acts as it does in Firefox and Safari?
Thanks again!
-Daniel
Bradley Rench wrote:
Isn't the problem that the img tag is inside a span tag? If you remove
the span tags surrounding short.gif and lst_hotline_120.jpg and put a
class attribute on those img tags (e.g. class=tag for short.gif,
class=thumb for lst_hotline_120.jpg), does that solve the problem for
IE ?
On 9/14/06, *Daniel Klug* [EMAIL PROTECTED] mailto:[EMAIL PROTECTED]
wrote:
Just to add some info, the problem seems to trigger when I float
elements within the anchor.
Perhaps there is a way to deliver it to IE with Javascript? Or maybe
overlay a transparent .gif?
Anybody?
-Daniel
__
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/
