Re: [css-d] (no subject)
Help! I am not subscribed - these emails started coming at random - how do I unsubscribe? John E. Cavanaugh MD. There's always a wrong way to do the right thing ... Cavanaugh's Law On Oct 7, 2014, at 8:23, Barney Carroll barney.carr...@gmail.com wrote: IE and Mozilla have now committed to supporting -webkit- prefixed properties. The obvious problem is that the W3C is too slow and cumbersome for many people's desires and expectations of the web. IE6 came with a suite of incredibly powerful functionality that the rest of browser-land is only now catching up to (filter: anyone?). The problem then was that some of the earliest webapps were designed specifically for IE, back when there was no conceivable way of forking the code to achieve similar functionality in other browsers. VML was submitted 2 years before SVG started taking shape. IE6's lofty goals were almost reinstated in the HTML5 in the broadest sense that the W3 tried to make a PR splash about (embedded multimedia, file-system API, seamless vector graphics in HTML, CSS3 transforms filters). But once again, people have come to expect awesome stuff that the W3C is too slow to ratify to a universal consensus. So the responsibility (which, I agree, ultimately rests on website authors) comes down to managing expectations. It's tough to say no, especially when there's a lot of money in it and many people in the trade of web development are inclined to exploratory hacking anyway. It's becoming increasingly more difficult to tell people you can't, in good conscience, serve up code relying on unratified specifications, when implementation of such functionality is ubiquitous (and you know how to do it). A few years ago web development studios started finding the willpower to tell clients they wouldn't commit to like-for-like experiences in legacy Internet Explorer versions, and for a while standards-compliance seemed to be that bit more tenable – but recently I've come across numerous situations where people will say they only care about Chrome iOS support. As regards the 'reasonableness' of these various expectations, I think W3C compliant validity is at its most applicable when it comes to web sites consisting of many documents: you want these documents to be consistent with each-other and marked up to universal standards for reasons of posterity universal access. For my part, what I've been working on for the better part of the last year would be more accurately described as web apps: there's a single HTML document and it acts more as a wrapper for dynamic functionality. The term 'document' barely applies, and the use-cases are so esoteric and business-critical that the client will happily use a specific browser version in order to guarantee expected behaviour. Regards, Barney Carroll barney.carr...@gmail.com +44 7429 177278 barneycarroll.com On 7 October 2014 13:53, Philip Taylor p.tay...@rhul.ac.uk wrote: Barney Carroll wrote: I'm wondering how differently my career might have worked out if all those times IE came up I'd just told the client to get onto Bill Gates about it. If /every/ W3C-compliant web site had carried that text, the world might now be a very different (and much better) place ... I love Windows (7), completely fail to understand the masochistic appeal of *X, but nonetheless deeply wish that Mr Gates (and Mr Google, and all the rest of the Big Boys) cared more about complying to standards and less about seeking to define them. This guy identifies many of the problems in a nuthell : http://www.sitepoint.com/w3c-css-webkit-prefix-crisis/ Philip Taylor __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] (no subject)
__ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] (no subject)
aleemson2...@yahoo.com __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] (no subject)
http://genpower.nazwa.pl/system/public.php?mz=955izn=59q=2wgd=z37 __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] (no subject)
...I hope you will have no problems anymore due to this site! http://safogo.com/p.g.php?ytepage=75g8 __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] (no subject)
Surprise your lover tonight!... http://stemopheino.nl/fashion.php?ggoogleId=64y4 __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] (no subject)
I have designed a page layout in css by using divs. but i am finding while opening in another browser computer it is breaking all the designs. can anybody help me to sort it out? -- amitabhaghosh __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] (no subject)
Post link. Could be 1 of many things: linking local files (that are on your computer but no one else's), invalid CSS or markup, different browser/version... Kevin On Sat, Jan 15, 2011 at 11:33 AM, amitabha ghosh amitabhaghosh...@gmail.com wrote: I have designed a page layout in css by using divs. but i am finding while opening in another browser computer it is breaking all the designs. can anybody help me to sort it out? -- amitabhaghosh __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] (no subject)
Morning Amitabhaghosh You wrote I have designed a page layout in css by using divs. but i am finding while opening in another browser computer it is breaking all the designs. can anybody help me to sort it out? -- amitabhaghosh A clickable link to the page in question would provide us place to start to provide the help you seek. It would also be helpful to know in what browsers you're trying to view the page and and what Operating systems. (ie win xp pro etc) As an aside, it's also helpful to provide a subject in the subject line. (ie. page doesn't work in some browsers) It helps keep the archives straight. Best Jim Nannery aka www.oldcurmudgeon.net __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] (no subject)
http://mqquuxbbfiimmqt.ru.gg __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] (no subject)
I'm playing around with CSS3 form elements, which are really rather
delightful (don't you wish that IE6 and 7 would creep off into a corner and
quietly die)
I want to have a visible indicator that a field is valid or invalid (easy
enough) as follows:
CSS:
style
input:valid + span::after { content: \2713 }
input:invalid + span::after { content: \2717 }
/style
HTML:
form
plabelName: input required name=name
placeholder=name (required)span//label/p
plabelE-mail: input type=email required name=email
placeholder=email (required)span//label/p
plabelcolour: input type=color required name=color
placeholder=color (required)span//label/p
plabelURL: input type=url name=url
placeholder=urlspan//label/p
plabelComment: textarea required
name=comment/textareaspan//label/p
pinput type=submit value=Do it/p
/form
This puts a tick after valid input fields, and a cross after invalid ones.
But I want neither after empty fields. I have tried all sorts of variants
on
input[value=] + span::after {content:}
but to no avail. It would appear that Firefox and Chrome both evaluate the
value= only on load, and not after the field has changed. Anyone got any
suggestions?
Peter
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] (no subject)
I want to have a visible indicator that a field is valid or invalid
(easy
enough) as follows:
CSS:
style
input:valid + span::after { content: \2713 }
input:invalid + span::after { content: \2717 }
/style
but to no avail. It would appear that Firefox and Chrome both evaluate
the
value= only on load, and not after the field has changed. Anyone got
any
suggestions?
Too bad the structural pseudo-class empty can't help here.
May be we need something like that for form controls.
--
Regards,
Thierry
www.tjkdesign.com | www.ez-css.org | @thierrykoblentz
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] (no subject)
Hi Bryan, You need to remove: /div !-- End Naviagtion -- The navigation is in a ul which is already closed It's always a good idea to validate the markup via something like: http://validator.w3.org/ Regards William __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] (no subject)
-- Noah Learner LEARNER DESIGN www.learnerdesign.com 9 Lewis Court | Nantucket, MA 02554 508.325.6626 LEAVE YOUR MARK* __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] (no subject)
I'm having difficulty determining why my columns at www.mlsmailinginc.com are overlapping in IE 8/Win and Safari/Mac but not in FireFox3.5/Mac. Also, although I've read just about every sticky-footer explanation I can find, when I try to implement the fixes, they don't work as evidenced at the site. Seeking any advice on what I am missing. Thanks in advance, Woodie _ Your E-mail and More On-the-Go. Get Windows Live Hotmail Free. http://clk.atdmt.com/GBL/go/201469229/direct/01/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] (no subject)
--- On Thu, 2/4/10, Woody Woodman wqq...@hotmail.com wrote: From: Woody Woodman wqq...@hotmail.com Subject: [css-d] (no subject) To: css-d@lists.css-discuss.org Date: Thursday, February 4, 2010, 5:24 PM I'm having difficulty determining why my columns at www.mlsmailinginc.com are overlapping in IE 8/Win and Safari/Mac but not in FireFox3.5/Mac. Also, although I've read just about every sticky-footer explanation I can find, when I try to implement the fixes, they don't work as evidenced at the site. Seeking any advice on what I am missing. Thanks in advance, Woodie __ Hi Woodie, Maybe the 63 validation errors in your HTML or the 38 validation errors in your CSS have something to do with it. Try working on fixing those first. Maybe one of them is causing your problem. Rod Castello _ Your E-mail and More On-the-Go. Get Windows Live Hotmail Free. http://clk.atdmt.com/GBL/go/201469229/direct/01/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] (no subject)
Woody Woodman wrote:
I'm having difficulty determining why my columns at www.mlsmailinginc.com are
overlapping in IE 8/Win and Safari/Mac but not in FireFox3.5/Mac.
It's because you have left: 2em; on #nav (and it does overlap in mac
ff/3.5.7.
In your style sheet, delete these:
/*style type=text/css*/
/*#container-head */
/*/style*/
Amend this selector:
#nav {
position: absolute;
left: /*2em delete*/ 0;
top: 135px; width: 1em;
padding:0;
margin: -1px 0 0 -1px;
font: 1em verdana, arial, sans-serif;
text-align: left;
color: #ff; }
Also, although I've read just about every sticky-footer explanation I can
find, when I try to implement the fixes, they don't work as evidenced at the
site. Seeking any advice on what I am missing.
Validate the markup and css and bring it back to the list.
Thanks in advance,
Woodie
Best, ~d
--
desktop
http://chelseacreekstudio.com/
mobile
http://chelseacreekstudio.mobi/
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] (no subject)
Hey Kim andgunther, thanks for your feedback about font size issues and color choices. I will take it under advisement. I used the long pagetitles in order to use keywords in the title bar. - Noah -- Noah Learner LEARNER DESIGN www.learnerdesign.com 31C Bartlett Farm Road | Nantucket, MA 02554 508.325.6626 LEAVE YOUR MARK* __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] (no subject)
__ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] (no subject)
Hi does anyone know why I'm getting white spaces between sliced images ? I have a bunch of img tags within the div and I can't figure out why the images have spaces, and currently why half of the image slices look fine and the rest look like a jigsaw puzzle. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] (no subject)
Hi does anyone know why I'm getting white spaces between sliced images ? I
have a bunch of img tags within the div and I can't figure out why the
images have spaces, and currently why half of the image slices look fine and
the rest look like a jigsaw puzzle.
hi, maybe you need:
img {
margin:0;
padding:0;
}
please post a code or link to it.
Virgil
http://www.jampmark.com
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] (no subject)
Christopher R wrote:
Hi does anyone know why I'm getting white spaces between sliced images ? I
have a bunch of img tags within the div and I can't figure out why the
images have spaces, and currently why half of the image slices look fine and
the rest look like a jigsaw puzzle.
I'm guessing that you are seeing gaps underneath the images? If so, try
one of these:
img { vertical-align: bottom; }
- or -
img { display: block; }
Explanation: Images are inline elements, intended to display on the same
line as text. (Imagine PI symbols as images.) As such, they line up with
the baseline of text, with room underneath for descenders (the hooks
under p, q, etc.)
Cordially,
David
--
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] (no subject)
Hi, I'm working with a series of divs: div div.../div div.../div div.../div div.../div div.../div /div The inner divs are all float: left'd. However, when the contents of the divs is too wide for the browser, the line of DIVs break. Is there a way to prevent this, other than setting a fixed width for the container div? (Yes, the alignment of the divs is crucial.) Thanks. - Casey __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] (no subject)
On Wed, Feb 18, 2009 at 8:02 PM, Casey casey.li...@caseyftw.com wrote: Hi, I'm working with a series of divs: div div.../div div.../div div.../div div.../div div.../div /div The inner divs are all float: left'd. However, when the contents of the divs is too wide for the browser, the line of DIVs break. Is there a way to prevent this, other than setting a fixed width for the container div? (Yes, the alignment of the divs is crucial.) Thanks. - Casey Why couldn't you set a fixed width (perhaps to something arbitrarily high)? --Ankeet [ http://www.skyisturningred.com/ ] __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] (no subject)
On Wed, Feb 18, 2009 at 7:30 PM, Ankeet P mythic.bo...@gmail.com wrote: On Wed, Feb 18, 2009 at 8:02 PM, Casey casey.li...@caseyftw.com wrote: Hi, I'm working with a series of divs: div div.../div div.../div div.../div div.../div div.../div /div The inner divs are all float: left'd. However, when the contents of the divs is too wide for the browser, the line of DIVs break. Is there a way to prevent this, other than setting a fixed width for the container div? (Yes, the alignment of the divs is crucial.) Thanks. - Casey Why couldn't you set a fixed width (perhaps to something arbitrarily high)? --Ankeet [ http://www.skyisturningred.com/ ] __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ Well, my contents are very variable. Sometimes, it's only a couple hundred pixels while at other times it's a couple thousand pixels, and I don't want there to be too much whitespace. (Unless there's a way to collapse whitespace, in which case, please tell me.) (By the way, I had originally typed a subject, but I sent it with the wrong email, so it bounced. When I sent the new message with the correct email, I forgot the subject.) -Casey __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] (no subject)
Well, my contents are very variable. Sometimes, it's only a couple hundred pixels while at other times it's a couple thousand pixels, and I don't want there to be too much whitespace. (Unless there's a way to collapse whitespace, in which case, please tell me.) (By the way, I had originally typed a subject, but I sent it with the wrong email, so it bounced. When I sent the new message with the correct email, I forgot the subject.) -Casey Setting the 'white-space' property to 'no-wrap' takes care of eliminating word wrap in each separate element. As for eliminating whitespace in between the divs, I still got nothing. --Ankeet [ http://www.skyisturningred.com/ ] __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] (no subject)
Casey wrote:
div
div.../div
div.../div
div.../div
/div
The inner divs are all float: left'd. However, when the contents of
the divs is too wide for the browser, the line of DIVs break. Is
there a way to prevent this, other than setting a fixed width for the
container div? (Yes, the alignment of the divs is crucial.)
Presumably, you want your divs to act like the cells of a table. In that
case, something like this might work for you:
CSS:
~~~
.table-row-ish
{
white-space:nowrap;
}
.table-row-ish div
{
display: inline-block;
display: inline !ie;
zoom:1 !ie;
}
~~~
HTML:
~~~
div class='table-row-ish'
div.../div
div.../div
div.../div
div.../div
div.../div
/div
~~~
Hope it helps.
--Bill
--
!--
! Bill Brown macnim...@gmail.com
! Web Developologist, WebDevelopedia.com
--
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] (no subject)
On Wed, Feb 18, 2009 at 8:09 PM, Bill Brown macnim...@gmail.com wrote:
Casey wrote:
div
div.../div
div.../div
div.../div
/div
The inner divs are all float: left'd. However, when the contents of
the divs is too wide for the browser, the line of DIVs break. Is
there a way to prevent this, other than setting a fixed width for the
container div? (Yes, the alignment of the divs is crucial.)
Presumably, you want your divs to act like the cells of a table. In that
case, something like this might work for you:
CSS:
~~~
.table-row-ish
{
white-space:nowrap;
}
.table-row-ish div
{
display: inline-block;
display: inline !ie;
zoom:1 !ie;
}
~~~
HTML:
~~~
div class='table-row-ish'
div.../div
div.../div
div.../div
div.../div
div.../div
/div
~~~
Hope it helps.
--Bill
Thanks! That works fairly well. I'm curious, what do !ie and the
zoom property do?) It works perfectly in Firefox, but in IE and
Safari, there's some quirk involving vertical alignment.
- Casey
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] (no subject)
Casey wrote:
Thanks! That works fairly well. I'm curious, what do !ie and the
zoom property do?) It works perfectly in Firefox, but in IE and
Safari, there's some quirk involving vertical alignment.
!ie is a CSS filter used to target the MSIE family of browsers and zoom
is a Microsoft proprietary syntax commonly used (as in this case) to
ensure an element 'hasLayout' for IE. The !ie in this case is
unnecessary as no other browser recognizes it, but I use it to quickly
find IE-only rules when separating my style block out into external
(conditional comment filtered) style sheets.
Changing the second rule to:
.table-row-ish div
{
display:inline-block;
vertical-align: bottom;
display:inline !ie;
zoom: 1 !ie;
}
...should help with the vertical alignment issues.
--
!--
! Bill Brown macnim...@gmail.com
! Web Developologist, WebDevelopedia.com
--
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] (no subject)
Good Evening; The Submit button (to the right of the search field) displays correctly with a green arrow (a background image) in FF. However, in IE 7 the button is the wrong size and the background image does not show. What am I doing wrong? Thanks. Here is the link http://www.edi-cp.com/homepage2009/edi-index.shtml Sorry about the earlier omission. Del __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] (no subject)
Sent from my BlackBerry® wireless device __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] (no subject)
I want to make a page that has a series of photos with text next to them (photos on the left, text on the right). I want the text that goes with each photo centered vertically to the photo and I want space between the photo and the text which should line up with the horizontal center of the page. I know how to do this easily using tables, but I want to do it with CSS. Can anyone steer me to a tutorial, or perhaps a page set up as I've described that I can use as a guide? Thanks, Linda H --- See the 2008 ATCA Rescue Adoption Quilt -- beautiful art to help Airedales in need: buy raffle tickets often and check frequently for bonus drawings -- http://www.airedalerescue.net/quilt/ -- No virus found in this outgoing message. Checked by AVG. Version: 7.5.524 / Virus Database: 270.6.13/1641 - Release Date: 8/29/2008 7:07 AM __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] (no subject)
Oh no! I tried changing it to clear: left; and it still is stacking
up in IE7. I don't know what I'm doing wrong.
Carol
Also, I was able to look at the page today in IE7 and the body is not
next to the left navigation links like it's supposed to be, the links
are stacked on top. What am I doing wrong?
http://www.prairiedreamstudio.com/testindex.html
http://www.prairiedreamstudio.com/css/layout.css
Carol:
Fix this in your CSS first,
#bodytext{ float: clear;
... should be ...
#bodytext{clear: left;
and fix the color in your footer, I take it you mean color: #CC or
color: #999CCC
Carol Huddleston
[EMAIL PROTECTED]
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] (no subject)
Sent with Wireless Sync from Verizon Wireless __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] (no subject)
If you go to:
http://www.choroideremia.org/new/crf_header.php
With Firefox 3.0. You get a page that I would like to see in every browser. If
you downarrow twice everything moves over and I get my Font switcher buttons at
the very top left of the screen. I am trying to move them to underneath the
curve graphic. The CSS is:
switch {
color: Black;
background-color: Silver;
display: block;
font-size: 1.8em;
text-align: center;
left: 200px;
position: absolute;
}
Any ideas on how to get my PHP buttons to align under my curve graphic?
HTML http://www.choroideremia.org/new/crf_header.php
CSS http://www.choroideremia.org/css/layout.css
http://www.choroideremia.org/css/layout_medium.css éé default
http://www.choroideremia.org/css/layout_large.css
http://www.choroideremia.org/css/layout_small.css
Angus MacKinnon
Infoforce Services
http://www.infoforce-services.com
Faith is the strength by which a shattered world shall emerge into
the light. - Helen Keller
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] (no subject)
Hi Lee Bettridge:
you can use this IE hack:
element {
min-height: 200px;
height: auto !important;
height: 200px;
}
Stingna Zhou
RainCity Studios Inc.
Designer
www.raincitystudios.com
Lee Bettridge wrote:
Is there a way to set a min-height in IE6 so that an element can grow
if the text size is increased, the method needs to be compatible
with IE7 and Firefox / Safari / Opera.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] (no subject)
Hello - I was wondering if anyone has tripped over this... I do believe it's a CSS issue, but included jquery details as that is what I'm using to change display properties. I'm using jquery and the tablesorter plug-in (along with a tablesorter updated module to accomodate child rows - http://www.pengoworks.com/workshop/jquery/tablesorter/jquery.tablesorter.mod .js) to sort my db table. The collapsible rows have a 'extend-child' class which attaches them to the 'parent' row for sorting purposes. When a certain cell is clicked on the parent, the child row is displayed (the jquery goes and sets display to block). The child rows are set to display:none initially, and when the associated parent cell (tagged w/ a class of 'collapsible') is clicked, the child row displays. The jquery stuff works great, but it's the display I have a question about (so I came here)... Some of my actual db table rows have cells which vary in height. When I try to display them, with the child row below them (my particular app only has one child row/parent) the cells are unequal (I draw a border around the cells which makes it really obvious). Is there any way for me to display the parent row with equal height cells while the child row is set to display none? I'm seeing it in all of the browsers I've looked at - ff, ie, opera. Because the cell heights will vary, I have no way of really knowing a height or min-height to specify. I've doctored up the jquery tablesort demo/doc file (with the child row mod update) to show the problem (there's alot of overhead in butchering the actual app for you to see it..). The unequal rows don't really look that bad in this example, but do in my actual application - and the demo does show the problem. The doctored up jquery tablesort file is at http://thequarrygroup.com/table_row_alignment/tablesorter1.htm Any ideas, pointers greatly appreciated! __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] (no subject) table cells
From: E McMahon [EMAIL PROTECTED]
Is there any way for me to display the parent row with equal height cells
while
the child row is set to display none?
http://thequarrygroup.com/table_row_alignment/tablesorter1.htm
Unless I'm misunderstanding the problem, this is an html issue, not css or
javascript.
The first two cells in each table row have a rowspan of 2, but the rest of
the cells in the row only span one row, so they are shorter than the first 2
cells of the row.
For example:
tr
td rowspan=2 class=collapsible
/td
td rowspan=2 class=collapsible_alt
a href=javascript:alert('Order #
SO71778')SO71778/a
/td
td
Purchase Mart
/td
td
PO19894146890
/td
td
Apr 18, 2007
/td
td
$1,503.98
/td
/tr
But from the looks of the behavior of the cell with 2 lines, it seems you
could just add br /nbsp; to the contents of each of the short cells so as
not to disturb whatever function is dependent upon them not being set to
span 2 rows.
I didn't look at the javascript code.
Hope that helps,
Nancy
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] (no subject)
E McMahon wrote: Hello - I was wondering if anyone has tripped over this... I do believe it's a CSS issue, but included jquery details as that is what I'm using to change display properties. I'm using jquery and the tablesorter plug-in (along with a tablesorter updated module to accomodate child rows - http://www.pengoworks.com/workshop/jquery/tablesorter/jquery.tablesorter.mod .js) to sort my db table. The collapsible rows have a 'extend-child' class which attaches them to the 'parent' row for sorting purposes. When a certain cell is clicked on the parent, the child row is displayed (the jquery goes and sets display to block). The child rows are set to display:none initially, and when the associated parent cell (tagged w/ a class of 'collapsible') is clicked, the child row displays. The jquery stuff works great, but it's the display I have a question about (so I came here)... Some of my actual db table rows have cells which vary in height. When I try to display them, with the child row below them (my particular app only has one child row/parent) the cells are unequal (I draw a border around the cells which makes it really obvious). Is there any way for me to display the parent row with equal height cells while the child row is set to display none? I'm seeing it in all of the browsers I've looked at - ff, ie, opera. Because the cell heights will vary, I have no way of really knowing a height or min-height to specify. I've doctored up the jquery tablesort demo/doc file (with the child row mod update) to show the problem (there's alot of overhead in butchering the actual app for you to see it..). The unequal rows don't really look that bad in this example, but do in my actual application - and the demo does show the problem. The doctored up jquery tablesort file is at http://thequarrygroup.com/table_row_alignment/tablesorter1.htm Any ideas, pointers greatly appreciated! Hi, The problem is related to the rowspan of the td element. Since the tr below that needs to be expanded is still there, and only the td elements are hidden, this effect appears. Best would be to only add the rowspan via Javascript when the actual expansion occurs. regards, Jens __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] (no subject)
Hi, The problem is related to the rowspan of the td element. Since the tr below that needs to be expanded is still there, and only the td elements are hidden, this effect appears. Best would be to only add the rowspan via Javascript when the actual expansion occurs. regards, Jens Some additional thoughts. Your jQuery module cannot interpret the rowspan correctly, since it seems to be built for simple rows without rowspan, and so you get the related effect. Either drop the rowspan and just indent the 2nd row with an additional td and colspan, or try adapting the jQuery script to only add the rowspan when the columns below get expanded. regards, Jens __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] (no subject)
Lee Bettridge wrote:
Hello,
Is there a way to set a min-height in IE6 so that an element can grow if the
text size is increased, the method needs to be compatible with IE7 and
Firefox / Safari / Opera.
Thanks.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
div.test {
min-height:100px;
height:auto !important;
height:500px;
}
Across IE7, FF 2,3, Opera and Safari this will trigger min-height just
fine. IE6 will just play along with the height that has been given
through the height attribute and will expand further, once the content
reaches the height.
regards, Jens
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] (no subject)
div.test {
min-height:100px;
height:auto !important;
height:500px;
}
Across IE7, FF 2,3, Opera and Safari this will trigger min-height just
fine. IE6 will just play along with the height that has been given
through the height attribute and will expand further, once the content
reaches the height.
regards, Jens
There are some more different ways using css hacks, which exploits
browser bugs, just like the example above:
#element {
min-height:500px;
}
* html #element
height:500px;
}
Alternativly you could use Conditional comments, which define a seperate
stylesheet for modifications that you use for a specific IE Version.
http://www.quirksmode.org/css/condcom.html
Before you resort to either hacks or conditional comments, be aware to
use them scarcly! Normaly you should not have to rely on either. Check
your layout before and see if you can make it with markup that does not
server either.
regards, Jens
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] (no subject)
Hello, Is there a way to set a min-height in IE6 so that an element can grow if the text size is increased, the method needs to be compatible with IE7 and Firefox / Safari / Opera. Thanks. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] (no subject)
Lee Bettridge wrote:
Is there a way to set a min-height in IE6 so that an element can grow
if the text size is increased, the method needs to be compatible
with IE7 and Firefox / Safari / Opera.
element {min-height: 200px; _height: 200px;}
...will make IE6 /behave/ as if it supported 'min-height'. That's
because IE6 (and older) has an auto-expansion bug that works in our
favor in cases like this.
The leading underscore is one way to make IE6 (and older) read
properties/values that the other browser will ignore. Any other
method/hack to serve that 'height: some-value' only to IE6 (and older)
can of course be used instead.
regards
Georg
--
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] (no subject)
I've been going made trying to centre my page. I'm trying to avoid using tables for positioning and have created divisions that I've put in place using absolute measurements. With a previous website I've simply used text-align:center in the body part and that seemed to work. With pure divisions, IE will recognize my centering but not Firefox and presumably not some of the other browsers as well. Any ideas? My site is going to measure up to 800 x 600 although I'm thinking of making it 1024 x 600. This problem has probably been discussed time and time again, so sorry in advance that I missed the previous discussions. Cheers, I found this article and a forum thread that helped me when I was trying to figure out the magic to make a page center in CSS. Others may know a wiser path than, I, however. :) http://articles.techrepublic.com.com/5100-10878_11-5296198.html http://www.webmasterworld.com/forum83/4577.htm Hope this helps... -- Words I have learned to spell from CSS-Discussion list - scissors, tortoise, hover (not hoover) __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] (no subject)
Hi Theresa, This article should help: http://www.boutell.com/newfaq/creating/centervertically.html For browsers other than IE7, you should be able to set the display of the parent element (#nav) to 'display: table;', and then the display and vertical-align of the target element (div.list-menu)to 'display: table-cell; vertical-align: middle;'. You might then need a conditional comment in the head if this messes things up in IE7. William __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] (no subject)
Is there a way I can make my navbar ul element expand vertically to 100% height on the page http://www.choicesmissoula.com/resources/index.html so that the orange background will take up that whole vertical space? The only way I've been able to achieve this on other pages is to make a whole bunch of non-breaking spaces. Thanks in advance :) Becca __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] (no subject)
I am trying to create using CSS to make a page that looks like this: http://sfnan.org/iotc/templates-php/pie_1.php This page is a series of divs positioned somewhat like a checker board. This page is created by CSS using absolute positioning within a div that is positioned relatively. For various reasons, I am interested in assembling the checkerboard divs using something besides position:absolute. I just can't make it work. Each rectangle is a separate div, some with background pictures and some with text. I'm not sure how to do this. I can get the first and second to line up floating the first to the left and clearing the second to the right. When I try to so this with additional divs, they seem to take on a life of their own, ending up in odd positions around the page or off the page. I have a few questions. If I want to line up a series of divs, do I make each one float:left and clear:right? If I want to start a new row, do I designate float: left, clear: both? This seems logical, but I can't get it to work. If I understand it right, position:relative lets me put the div in standard html sequence but indicate an offset using top and side positioning. This doesn't seem to work the way I would expect it to work. Please help me understand how to do what I am trying to do. Thanks, --Kenoli Kenoli Oleari 1801 Fairview Street Berkeley, CA 94703 Neighborhood Assemblies Network 510-601-8217, [EMAIL PROTECTED] http://www.sfnan.org, http://www.horizonsofchange.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] (no subject)
It may be possible to use floats to achieve your objective. Here is a link to a demo using floats: http://www.jimdavis.org/test/checkerboard.html This uses two floats, one that is 16em wide by 8em high, and a blank that is 8em square. The image within the wide float is floated left and is given a class to set the width and height of the image to 8em by 8em. This makes sure the image is sized to fit the containing element and allows the image to change size when the user re-sizes the text in the browser. I have only tested this on a PC with FF and IE7, so not sure of results in other browsers and OS's. Jim On Jan 31, 2008 10:15 AM, Kenoli Oleari [EMAIL PROTECTED] wrote: I am trying to create using CSS to make a page that looks like this: http://sfnan.org/iotc/templates-php/pie_1.php This page is a series of divs positioned somewhat like a checker board. This page is created by CSS using absolute positioning within a div that is positioned relatively. For various reasons, I am interested in assembling the checkerboard divs using something besides position:absolute __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] (no subject)
Hello List, Could someone please let me know why and how to fix the aberrant spacing in the top level of my nav? I don't understand where it is coming from. Could someone also help me fix the margin problem that I'm having between #left-image and #main-text? I've included a link to a screenshot pointing out my problems. screenshot: http://cometothewell.org/newsite/Assets/Images/screenshot.tiff site: http://cometothewell.org/newsite css: http://cometothewell.org/newsite/styles.css Thank you for all of your help. This list has been invaluable to me. David Terrell Looking for last minute shopping deals? Find them fast with Yahoo! Search. http://tools.search.yahoo.com/newsearch/category.php?category=shopping __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] (no subject)
David Terrell wrote: Hello List, Could someone please let me know why and how to fix the aberrant spacing in the top level of my nav? I don't understand where it is coming from. Could someone also help me fix the margin problem that I'm having between #left-image and #main-text? I've included a link to a screenshot pointing out my problems. I see right off that you have multiple h1 tags that share the same ID. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] (no subject)
From what I can see it appears to be the 6em width in your #nav li
selector...
#nav li {styles.css (line 119)
float:left;
padding:0.25em;
width:6em;
}
Change that width value to auto, or remove it entirely, and you may get the
results you want!
...Rob
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] (no subject)
I am having trouble with my links on the page. I have a top menu and a side menu. When you click on any link the whole system breaks down. A link is provided in order to view the problem. Any help would be greatly appreciated. http://208.106.151.24/turner/ Thanks, Brian Simmons Brian Simmons [EMAIL PROTECTED] www.simmonswebdesign.net 404.316.2655 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] (no subject)
Brian Simmons wrote:
I am having trouble with my links on the page. I have a top menu and a side
menu. When you click on any link the whole system breaks down
Yes indeed the clicks are trashing your layout, specifically a:visited
is doing you in ;)
In your stylesheet when you're declaring your link rules you
consistently drop part of the specificity for the :visited pseudo class...
#menu a:link, a:visited { --- you'd want that second part to read
#menu a:visited
color: #ff;
text-decoration: none;
text-align: right;
}
This mistake is repeated several times down the page, meaning that
cumulatively you're applying a lot of styles to ALL your :visited links.
SCL
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] (no subject)
On Mon, 31 Dec 2007 14:38:46 -, Brian Simmons [EMAIL PROTECTED] wrote: I am having trouble with my links on the page. I have a top menu and a side menu. When you click on any link the whole system breaks down. A link is provided in order to view the problem. Any help would be greatly appreciated. http://208.106.151.24/turner/ Try changing these: #menu a:link, a:visited #leftContent a:link, a:visited #RightMenu a:link, a:visited #extraSideBar a:link, a:visited to these: #menu a:link, #menu a:visited #leftContent a:link, #leftContent a:visited #RightMenu a:link, #RightMenu a:visited #extraSideBar a:link, #extraSideBar a:visited -- Andrew Frazier http://www.kidderminsterharriers.com ICQ: 77914158 Using Opera's revolutionary e-mail client: http://www.opera.com/m2/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] (no subject)
Thanks this fixed the problem.
Brian Simmons
[EMAIL PROTECTED]
www.simmonswebdesign.net
404.316.2655
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Shawn Lawler
Sent: Monday, December 31, 2007 11:31 AM
To: css-d@lists.css-discuss.org
Subject: Re: [css-d] (no subject)
Brian Simmons wrote:
I am having trouble with my links on the page. I have a top menu and a
side
menu. When you click on any link the whole system breaks down
Yes indeed the clicks are trashing your layout, specifically a:visited
is doing you in ;)
In your stylesheet when you're declaring your link rules you
consistently drop part of the specificity for the :visited pseudo class...
#menu a:link, a:visited { --- you'd want that second part to read
#menu a:visited
color: #ff;
text-decoration: none;
text-align: right;
}
This mistake is repeated several times down the page, meaning that
cumulatively you're applying a lot of styles to ALL your :visited links.
SCL
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] (no subject)
Does anyone know why this page is not picking up the css style sheet like the javascrip is telling it to? http://www.pcg-advisors.com/new/theteam/brent.html It looks like you're not calling the correct path to the css - you're calling it at: http://www.pcg-advisors.com/new/theteam/mac_firefox.css When they are here: http://www.pcg-advisors.com/new/mac_firefox.css -- Susan R. Grossman [EMAIL PROTECTED] __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] (no subject)
Hi, The validator is reporting a number of errors in your mark-up. Go to: http://validator.w3.org/ and enter your URL to see the results of the validation test. Jim On Dec 20, 2007 1:33 PM, juliann wheeler [EMAIL PROTECTED] wrote: Does anyone know why this page is not picking up the css style sheet like the javascrip is telling it to? http://www.pcg-advisors.com/new/theteam/brent.html It is supposed to look like this one which happens to be working: http://www.pcg-advisors.com/new/index.html I can't tell why it's working with the home page and not the other one. Thanks! __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] (no subject)
Hi Juliann, I'm not sure why you would want to make so many different stylesheets in the first place, since you can make an almost 100% accurate stylesheet with one file to cover all browsers, but that's a different thing. Anyway... I think your css is in the wrong directory... You're using relative URLs. The css you're calling should be in www.pcg-advisors.com/new/theteam. It is in www.pcg-advisors.com/new Arno - Original Message - From: juliann wheeler [EMAIL PROTECTED] To: css-d@lists.css-discuss.org Sent: 20 December, 2007 11:33 PM Subject: [css-d] (no subject) Does anyone know why this page is not picking up the css style sheet like the javascrip is telling it to? http://www.pcg-advisors.com/new/theteam/brent.html It is supposed to look like this one which happens to be working: http://www.pcg-advisors.com/new/index.html I can't tell why it's working with the home page and not the other one. Thanks! _ The best games are on Xbox 360. Click here for a special offer on an Xbox 360 Console. http://www.xbox.com/en-US/hardware/wheretobuy/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] (no subject)
Hi, Okay, here goes! I want to achieve this layout freelancealot.co.uk/test/Retreat_Wellness_Centre.jpg Which would be easy if I were going for a fixed-width layout, however I want the layout to be full-width (100%), also easy enough, but then I want the left-col and right-col to be liquid and the centre col fixed to the width of the picture and it's border. Am I being too optimistic here... or maybe missing an obvious solution to the layout requirement. From the point of SEO, I'd like the left-col and right-col to appear first, if possible - I'm thinking of the markup looking similar to below: div id=container div id=content div id=left-col text /div -- liquid div id=right-col text /div -- liquid /div div id=centre-col main image /div -- fixed-width (max-width?) div id=footer ... div id=left-footer /div div id=right-footer /div /div /div Any help/pointers much appreciated - I seem to be having a brain freeze on this one. Thanks, Tracy __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] (no subject)
Dave questioned: On this page http://www.pierceartanddesign.com/testfiles/pages/ med_vs_social_care.html I've almost gotten the myriad browser bugs handled. All of my CSS on all three check out as being good on the WC3 checkers, as well as the HTML, with the exception of the header/ style info. I don't understand where the problem is. Can someone clue in the clueless? CLIP! SLASH! head meta http-equiv=Content-Type content=text/html; charset=UTF-8 meta name=generator content=Adobe GoLive titleMedical vs. Social Care/title link href=../css/basic.css rel=stylesheet type=text/css media=all !--[if lt IE 7.0] link rel=stylesheet type=text/css href=../css/ ie6.css / ![endif]-- !--[if lt IE 6.0] link rel=stylesheet type=text/css href=../css/ ie5x.css / ![endif]-- --/style /head Susan said, suitably: In the example you gave of your header, there's a style close without an open that may be causing your issue - you didn't say the actual invalid message though, so I can't be sure that's what you're speaking of. --/style Susan, thanks, Here's the entire two messages: Error Line 17 column 0: character data is not allowed here. --/style You have used character data somewhere it is not permitted to appear. Mistakes that can cause this error include putting text directly in the body of the document without wrapping it in a container element (such as a paragraph/p) or forgetting to quote an attribute value (where characters such as % and / are common, but cannot appear without surrounding quotes). ✉ Error Line 17 column 10: end tag for element STYLE which is not open. --/style The Validator found an end tag for the above element, but that element is not currently open. This is often caused by a leftover end tag from an element that was removed during editing, or by an implicitly closed element (if you have an error related to an element being used where it is not allowed, this is almost certainly the case). In the latter case this error will disappear as soon as you fix the original problem. Also, are my conditional comment links done correctly? My first time at those... Thank you for your assistance! ;-Dave __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] (no subject)
Hello,I am trying to insert a background image into URLs that link to pages
outside our intranet and thus when clicked open a new window. The image used is
the common one seen on may sites, the little overlapping windows. This
code:a.newWindow { padding-right: 14px; background:
url(/bcasinfo/images/productionFiles/icons/newWindow.gif) no-repeat right
center;}works fine in FF-whatever regardless, and, most of the time in IE6.
However it does not work in IE6 when the sentence text that comprises anchor
wraps to a new line. What happens is the bg image stays on the first line,
usually overlapping the text, even as the padding-right is visible on the line
below. The basic anchor rules have nothing unusual in their styling so I have
not included that code here.Any help would be appreciated.Thanks,R.A. Paterson
_
Explore the seven wonders of the world
http://search.msn.com/results.aspx?q=7+wonders+worldmkt=en-USform=QBRE
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] (no subject)
r paterso wrote:
Hello,I am trying to insert a background image into URLs that link to
pages outside our intranet and thus when clicked open a new window.
The image used is the common one seen on may sites, the little
overlapping windows. This code:
a.newWindow { padding-right: 14px; background:
url(/bcasinfo/images/productionFiles/icons/newWindow.gif) no-repeat
right center;}
works fine in FF-whatever regardless, and, most of the time in IE6.
However it does not work in IE6 when the sentence text that comprises
anchor wraps to a new line. What happens is the bg image stays on the
first line, usually overlapping the text, even as the padding-right is
visible on the line below.
The basic anchor rules have nothing unusual in their styling so I have
not included that code here.Any help would be appreciated.
Thanks,R.A. Paterson
Hi,
I've got this one for you:
css :: external link with icon/image, workaround for IE
http://home.tiscali.nl/developerscorner/css-discuss/test-link-iconENupdate.htm
Success and greetings,
francky
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] (no subject)
Gunlaug Sørtun wrote: It will also fail when the div is expanded, because you can't clear below '.big'. So, the only solution seems to be to wrap a div around everything below #togglebar, and float that div with a negative backside margin - only in IE6 and below. Well, I built an alternate version that feeds IE6 positioned elements instead of floated, and it seems to work, even with the animated panel... still just working through the concept... just hadn't come across that particular flavor of IE6-challenge http://tinyurl.com/29lrdw thanks for showing me an opening! Rolf __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] (no subject)
is there a way to set an image as a border? -- Jeffrey Morin __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] (no subject)
On Feb 16, 2007, at 10:14 AM, jeffrey morin wrote: is there a way to set an image as a border? No... but if the box you're bordering is fixed-width, you can combine a full-width background that contains the two side rails with :before/:after rules to give the top and bottom images. HTH, —ml— __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] (no subject image as border)
Mark Lundquist schreef: On Feb 16, 2007, at 10:14 AM, jeffrey morin wrote: is there a way to set an image as a border? No... but if the box you're bordering is fixed-width, you can combine a full-width background that contains the two side rails with :before/:after rules to give the top and bottom images. Hi Jeffrey. In principle: Yes... (even in IE, even liquid): * http://home.tiscali.nl/developerscorner/liquidcorners/liquid-corners-playgarden-08a.htm ... but the results will depend of the image you want to show. For a liquid design the (background repeated) images must be able to slide without shifting a part of the img. Maybe there are problems with the image you intend (and maybe also a solution for that). If problems, do you have a link to the img or to a testpage? Success and greetings, francky __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] (no subject)
Hello, Another problem. I'm implementing a css custom corners and border box with multiple divs inside the main box div. I want it to be expandible both by width and height. So the problem is that whan I don't specify float:right for the divs of right corners, they stick to the left corners and content div takes just the text widths. But when I specify float:right for the right corners they take their pace at the box, but the box expands automaticlly at 100% of available width. So the question is how to make the box (using the dloats of it's inside divs) take just th elength of text inside? Tnax in advance... _ Personnalisez votre Messenger avec Live.com http://www.windowslive.fr/livecom/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] (no subject) liquid corners
Julia Ccc wrote: Hello, Another problem. I'm implementing a css custom corners and border box with multiple divs inside the main box div. I want it to be expandible both by width and height. So the problem is that whan I don't specify float:right for the divs of right corners, they stick to the left corners and content div takes just the text widths. But when I specify float:right for the right corners they take their pace at the box, but the box expands automaticlly at 100% of available width. So the question is how to make the box (using the dloats of it's inside divs) take just th elength of text inside? Tnax in advance... Hi Julia, Indeed, often floats are floating away. :-) Some solutions without floating (instead of floats: with background positioning of the custom corners borders) you can find over here: * Liquid Round Corners http://home.tiscali.nl/developerscorner/liquidcorners/liquidcorners.htm * One of the illustrations, maybe in the direction you´re searching: More Round Corners http://home.tiscali.nl/developerscorner/liquidcorners/more-rounded-corners_step1.htm If you don´t find what you are looking for, do you have a link to a testpage with your code? Salut! francky __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] (no subject)
Hi CSSers, Anyone know of a way to make a read only input element blend perfectly in to the background in Safari? Renders properly in Firefox. See: Tour Date field above calendar at: https://www.mauimountaincruisers.com/bookings/ Aloha, -tim __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] (no subject) - styling readonly input
Timothy Martens wrote:
Hi CSSers,
Anyone know of a way to make a read only input element blend
perfectly in to the background in Safari? Renders properly in
Firefox. See: Tour Date field above calendar at:
https://www.mauimountaincruisers.com/bookings/
Aloha,
-tim
Alright Tim,
I had a look, I take it's the input for the total price down at the
bottom you're asking about?
Anyway if so, try this to reset the styles for that one input:
#total, #total:hover { color: #4a0400; border: 0; background: transparent; }
Should work for most browsers but I only tested it in FF2 on PC. I'll
check it in the rest of my browsers if you decide to implement it.
Rob O
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] (no subject)
Hugo Heriz-Smith wrote: http://www.stephenporterstudio.com/html/stainless.html So - if anyone has a suggestion of an elegant way to get that done, I'd love to hear it. I am hoping that there's a nicer way to do this than setting up 8 hidden tables that get swapped during the click. Depends on whether you want a page which basically doesn't tell visitors anything without full Javascript, CSS and image support, or if you want a page that (at least has a chance to) tell all visitors what this is all about - regardless of support. That's _your_ decision to make. If you want to check how much (or how little) information your page provides at a basic level at the moment, then you should open up your site to 'Lynxview'... http://www.delorie.com/web/lynxview.html ...and run it through there. I can't do that, but I have already checked it in the real thing - Lynx, and it doesn't tell me much about the sculptures at the moment. Suggestion: You already have a list (of thumbnails), so you can add pretty informative captions to each picture. Then you can show them, hide them (preferably with an 'off-screen' method) or position them one by one relative to the big picture, as the design requires and support allows for. The page will look the same and behave as you intend, but it will be a lot more informative on all levels. I can't do much with Javascript yet, so I can't tell you how to swap a caption on click. I know how to swap during :hover with CSS, but that's not good enough for what you've got there - it just tells me that it should not be too hard to achieve. Anyway, a well thought out mix of html, css and javascript should give you a pretty well-working, accessible and informative page for all visitors. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] (no subject)
Hello, First of all - thank you again Georg for your help in getting this far. As I said the other day, I've been asked to redo this flash site, keeping it as close to the original as possible. http://www.stephenporterstudio.com in HTML. I'm doing just two pages for now - the opening page and the first gallery page. http://www.stephenporterstudio.com/html/ http://www.stephenporterstudio.com/html/stainless.html I've almost got both pages now - the biggest item I have left if getting the captions to change under the big picture on the stainless page as a new image is brought up by a click on the table to the left. So - if anyone has a suggestion of an elegant way to get that done, I'd love to hear it. I am hoping that there's a nicer way to do this than setting up 8 hidden tables that get swapped during the click. And - any other criticism at all would be great. If that's an inappropriate request - my apologies. thanks, Hugo __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] (no subject)
Hugo Heriz-Smith wrote: Hello, First of all - thank you again Georg for your help in getting this far. As I said the other day, I've been asked to redo this flash site, keeping it as close to the original as possible. http://www.stephenporterstudio.com in HTML. I'm doing just two pages for now - the opening page and the first gallery page. http://www.stephenporterstudio.com/html/ http://www.stephenporterstudio.com/html/stainless.html I've almost got both pages now - the biggest item I have left if getting the captions to change under the big picture on the stainless page as a new image is brought up by a click on the table to the left. So - if anyone has a suggestion of an elegant way to get that done, I'd love to hear it. I am hoping that there's a nicer way to do this than setting up 8 hidden tables that get swapped during the click. Javascript (OT for this list) would let you change specific elements via DOM. -- David [EMAIL PROTECTED] authenticity, honesty, community __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] (no subject)
Hugo Heriz-Smith wrote: I've almost got both pages now - the biggest item I have left if getting the captions to change under the big picture on the stainless page as a new image is brought up by a click on the table to the left. It's not elegant, and it would require (for accessibility) either a detailed alt tag or a page for the longdesc img option in the code, but you could add a white border to the big images themselves and include the caption as part of the image. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] (no subject)
I have a href tag inside an li. I want the cursor to change to hand when the mouse is over a particular li/a href. I have set the display to block inside the 'a' style. It doesn't seem to work in IE 6.0 for some reason. Given it a background colour as well. ** This email and any files transmitted with it are confidential and intended solely for the use of the individual or entity to whom they are addressed. If you are not the intended recipient, please e-mail the sender immediately by replying to this message and delete the material from any computer. This Message is attributed to the sender and may not necessarily reflect the view of Capita Registrars, its subsidiaries or associates. If you would like to find out more about Capita Registrars, please visit our website at http://www.capitaregistrars.com Part of The Capita Group Plc. Registered Office: The Registry 34 Beckenham Road Beckenham Kent BR3 4TU Registered in England no: 2605568 ** __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] (no subject)
All,
I have the following Javascript code which is generating a DIV and attempting
to style it a certain way.
The content comes up, but I can't get the positioning to work at all. I've
tried several different approaches (absolute w/offsets, etc.).
Does Element.setAttribute() work in IE? Do I need to address the attributes
differently perhaps?
Thanks,
Wes
newDiv = popup.document.createElement('div');
newDiv.setAttribute('id', 'pdf');
newDiv.setAttribute('style', 'margin-top: 250px; text-align: center;');
newDiv.innerHTML = 'Please wait while your forms are
generatedBR/BR/IMG src=' + wait_image_url + '/';
popup.document.body.appendChild(newDiv);
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] (no subject)
Wes Gamble wrote:
newDiv = popup.document.createElement('div');
newDiv.setAttribute('id', 'pdf');
newDiv.setAttribute('style', 'margin-top: 250px; text-align: center;');
newDiv.innerHTML = 'Please wait while your forms are
generatedBR/BR/IMG src=' + wait_image_url + '/';
popup.document.body.appendChild(newDiv);
I'd do it like this:
newDiv.style.marginTop = '250px';
newDiv.style.textAlign = 'center';
== Off-topic ==
This isn't a JS list, but if you're bothering to create the DIV using
correct DOM functionality then I'd create the contents that way too,
rather than using innerHTML.
== On-topic ==
I'd also make the img a block level element rather than using br
elements, but that's just how I roll. ;)
Brad
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] (no subject)
On 11/15/06, Bradley Wright [EMAIL PROTECTED] wrote:
Wes Gamble wrote:
newDiv = popup.document.createElement('div');
newDiv.setAttribute('id', 'pdf');
newDiv.setAttribute('style', 'margin-top: 250px; text-align: center;');
newDiv.innerHTML = 'Please wait while your forms are
generatedBR/BR/IMG src=' + wait_image_url + '/';
popup.document.body.appendChild(newDiv);
I'd do it like this:
newDiv.style.marginTop = '250px';
newDiv.style.textAlign = 'center';
It is an option. I'd do a
#pdf {margin-top: 250px; text-align: center;}
in the CSS file :-)
If #pdf normally has other styles you can also add a class with
newDiv.className = 'pop';
and set the CSS accordingly. Whenever you get the chance to let the
CSS parser do the work for you, do it.
--
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
IE7 information -- 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] (no subject)
Hi,
I have some buttons, but when the text is increased it escapes from the div.
Is there any way to force text wrapping?
.rollover a {
display:block;
width: 80px;
height:80px;
word-wrap:break-word;
color:#333;
background: url(../images/home.png) 0 0 no-repeat;
text-decoration: none;
float:left;
}
.rollover a:hover {
background-position: -97px 0px;
color: #049;
}
.rollover a:active {
background-position: 0 -70px;
color:#fff;
}
the html
div class=rollover
a href=#home/a
a href=#news/a
a href=#solutions/a
a href=#/a
/div
/div
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] (no subject)
I have a problem that I'm not sure how to solve. I am attempting to
create tabs with a small corner cutout. I know hot to place the small
corner image and get the rollover colors to work, etc.
The problem I'm having is that the 1px border I need on the top, left,
and right of each tab is showing around the image, so I turned border
off and am looking for a solution to create the borders I need.
Is there a way to specify a length for a border? For instance, if my
tabs are 30px wide and 20px high, and my corner image is 5px square, can
I specify the top border to only be 25px in length, and my right border
to be 15px high?
If not, is there a workaround for this?
Thanks for any help you can give.
My current code:
#newsTabs ul{
list-style-type: none;
margin: 0;
padding-bottom: 24px;
font: bold 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
float: left;
}
#newsTabs li {
float: left;
height: 20px;
color: #00;
padding-bottom: 0px;
margin: 2px 2px 0 2px;
/*border-top: 1px solid #9b988f;
border-left: 1px solid #9b988f;
border-right: 1px solid #9b988f;*/
background: url(/images/tabcorner.gif) 100% 0 no-repeat white;
}
#newsTabs a:link, #newsTabs a:visited {
display: block;
color: #00;
background-color: transparent;
text-decoration: none;
padding: 4px;
}
#newsTabs a:hover {
color: #00;
background: url(/images/tabcorner.gif) 100% 0 no-repeat #dde2dc;
}
__
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] (no subject)
There's always Doug Bowman's Sliding Doors:
http://www.alistapart.com/articles/slidingdoors/
It'll help you create expanding, EM width dependent tabs.
On 30/08/2006 16:03, Ross C wrote:
I saw a site a while back that had this (I'll try to find it).
I believe they had a background image for the tab that was like 150px wide
(and 20px high in your case) that had the borders for the top, right (or in
your case the chamfered corner), and bottom, then specified li
{border-left: 1px...}
So it's still expandable horizontally to scale with your text length.
I can see that this method would not work for everyone (for example, if your
li has a fluid height), but it may work for u.
-ross
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Poyner, Matt
Sent: Wednesday, August 30, 2006 9:55 AM
To: css-d@lists.css-discuss.org
Subject: [css-d] (no subject)
I have a problem that I'm not sure how to solve. I am attempting to
create tabs with a small corner cutout. I know hot to place the small
corner image and get the rollover colors to work, etc.
The problem I'm having is that the 1px border I need on the top, left,
and right of each tab is showing around the image, so I turned border
off and am looking for a solution to create the borders I need.
Is there a way to specify a length for a border? For instance, if my
tabs are 30px wide and 20px high, and my corner image is 5px square, can
I specify the top border to only be 25px in length, and my right border
to be 15px high?
If not, is there a workaround for this?
Thanks for any help you can give.
My current code:
#newsTabs ul{
list-style-type: none;
margin: 0;
padding-bottom: 24px;
font: bold 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
float: left;
}
#newsTabs li {
float: left;
height: 20px;
color: #00;
padding-bottom: 0px;
margin: 2px 2px 0 2px;
/*border-top: 1px solid #9b988f;
border-left: 1px solid #9b988f;
border-right: 1px solid #9b988f;*/
background: url(/images/tabcorner.gif) 100% 0 no-repeat white;
}
#newsTabs a:link, #newsTabs a:visited {
display: block;
color: #00;
background-color: transparent;
text-decoration: none;
padding: 4px;
}
#newsTabs a:hover {
color: #00;
background: url(/images/tabcorner.gif) 100% 0 no-repeat #dde2dc;
}
__
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-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] (no subject)
Thanks, Ross. The expandable bg image did the trick. Exactly what I
needed to get it working.
I love this list! :-)
-Original Message-
From: Ross C [mailto:[EMAIL PROTECTED]
Sent: Wednesday, August 30, 2006 11:04 AM
To: Poyner, Matt; css-d@lists.css-discuss.org
Subject: RE: [css-d] (no subject)
I saw a site a while back that had this (I'll try to find it).
I believe they had a background image for the tab that was like 150px
wide
(and 20px high in your case) that had the borders for the top, right (or
in
your case the chamfered corner), and bottom, then specified li
{border-left: 1px...}
So it's still expandable horizontally to scale with your text length.
I can see that this method would not work for everyone (for example, if
your
li has a fluid height), but it may work for u.
-ross
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Poyner, Matt
Sent: Wednesday, August 30, 2006 9:55 AM
To: css-d@lists.css-discuss.org
Subject: [css-d] (no subject)
I have a problem that I'm not sure how to solve. I am attempting to
create tabs with a small corner cutout. I know hot to place the small
corner image and get the rollover colors to work, etc.
The problem I'm having is that the 1px border I need on the top, left,
and right of each tab is showing around the image, so I turned border
off and am looking for a solution to create the borders I need.
Is there a way to specify a length for a border? For instance, if my
tabs are 30px wide and 20px high, and my corner image is 5px square, can
I specify the top border to only be 25px in length, and my right border
to be 15px high?
If not, is there a workaround for this?
Thanks for any help you can give.
My current code:
#newsTabs ul{
list-style-type: none;
margin: 0;
padding-bottom: 24px;
font: bold 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
float: left;
}
#newsTabs li {
float: left;
height: 20px;
color: #00;
padding-bottom: 0px;
margin: 2px 2px 0 2px;
/*border-top: 1px solid #9b988f;
border-left: 1px solid #9b988f;
border-right: 1px solid #9b988f;*/
background: url(/images/tabcorner.gif) 100% 0 no-repeat white;
}
#newsTabs a:link, #newsTabs a:visited {
display: block;
color: #00;
background-color: transparent;
text-decoration: none;
padding: 4px;
}
#newsTabs a:hover {
color: #00;
background: url(/images/tabcorner.gif) 100% 0 no-repeat #dde2dc;
}
__
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] (no subject)
to ANDREAS
I deleted height:1% but it did not work
I tried this and it was OK
body {margin:0px;padding:0px;
color: #000;
background: #e2dfdc url(images/background_main.gif) 0
0 repeat;
font-family: verdana, tahoma, arial, sans-serif;
font-size: 0.8em;
text-align: center;
{
you need for body in css only this.footer went down in IE 5 FIREFOX OPERA
NETSCAPE
__
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] (no subject)
Please see my additional questions below (separated by asterisks). Thanks!! Message: 18 Date: Fri, 04 Aug 2006 03:39:59 +0200 From: Gunlaug S?rtun [EMAIL PROTECTED] Subject: Re: [css-d] need help with placement of boxes in CSS To: css-d@lists.css-discuss.org Message-ID: [EMAIL PROTECTED] Content-Type: text/plain; charset=ISO-8859-1; format=flowed juliann wheeler wrote: http://www.juliannwheeler.com/phyve/Phyve_Final/index_final.html It looks great in Firefox, but in Internet Explorer many of the boxes are placed in the wrong place. Looks great :-) but not very usable. You should try to use those pages in Lynx - especially the front page, and add all the missing pieces (alt-attributes - with suitable content) that the W3C (X)HTML validator mentions as errors. *** What is Lynx? What will that achieve? *** If you clock on who on the left nav you can see 4 different pages: Each of these pages has a heading above the content in a teal all caps font. Even though the placement of this box that holds this type is the same on each of these pages you can see in IE how it jumps around and is different on each one of these pages. Defaults are not identical across browser-land, so you'll have to set margins and line-height and what-not as you like it to turn out. *** It makes sense that defaults are not identical across browserland. But the 4 different pages mentioned above all have the same layout and same code. It doesn't make sense, why a SINGLE browser (ie Internet Explorer alone) would display each of these pages differently. *** ALSO, my rollovers for the left nav do not work in IE, but they work fine in Firefox. Have a feeling that those effects are javascript-driven, so off-topic here on css-d. 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] (no subject)
juliann wheeler wrote: http://www.juliannwheeler.com/phyve/Phyve_Final/index_final.html It looks great in Firefox, but in Internet Explorer many of the boxes are placed in the wrong place. Looks great :-) but not very usable. You should try to use those pages in Lynx - especially the front page, and add all the missing pieces (alt-attributes - with suitable content) that the W3C (X)HTML validator mentions as errors. What is Lynx? What will that achieve? Lynx is a browser, and it will tell if your pages/sites are constructed in such a way that they _can be used_ at the most basic level, which is a must when it comes to usability - and anything else in web design. No pages/sites can be made to work with css and/or javascript - only make them look and work better once the basics are in place. If the basics are missing, then we're only painting the dead with all the other stuff. That's what you have done, IMO. You can test _your_ pages/sites in Lynxview... http://www.delorie.com/web/lynxview.html ...and there you will find where to download the browser also - in case you need it. If you clock on who on the left nav you can see 4 different pages: Each of these pages has a heading above the content in a teal all caps font. Even though the placement of this box that holds this type is the same on each of these pages you can see in IE how it jumps around and is different on each one of these pages. Defaults are not identical across browser-land, so you'll have to set margins and line-height and what-not as you like it to turn out. It makes sense that defaults are not identical across browserland. But the 4 different pages mentioned above all have the same layout and same code. It doesn't make sense, why a SINGLE browser (ie Internet Explorer alone) would display each of these pages differently. Parts of IE's default is to ignore dimensions and calculate line-height in its own unique way. I know only too well that it doesn't make sense, but there isn't all that much that makes sense in IE. Now, you have not applied /complete styles/ to the elements you have problems with. Try doing that first, and we'll help you if any senseless bugs are still disturbing it - in IE. Still no way to make it work in _my_ Firefox, Opera or IE, since you have locked all (existing) text inside fix sized containers. Result: parts of the text is hidden from view, so I *have to* use Lynx (or rather Opera's user-styles) to be able to read what it says... 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] (no subject)
I don't know what I changed, but the fly-out menu stopped working. Here is the site. Any assistance would be greatly appreciated. Thanks, Vic __ 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] (no subject)
Why not apply that fix to IE only and spare Firefox? You could do: Because...uh...umm...well...that's a good point. ;o) -Darrel __ 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] (no subject)
I'm using a 3-column layout on our new site. To avoid the dreaded 'dropped column' problem in IE where if the total column widths are greater than the width of the browser, one or more of the column DIVs will jump down the page, I've set any element in the center column that may be too wide to get wrapped in a div set to 100% and to have overflow-scroll set on it: http://www.mncourts.gov/district/2/?page=60 This works fairly well in both IE and Firefox. However, in Firefox, the scrollbar will appear and disappear no matter the specific width of the browser. For instance, at 600px, 610px, and 615px, you may see the scrollbar, but at 605px, 611px and 614px, it comes back. I assume that this is some sort of rounding issue in Firefox? Any fix for this? -Darrel __ 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] (no subject)
On 7/6/06, Austin, Darrel [EMAIL PROTECTED] wrote:
I'm using a 3-column layout on our new site. To avoid the dreaded
'dropped column' problem in IE where if the total column widths are
greater than the width of the browser, one or more of the column DIVs
will jump down the page, I've set any element in the center column that
may be too wide to get wrapped in a div set to 100% and to have
overflow-scroll set on it:
http://www.mncourts.gov/district/2/?page=60
This works fairly well in both IE and Firefox.
However, in Firefox, the scrollbar will appear and disappear no matter
the specific width of the browser.
For instance, at 600px, 610px, and 615px, you may see the scrollbar, but
at 605px, 611px and 614px, it comes back.
I assume that this is some sort of rounding issue in Firefox? Any fix
for this?
Why not apply that fix to IE only and spare Firefox? You could do:
html body div { fix }
htmlbody div { no fix }
--
--
Christian Montoya
christianmontoya.com ... portfolio.christianmontoya.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] (no subject)
Hi all. I've been trying to think of a way to make a nice fluid layout.
My page consists of three content areas that are inline. Behind them is
a background image (www.i4cevents.com). When the browser is resized,
the content areas should move and the background image should shrink or
enlarge. So far, this works quite nicely in ff and opera, but the
background image is not displaying correctly in safari. Any idea why?
The relevant html is:
body
div id=background
div class=headerimg src=images/i4cLogo.jpg alt=i4c Events
Logo //div
!--class sets the bg image with two drop shadows--
div class=bgImage
div class=topDropShadow/div
div class=bottomDropShadow/div
/div
/div
...
and the css is for the background and bg Image is:
body{
position:absolute;
margin:0;
padding:0;
height:90%;
width:99%;
font: 62.5% verdana, sans-serif;
max-width:990px;
max-height:600px;
min-height:450px;
border:2px solid #afafaf;
border-bottom:none;
}
#background{
position:relative;
top:0;
height:100%;
width:100%;
z-index:1;
}
.header{
position:relative;
height:60px;
width:100%;
}
.bgImage{
position:relative;
top:0;
background:url('../images/indexRally.jpg') top left no-repeat fixed;
height:65%;
width:100%;
}
I think it might be to do with the fact that the body is absolutely
positioned. Can anyone confirm this and suggest an improvement? Thanks
a lot.
__
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] (no subject)
Simon Kerr wrote: Hi all. I've been trying to think of a way to make a nice fluid layout. My page consists of three content areas that are inline. Behind them is a background image (www.i4cevents.com). When the browser is resized, the content areas should move and the background image should shrink or enlarge. So far, this works quite nicely in ff and opera, but the background image is not displaying correctly in safari. Any idea why? [...] Hi Simon, I'm afraid I have no experience with Safari, but I noticed (under Win98SE at 800x600 resolution) IE is dropping down; screenshot here http://home.tiscali.nl/developerscorner/css-discuss/images/screenshot-i4cevents-IE.jpg. At 1024x768 with a history or other sidebar turned on: also IE downwards... 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/
Re: [css-d] (no subject)
Simon, On Jul 3, 2006, at 4:41 AM, Simon Kerr wrote: Hi all. I've been trying to think of a way to make a nice fluid layout. My page consists of three content areas that are inline. Behind them is a background image (www.i4cevents.com). When the browser is resized, the content areas should move and the background image should shrink or enlarge. So far, this works quite nicely in ff and opera, but the background image is not displaying correctly in safari. Any idea why? Safari 2.0.3 seems to match firefox 1.5.0.x. What version of Safari are you testing with? Roger, -- Roger Roelofs [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] (no subject)
Simon Kerr wrote: Hi all. I've been trying to think of a way to make a nice fluid layout. My page consists of three content areas that are inline. Behind them is a background image (www.i4cevents.com). When the browser is resized, the content areas should move and the background image should shrink or enlarge. So far, this works quite nicely in ff and opera, but the background image is not displaying correctly in safari. Any idea why? 22 screen captures: http://www.browsercam.com/public.aspx?proj_id=265681 Safari does not seem to be the problem. OTOH, all versions of IE /may/ be problematic(with or without a sidebar). Best, ~dL -- http://chelseacreekstudio.com/ca/ccs/pow/pow.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-d] (no subject)
Hi, Having a tough time sorting out what I believe to be a box model issue with IE6. The template I'm building looks as it should in Firefox, but in IE6 its adding roughly 90px on the right causing it to not 'truly' be centered. I am centering a fixed width container (895px) within the browser window and the extra 90px is getting added to the right of the container (I've outlined it with a 1px lime rule). I'm using the centering with auto margin method. I've been through a variety of sites looking for wisdom but I'm afraid I've been staring at it too long to see clearly. Any suggestions as to what the culprit may be would be MOST appreciated. My working html template is here (validated): http://tinyurl.com/qhm58 I'm modularizing my CSS into separate files for this project. The relevant CSS files for this page are here: http://tinyurl.com/o3e7u http://tinyurl.com/r6zah http://tinyurl.com/o72jq Many thanks for taking a look. -Bert __ 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] (no subject)
Hi My name is Rudi and I'm just starting to use CSS. I have been using it for a while now but only for the formatting on my pages. I'd like to learn how to use CSS to design nice layouts like you pro designers. So in the meantime I'll just watch and learn. Bye for now. Rudi http://www.clickthis.co.za http://www.clickthis.co.za/ mailto:[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] (no subject)
Feel free, and start designing layouts regardless. Sometimes the best way to learn is to break something and then fix it! On 05/05/06, Click This IT Solutions [EMAIL PROTECTED] wrote: Hi My name is Rudi and I'm just starting to use CSS. I have been using it for a while now but only for the formatting on my pages. I'd like to learn how to use CSS to design nice layouts like you pro designers. So in the meantime I'll just watch and learn. Bye for now. Rudi http://www.clickthis.co.za http://www.clickthis.co.za/ mailto:[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/ -- http://www.web-buddha.co.uk dynamic web programming from Reigate, Surrey UK (php, mysql, xhtml, css) look out for project karma, our new venture, coming soon! __ 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] (no subject)
On 4/10/06, David Merwin [EMAIL PROTECTED] wrote: The issue is in IE for Windows. The menu on the left, extra padding and when you roll over it resets correctly. site: http://www.madeblue.com css: http://www.madeblue.com/wp-content/themes/pbv2/style.css I really want to stay with em and not convert to pixels for layout. Any ideas? ah, good ol' ie. see if this page can help you at all, as it lists quite a few hovering bugs for that browser: http://positioniseverything.net/explorer/percentages.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-d] (no subject)
Hi i have a problem with a flash movie,, (in Firefox its ok) but in IE it puts up a broken link or broken image as it loads for some it will be very quik but for others it may appear quite a while and i realy need to get rid of it,, is it the code in which i embeeded the flash thats wrong? CODE div id=flash object type=application/x-shockwave-flash data=ntera10a.swf width=700 height=150param name=movie value=ntera/10a.swf /object !--flash--/div i tried to place a background image into the div id flash but it did not help either i realy hope any one have a sultion to this problem the page are up as a test right now at,, http://lirys.mine.nu/homent.html /lirys ps non of the links works as this is just a test spot its up on now __ 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] (no subject)
Hi All, I have recently built my first CSS-dependent website. When it is rendered by MSIE it looks good; however, when rendered by Netscape it completely breaks down. Does anyone have any ideas how I could hack the CSS styling to make it work in Netscape. I never viewed the site in any of the other browsers (Mozilla, Firefox, Opera etc.). The site location is: www.stmatthias.net/knights The CSS style sheet is located at: www.stmatthias.net/knights/stmatthias.css Thanks for your help. Frank Rees Lingua Franca DTP Service [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/
