[css-d] Table with expanding detail rows
Hi,
In a table I have detailrows which appear when you click on a regular row in
the table. The amount of table cells in the detail row is not equal to the
amount of table cells in the regular rows. Besides that I want to give the
tablecells in the detail row different widths than the tablecells in the
regular rows.
What I did is create a details table row tr with a classname details, and
give the table cells different widths , but that doesn't work.
I also created a table with tbody around each tr. But that doesn't work
either.
I am wondering if there is a way to get this result? What is the correct way to
do this?
Please have a look at my attempts: http://www.glassbox.nl/test/table.html.
CSS
table#one {width: 600px; margin: 20px auto;}
table#one th {text-align: left;}
table#one td {width: 33%; background: pink;}
table#one tr.details td {background: aqua; width: 50%;}
table#two {width: 600px; margin: 20px auto;}
table#two th {text-align: left;}
table#two td {width: 33%; background: goldenrod;}
table#two tr.details td {background: lightblue; width: 50%;}
th {background: yellow;}
XHTML
table id=one
thead
trthEen/ththTwee/ththDrie/th/tr
/thead
tbody
trtdeen/tdtdtwee/tdtddrie/td/tr
tr class=detailstddetails/tdtddetails/td/tr
trtdeen/tdtdtwee/tdtddrie/td/tr
trtdeen/tdtdtwee/tdtddrie/td/tr
/tbody
/table
table id=two
thead
trthEen/ththTwee/ththDrie/th/tr
/thead
tbody
trtdeen/tdtdtwee/tdtddrie/td/tr
/tbody
tbody
tr class=detailstddetails/tdtddetails/td/tr
/tbody
tbody
trtdeen/tdtdtwee/tdtddrie/td/tr
/tbody
tbody
trtdeen/tdtdtwee/tdtddrie/td/tr
/tbody
/table
Thanks in advance.
Dimitri
.
__
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] Is a missing ; OK?
Hi all,
I am building on a style sheet for a Drupal website. I have noticed
that in the styles.css file for the theme many of the styles have no
; at the end of the line. This seems mostly to be where there is
more than one line between the braces, like so:
#primarylinks a:hover {
background:#7d9eac;
text-decoration:none
}
I had always thought that the terminating ; was mandatory. Can
someone advise me?
Thanks,
Ian.
--
Ian Piper
Tellura Information Services - the web, document and information people
Registered in England and Wales: 5076715, VAT Number: 874 2060 29
http://www.tellura.co.uk/
01926 811574 | 07590 685840
--
--
ianpi...@mac.com
07590 685840 | 01926 811383
__
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] Is a missing ; OK?
Ian Piper wrote: I had always thought that the terminating ; was mandatory. Can someone advise me? It is not mandatory on the last rule in a set, but it is on the other ones, needed as separation between rules. It is advisable to use them on all of them though, so that if you add another one after the last one, you don't forget to add the ; on what is now the second last one in the set. -- Els __ 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] css-d Digest, Vol 75, Issue 26
I am currently out of the office and will return on Monday the 2nd of March. If you have any urgent queries please contact Steve Lee on 0113 391 2929. Regards 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] Is a missing ; OK?
Hi,
According to CSS 2.1 section 4.1.8, Declarations and properties
http://www.w3.org/TR/CSS21/syndata.html#declaration the semicolon is
used to separate multiple declarations for the same selector.
As the last declaration in a declaration block isn't followed by anything
from which it needs to be separated, it doesn't need the semicolon. In the
case of a declaration that is _not_ the last, it would be an error to omit
the semicolon.
Personally, I'd recommend including the semicolon every time. When
somebody goes to modify the stylesheet in the future and adds a
declaration at the end of the block, they may well not notice the lack of
it; as a result, not only would their new declaration not be applied, but
the formerly-last declaration would also suddenly stop working. It's
little things like this that can lead to hours of head-scratching :-(
Regards,
Nick.
On Fri, February 27, 2009 3:29 pm, Ian Piper wrote:
Hi all,
I am building on a style sheet for a Drupal website. I have noticed
that in the styles.css file for the theme many of the styles have no
; at the end of the line. This seems mostly to be where there is
more than one line between the braces, like so:
#primarylinks a:hover {
background:#7d9eac;
text-decoration:none
}
I had always thought that the terminating ; was mandatory. Can
someone advise me?
Thanks,
Ian.
--
Ian Piper
Tellura Information Services - the web, document and information people
Registered in England and Wales: 5076715, VAT Number: 874 2060 29
http://www.tellura.co.uk/
01926 811574 | 07590 685840
--
--
ianpi...@mac.com
07590 685840 | 01926 811383
__
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/
--
Nick Fitzsimons
http://www.nickfitz.co.uk/
__
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] changing languages for a phrase
I am working on a French/English site and each side has words in the
other language. I want to make sure that screen readers switch languages
for those isolated phrases.
Is this the correct syntax for the language declaration
span lang=frje ne sais quoi/span
Does the language declaration has to be in a span? Is it possible to do
it like this span class=frenchje ne sais quoi/span and have a
style on an external style sheet link
.french {
lang : fr;
font-style: italic;
}
I tried
lang {
font-style: italic;
}
but it doesn't seem to work.
thanks all,
Sandy
__
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] Table with expanding detail rows
Dimpie, the only way to have a tr that is non-conforming in terms of widths or number of cells is to use tons of colspans. a picure's worth a thousand words: http://tinyurl.com/bf7uys trs are shown in turquoise. desired end-user cells in white. actual cell (column) divisions required are shown by red lines. this requires colspans, shown in yellow. basically this means that you end up with extra divistions and subsequent colspans cutting through NOT ONLY your non-conforming cells, but ANY cell that lines up with their non-conforming edges. these things can grow huge and messy like a hydra. for example, in my diagram, rows either have 3 or 4 cells each -- but the table structure needs to end up having 6 cells! i also always have the hardest time placing colspans within the table code. it's very unintuitive unless you use dreamweaver or something to do it for you. the easy cheat for this is to use a second, inner table where your your 'details' row would be. ie: table tr tdnbsp;/td tdnbsp;/td /tr tr td colspan=2 table tr tdnbsp;/td tdnbsp;/td tdnbsp;/td /tr /table /td /tr tr tdnbsp;/td tdnbsp;/td /tr /table having said all that, i'm pretty sure that a lot of the people on this list would use divs for all of it. divs are a lot more modern, by which i mean more obedient and more flexible, than tables. the common logic of separation of page structure and page content implies that tables are appropriate if and only if you're using tabular data -- but i think a lot of us give up on the table as soon as it has to be hacked. but perhaps your data isn't that tabular? hope that helps. josh What I did is create a details table row tr with a classname details, and give the table cells different widths , but that doesn't work. I also created a table with tbody around each tr. But that doesn't work either. I am wondering if there is a way to get this result? What is the correct way to do this? Please have a look at my attempts: http://www.glassbox.nl/test/table.html. __ 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] changing languages for a phrase
Sandy wrote:
Is this the correct syntax for the language declaration span
lang=frje ne sais quoi/span
Yes.
Does the language declaration has to be in a span? Is it possible to
do it like this span class=frenchje ne sais quoi/span and have
a style on an external style sheet link
Any element will do.
In the stylesheet, target the element with span:lang(fr){/*styles*/} or
whatever element you choose. A universal selector will also do, like
*:lang(fr){/*styles*/}, as long as you make sure you target the document
area you want, like for example #content *:lang(fr){/*styles*/}.
Note that IE7 and older don't support :lang(). IE8 and others are fine.
regards
Georg
--
http://www.gunlaug.no
__
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] Stack level in IE (problem with position:absolute and z-index)
This IE quirk seems to catch me on nearly every project: http://paper.isotoma.com/examples/_test-position.html It comes down to the stacking model. All I remember from last time I struggled with this is it's well-nigh impossible to work around. I really, really want Item 3 to be above Item 2, but Item 2 *must* be position:relative. Anyone have a quick suggestion, something I might be missing? Thanks, francois __ 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] changing languages for a phrase
Sandy wrote:
I am working on a French/English site and each side has words in the
other language. I want to make sure that screen readers switch
languages for those isolated phrases.
That's a noble goal, but it's a matter of HTML markup (using the lang or
xml:lang attribute or both). There's no way in CSS (as currently defined) to
specify the language of text; you can only utilize the language as declared
in HTML or XML.
Is this the correct syntax for the language declaration
span lang=frje ne sais quoi/span
Yes,
Does the language declaration has to be in a span?
No, it can be in any element. But that's external to CSS.
Is it possible to
do it like this span class=frenchje ne sais quoi/span and have a
style on an external style sheet link
.french {
lang : fr;
font-style: italic;
}
No, there is no lang property in CSS. Declaration of language is regarded as
content (metadata), not a stylistic suggestion.
You can _use_ the language declaration made in HTML or XML in your CSS code.
But that's a different issue.
--
Yucca, http://www.cs.tut.fi/~jkorpela/
__
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] css list
So I think I have really screwed up some stuff right now, i can't either of my lists formatted properly the way I want them to be in the Products by Genre Window here: http://team-identity.org/akathletics/newcode/ The lists of genres and the products are supposed to look something like this: http://www.akathletics.com/images/intialsetcopy/akathleticsNewSitev8.jpg And in Firefox they are flying all the way horizontal and in internet explorer they are just listing straight down the page. I also have some jquery tabs set up in a way that should be only displaying the correct div selected via the genre, and in internet explorer it completely ignores the jquery. Any ideas. __ 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] changing languages for a phrase
Is this the correct syntax for the language declaration span
lang=frje ne sais quoi/span
Yes.
Does the language declaration has to be in a span? Is it possible to
do it like this span class=frenchje ne sais quoi/span and have a
style on an external style sheet link
Any element will do.
In the stylesheet, target the element with span:lang(fr){/*styles*/} or
whatever element you choose. A universal selector will also do, like
*:lang(fr){/*styles*/}, as long as you make sure you target the document
area you want, like for example #content *:lang(fr){/*styles*/}.
Note that IE7 and older don't support :lang(). IE8 and others are fine.
One more question about this - if I have an image on the page and the
text contained in the image is English, so it looks something like this
img src=images/english.jpg alt=some English text /
should it read
img src=images/english.jpg lang=en alt=some English text /
so that the alt tag gets read with the right accent? or should the image
get nested in a span?
span lang=enimg src=images/english.jpg alt=some English text
//span
thanks!
Sandy
__
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] changing languages for a phrase
Is it possible to
do it like this span class=frenchje ne sais quoi/span and have a
style on an external style sheet link
.french {
lang : fr;
font-style: italic;
}
You can use attribute selectors though:
*[LANG=fr] { font-style: italic; }
Will not work, obviously, in some of our geriatric browsers. But at
least they will simply ignore it.
__
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] Stack level in IE (problem with position:absolute andz-index)
Francois Jordaan wrote: This IE quirk seems to catch me on nearly every project: http://paper.isotoma.com/examples/_test-position.html It comes down to the stacking model. All I remember from last time I struggled with this is it's well-nigh impossible to work around. I really, really want Item 3 to be above Item 2, but Item 2 *must* be position:relative. Anyone have a quick suggestion, something I might be missing? If you give Item 2 z-index:-1, it looks like it works. Not tested for possible side-effects when more content is involved. -- Els __ 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] css list
Eric Katz wrote: So I think I have really screwed up some stuff right now, i can't either of my lists formatted properly the way I want them to be in the Products by Genre Window here: http://team-identity.org/akathletics/newcode/ Any ideas. Attack the obvious first while we both wait for someone to actually solve the problem(s) :-) . Validate. -- A thin red line and a salmon-color ampersand forthcoming. http://chelseacreekstudio.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] css list
Because I am a noob and forget to reply to all, what do you mean by
Validate? :(
2009/2/27 Eric Katz xtinct.k...@gmail.com
I'm using the
#specific-products li:before {
content: »;
}
and
#genres li:after {
content: |;
}
to add the additional double arrows and pipes i want for the lists but they
appear way off line, i feel like this is probably because of the line-height
adjustments I made but without that then the lines are spread out too far.
-Eric Katz
2009/2/27 David Laakso da...@chelseacreekstudio.com
Eric Katz wrote:
So I think I have really screwed up some stuff right now, i can't either
of
my lists formatted properly the way I want them to be in the Products by
Genre Window here:
http://team-identity.org/akathletics/newcode/
Any ideas.
Attack the obvious first while we both wait for someone to actually solve
the problem(s) :-) . Validate.
--
A thin red line and a salmon-color ampersand forthcoming.
http://chelseacreekstudio.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] css list
Eric Katz wrote: Because I am a noob and forget to reply to all, what do you mean by Validate? :( http://validator.w3.org/ or if you're using Firefox, grab the Web Developer Toolbar addon https://addons.mozilla.org/en-US/firefox/addon/60 and after adding it to FF, load up your page and select the 'Tools' menu for a few validation options. -- // Shawn Lawler Institute on Community Integration University of Minnesota __ 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] css list
I'm using the
#specific-products li:before {
content: »;
}
and
#genres li:after {
content: |;
}
to add the additional double arrows and pipes i want for the lists but
they
appear way off line, i feel like this is probably because of the
line-height
adjustments I made but without that then the lines are spread out too
far.
-Eric Katz
2009/2/27 David Laakso da...@chelseacreekstudio.com
Eric Katz wrote:
So I think I have really screwed up some stuff right now, i can't either
of
my lists formatted properly the way I want them to be in the Products by
Genre Window here:
http://team-identity.org/akathletics/newcode/
Any ideas.
Attack the obvious first while we both wait for someone to actually solve
the problem(s) :-) . Validate.
--
A thin red line and a salmon-color ampersand forthcoming.
http://chelseacreekstudio.com/
2009/2/27 Eric Katz xtinct.k...@gmail.com Wrote:
Because I am a noob and forget to reply to all, what do you mean by
Validate? :(
I believe you must use w3c Validator to see the errors. Correct them. And if
you see your issues don't disappear, post here the questions.
Regards,
Márcio
__
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] Stack level in IE (problem with position:absolute andz-index)
Hi Els, If you give Item 2 z-index:-1, it looks like it works. Not tested for possible side-effects when more content is involved. I whooped with joy ...briefly. This is a miraculous fix in *some* cases (where there is a predictable number of items), but in my case, unfortunately all the sibling divs (Items 1 and 2) must have the same z-index. There's an unpredictable number of items, see, and therefore a single CSS rule must cover them all. Still, this is very useful to know. z-index: 0 also works, incidentally. It just has to be lower than its sibling. francois __ 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] css list
Eric Katz wrote: Because I am a noob and forget to reply to all, what do you mean by Validate? Correct the markup errors: http://validator.w3.org/check?verbose=1uri=http%3A%2F%2Fteam-identity.org%2Fakathletics%2Fnewcode%2F Wikipedia on validation: http://en.wikipedia.org/wiki/W3C_Markup_Validation_Service w3c Markup Validation Service http://validator.w3.org/ w3c CSS Validation Service http://jigsaw.w3.org/css-validator/ __ 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] css list
So I think I fixed everything and validated via HTML 4.01 strict and CSS 2.1
http://validator.w3.org/check?uri=http://team-identity.org/akathletics/newcode/
http://jigsaw.w3.org/css-validator/validator?uri=http://team-identity.org/akathletics/newcode/
And it still is having display issues, firefox and ie look completely
different.
-Eric Katz
2009/2/27 Eric Katz xtinct.k...@gmail.com
Oh okay, definietly ;D sorry guys im just so out of it, I had an abcess on
my head a few days ago and I am still loopy from the drugs and stuff after
they cut it out.
Thanks,
Eric Katz
2009/2/27 MEM tal...@gmail.com
I'm using the
#specific-products li:before {
content: »;
}
and
#genres li:after {
content: |;
}
to add the additional double arrows and pipes i want for the lists but
they
appear way off line, i feel like this is probably because of the
line-height
adjustments I made but without that then the lines are spread out too
far.
-Eric Katz
2009/2/27 David Laakso da...@chelseacreekstudio.com
Eric Katz wrote:
So I think I have really screwed up some stuff right now, i can't
either
of
my lists formatted properly the way I want them to be in the Products
by
Genre Window here:
http://team-identity.org/akathletics/newcode/
Any ideas.
Attack the obvious first while we both wait for someone to actually
solve
the problem(s) :-) . Validate.
--
A thin red line and a salmon-color ampersand forthcoming.
http://chelseacreekstudio.com/
2009/2/27 Eric Katz xtinct.k...@gmail.com Wrote:
Because I am a noob and forget to reply to all, what do you mean by
Validate? :(
I believe you must use w3c Validator to see the errors. Correct them. And
if
you see your issues don't disappear, post here the questions.
Regards,
Márcio
__
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] css list
Eric Katz wrote:
So I think I have really screwed up some stuff right now, i can't
either of my lists formatted properly the way I want them to be in
the Products by Genre Window here:
http://team-identity.org/akathletics/newcode/
Same as for the part above: IE7 and older need a hack to render *as*
inline-block. Also some margins and paddings to fix for intended line-up...
#genres {
width:675px;
margin:0 auto;
list-style:none;
text-align: center;
padding: 0 0 8px 0;
}
#genres li {
display:-moz-inline-box;
display:inline-block;
padding:0 10px;
margin: 3px 0;
border-right: solid 1px #bbb;
vertical-align: bottom;
}
/* fix IE6 */
* html #genres li {display: inline;}
/* fix IE7 */
*+html #genres li {display: inline;}
#genres h3 {
font-size:1em;
color:#929292;
margin: 0;
}
*Important*: keep the non-valid 'display:-moz-inline-box;' in there, or
else all the numerous browsers based on slightly older Gecko engines
will not render it well - see Philippe's post on earlier case for your
layout.
Working solutions _are_ more important than validity in such cases.
BTW: why are you using an h3 in those lists? I can't see any reason
whatsoever for headlines to be used there, but maybe you have one..?
regards
Georg
--
http://www.gunlaug.no
__
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] First element of list hiding for some reason
Wed, Feb 25, 2009 at 7:00 PM, JR Heard ewingpatria...@gmail.com wrote: Els: You are a fantastic person. Looks like that was the root cause after all - I can now see AdBrite again. I owe you a beer. -JR Something funny is going on here. I can't see it either. I swear that I have never been to your site, nor ever remember ad-blocking or even visiting a site that had that logo on it. (I can see it if I put the .png location in the address bar.) Yet, to my amazement, it is listed in red as a blocked item in AB+. - Keith __ 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] Is a missing ; OK?
-Original Message-
From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-
discuss.org] On Behalf Of Ian Piper
Sent: Friday, February 27, 2009 7:30 AM
To: css-d css-d
Subject: [css-d] Is a missing ; OK?
Hi all,
I am building on a style sheet for a Drupal website. I have noticed
that in the styles.css file for the theme many of the styles have no
; at the end of the line. This seems mostly to be where there is
more than one line between the braces, like so:
#primarylinks a:hover {
background:#7d9eac;
text-decoration:none
}
I had always thought that the terminating ; was mandatory. Can
someone advise me?
It is not mandatory, but if the last declaration is skipped for some reason
then Safari 2 could not recover and drop most of the stylesheet (depending
where the rule is).
For example:
#primarylinks a:hover {
background:#7d9eac;
text-decoration:none;
_text-decoration:underline
}
--
Regards,
Thierry | http://www.TJKDesign.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] css list
2009/2/27 Gunlaug Sørtun gunla...@c2i.net
Eric Katz wrote:
So I think I have really screwed up some stuff right now, i can't
either of my lists formatted properly the way I want them to be in
the Products by Genre Window here:
http://team-identity.org/akathletics/newcode/
Same as for the part above: IE7 and older need a hack to render *as*
inline-block. Also some margins and paddings to fix for intended line-up...
#genres {
width:675px;
margin:0 auto;
list-style:none;
text-align: center;
padding: 0 0 8px 0;
}
#genres li {
display:-moz-inline-box;
display:inline-block;
padding:0 10px;
margin: 3px 0;
border-right: solid 1px #bbb;
vertical-align: bottom;
}
/* fix IE6 */
* html #genres li {display: inline;}
/* fix IE7 */
*+html #genres li {display: inline;}
#genres h3 {
font-size:1em;
color:#929292;
margin: 0;
}
*Important*: keep the non-valid 'display:-moz-inline-box;' in there, or
else all the numerous browsers based on slightly older Gecko engines
will not render it well - see Philippe's post on earlier case for your
layout.
Working solutions _are_ more important than validity in such cases.
BTW: why are you using an h3 in those lists? I can't see any reason
whatsoever for headlines to be used there, but maybe you have one..?
regards
Georg
--
http://www.gunlaug.no
I guess they don't have to be there ^_^ I wanted it set up so the 'genres'
were an h3 in relevance to what the actual site is for, selling the products
which are set up with h2 tags in their respective lists, with h1 being the
'our genre products,' and of course the h1s at the top of the page that
make up the original list buttons i had set up. Do you think this is a poor
idea, or ? I really just started playing with it not sure how seo friendly
it is or if its even all that proper. I went ahead and put the -moz
inline-block hack again.
Also do you know any reason why my javascript tabs set up through jquery
aren't showing properly in internet explorer? Maybe it has to do with the
other list problems I have already set up with the target #divs each link in
#genres are supposed to display.
Eric Katz
__
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] css list
Eric Katz wrote: 2009/2/27 Gunlaug Sørtun gunla...@c2i.net BTW: why are you using an h3 in those lists? I can't see any reason whatsoever for headlines to be used there, but maybe you have one..? I guess they don't have to be there ^_^ I wanted it set up so the 'genres' were an h3 in relevance to what the actual site is for, selling the products which are set up with h2 tags in their respective lists, with h1 being the 'our genre products,' and of course the h1s at the top of the page that make up the original list buttons i had set up. Do you think this is a poor idea, or ? Superfluous markup should in most cases be removed to avoid clutter and unnecessary styling, and I do think those headlines in list-items wrapping links are superfluous and misplaced. Those links are not headlines for anything - they (are at least intended to) point to something somewhere. Style the list-item or link to achieve the same visual appearance. I really just started playing with it not sure how seo friendly it is or if its even all that proper. I went ahead and put the -moz inline-block hack again. Also do you know any reason why my javascript tabs set up through jquery aren't showing properly in internet explorer? I don't know, and javascript is off-topic on this list. Try places listen on the off-topic page... http://css-discuss.incutio.com/?page=OffTopic One thing though: don't serve old IE6 empty hrefs (a href=) even for testing. That old bugger isn't well equipped for handling empty hrefs, and may fail on several points. Make all those links point somewhere, maybe by using something like... a href=#nowhere ...until you know where you really want them to go. regards Georg -- http://www.gunlaug.no __ 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] css-d Digest, Vol 75, Issue 27
I am currently out of the office and will return on Monday the 2nd of March. If you have any urgent queries please contact Steve Lee on 0113 391 2929. Regards 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] First element of list hiding for some reason
From: Keith DiSarno kdisa...@gmail.com Something funny is going on here. I can't see it either. I swear that I have never been to your site, nor ever remember ad-blocking or even visiting a site that had that logo on it. (I can see it if I put the .png location in the address bar.) Yet, to my amazement, it is listed in red as a blocked item in AB+. I have the same phenomenon as Keith, here, and I think you need to try and find out why this particular thing is being blocked by AdBlock+. I, too, could not see the AdBrite image when I went to your site, regardless of whether you fixed it for your own display. ~holly __ 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] First element of list hiding for some reason
-Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css- discuss.org] On Behalf Of Holly Bergevin Sent: Friday, February 27, 2009 6:06 PM To: css discuss; ewingpatria...@gmail.com Subject: Re: [css-d] First element of list hiding for some reason From: Keith DiSarno kdisa...@gmail.com Something funny is going on here. I can't see it either. I swear that I have never been to your site, nor ever remember ad-blocking or even visiting a site that had that logo on it. (I can see it if I put the .png location in the address bar.) Yet, to my amazement, it is listed in red as a blocked item in AB+. I have the same phenomenon as Keith, here, and I think you need to try and find out why this particular thing is being blocked by AdBlock+. I, too, could not see the AdBrite image when I went to your site, regardless of whether you fixed it for your own display. If I recall, some ad blockers used to filter images based on their dimensions. It may be the case here. -- Regards, Thierry | http://www.TJKDesign.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] First element of list hiding for some reason
On Feb 28, 2009, at 1:31 PM, Thierry Koblentz wrote: Something funny is going on here. I can't see it either. I swear that I have never been to your site, nor ever remember ad-blocking or even visiting a site that had that logo on it. (I can see it if I put the .png location in the address bar.) Yet, to my amazement, it is listed in red as a blocked item in AB+. I have the same phenomenon as Keith, here, and I think you need to try and find out why this particular thing is being blocked by AdBlock+. I, too, could not see the AdBrite image when I went to your site, regardless of whether you fixed it for your own display. If I recall, some ad blockers used to filter images based on their dimensions. It may be the case here. An image whose file name contains 'adbrite' or is wrapped in a link that contains 'adbrite' runs the risk of being blocked. I'd have to do some cvs-archeology to find out the history of 'a[href*=adbrite]' in the list in Camino's ad-blocker, but I think it pointed to an adserver with the same name. Don't have AdBlock+ installed if that is the case there. Philippe --- Philippe Wittenbergh http://l-c-n.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] Fixed footer behavior in mobile Safari
Here's a can of worms I'm reluctant to peer into... I think I've got a new site, professionalvideoprofiles.com , fairly well in hand. But I checked it on my iPod Touch's Safari browser, and the footer (position:fixed and bottom:0) scrolls up with the page, and obscures the text beneath. CSS: http://professionalvideoprofiles.com/style.css Do I actually have to RTFM about handheld styles? And if so, where's the manual? __ 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] Fixed footer behavior in mobile Safari
phidlerw...@gmail.com wrote:
I think I've got a new site, professionalvideoprofiles.com , fairly
well in hand. But I checked it on my iPod Touch's Safari browser, and
the footer (position:fixed and bottom:0) scrolls up with the page,
and obscures the text beneath.
Mobile Safari doesn't support position: fixed, for obvious reasons - not
enough screen-area.
The fixed footer obscures content in regular browser-versions too in
small browser-windows, so you should add a reasonable large amount of
padding-bottom to the #wrap container.
In addition, you can fine tune layout for small screens by styling for
them through mediaquery - for example...
@media all and (max-width: 600px) {
/* additional styles for small screens here */
}
More info here:
http://dev.opera.com/articles/view/how-to-serve-the-right-content-to-mobile/
http://dev.opera.com/articles/view/safe-media-queries/
regards
Georg
--
http://www.gunlaug.no
__
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/
