Used this guys inverted tab design as inspiration (Roger Johansson):
http://www.456bereastreet.com/lab/inverted_tabs/
http://arihoj.freehostia.com/css/upsideDownSlidingDoors/test3/slidingdoors1.html
They look almost the same, but 2nd is expandable (but at expense drop
shadows are less 'clean'
I just started uploading the code for the cart design I've been working
on and have discovered that in one of the views the left menu is jumping
on top of the content and pushing the right column content to the bottom.
I have stared at this for hours but can't figure out why it isn't
working.
Wonderbaby Designs wrote:
This is a category page (which is correct)
http://209.59.136.73/shop/index.php/action/category/id/1/
and this is a product page (with the left menu suddenly on top of
everything)
http://209.59.136.73/shop/index.php/action/item/id/1/
Source-code HTML) in both
Good Morning All
I hope you are all well. I have a slight problem with a menu.
http://www.stwinnowceschool.info/
http://www.stwinnowceschool.info/wp-content/themes/iconschool/style.css
I have copied the styling from this site:
http://woodland.lostwithiel.org.uk/
~davidLaakso wrote:
The above is just a start.
...but an extremely good one. IE6 never was any good at
percentage-calculations, and having a page that only works when users
provide a 1280 wide window is not a good design solution - regardless of
browser.
Validate the markup.
...and use, and
Hello,
I'm new here, hello everyone.
I build my first website with css:
http://www.anderson-partners.nl
There are a few problems which I cannot fix:
I want a max width on my content. Including ie6 if this is possible.
The navigation tab must stay on highlighted when it is selected
(without
So, I've been working on this site lately, and the CSS is really
starting to bug me. In particular take a look at the left page area.
Half of the content is chopped off, and I can't quite figure out why.
The site was designed mostly with firefox, so if you want to see the way
it should
Hi.
I'm trying to get two bits of text to sit on opposite sides
(left/right) of a header, and various sources suggest using the
opposing floats method. The problem that I have with that is that
the opposing floats top align (which becomes apparent when the text
sizes differ.
In order to show
On 3/13/07, j t [EMAIL PROTECTED] wrote:
Hi.
I'm trying to get two bits of text to sit on opposite sides
(left/right) of a header, and various sources suggest using the
opposing floats method. The problem that I have with that is that
the opposing floats top align (which becomes apparent
Hi All
I thought I had this site finished but it seems there might be some
problems with it.
This is what it should look like:
http://woodland.lostwithiel.org.uk/Picture1.jpg
Can you tell me if you are seeing this please and if not any ideas why please?
http://woodland.lostwithiel.org.uk/
On Mar 13, 2007, at 7:09 AM, francky wrote:
I'm working on my first elastic-layout site and Opera is giving me
something I've never seen before. In my h1 declarations, I've added
border-bottom: 1px dotted {color} style. FF, IE 6/7, and Mozilla are
rendering correctly, but Opera is generating
I wrote:
CSS3 border module is more explicit:
'Percentages: width* of containing block'
http://www.w3.org/TR/css3-border/#the-border-width
The width of the border should be computed based on the width of the
box, the same way as percentage based margins are computed.
Gah, I missed
Philippe Wittenbergh wrote:
Gah, I missed one sentence there
quote
'[Border-width doesn't allow percentages in CSS2; should we allow
percentages (of the containing block's width) in CSS3?]'
/quote
Written in red, guess that is why I couldn't see it. :p
Probably :-)
So, it looks like
http://www.sourceworks.co.uk/communityMxExample
This is great, apart from how the text disappears off the top of the
page when I manually increase its size. This (I guess) is due to the
containing box not expanding to enclose its contents (which in turn is
because the contents use absolute
On 3/13/07, Gunlaug Sørtun [EMAIL PROTECTED] wrote:
http://www.sourceworks.co.uk/communityMxExample
This is great, apart from how the text disappears off the top of the
page when I manually increase its size. This (I guess) is due to the
containing box not expanding to enclose its
j t wrote:
I still wonder, however, whether it's possible to do some kind of
bottom alignment when they're both floats, because then I'm
guaranteed that the two boxes will never overlap.
You can't bottom-align floats reliable.
The way I usually solve this is to declare a margin-right on the
Looks like those negative margins are getting cutoff. like set
margin-left to 0px instead of -30px. Not sure why they are getting
cutoff though.
Ari
__
css-discuss [EMAIL PROTECTED]
Greetings -
Many thanks to Gunlaug for providing some @media screen {* html} rules
to make my sit far more compatible with IE! Now that (most of) the most
severe problems are fixed...
I'm having trouble centering list items within a div. I'm using % for
width (fluid layout), and I don't mind
Hello again,
I've had a few days to play around some options regarding the scroll
speed of a website redesign I'm working on, and wanted to post some
findings.
The story so far: the site design has 4 main elements: a university
toolbar, a navigation menu, the page contents, and a
David Agnew wrote:
I'm having trouble centering list items within a div. I'm using % for
width (fluid layout), and I don't mind if it's off by a pixel one
way or another, but as the window narrows, the right margin for the
list items shrinks far more than the left. This problem is in
Georg, you are awesome!
This is beautiful. Thank you.
Gunlaug Sørtun appears to have written the following on 3/13/07 12:26 PM:
David Agnew wrote:
I'm having trouble centering list items within a div. I'm using % for
width (fluid layout), and I don't mind if it's off by a pixel one
way or
I use a list within div.features to display featured links. To make it
easier to read, the background color of alternate list items is a
different shade (these colors vary depending upon the color of the page
wrapper - e.g. containAbt - but that's irrelevant to this post).
This method works in
On Tue, 13 Mar 2007, David Agnew wrote:
I use a list within div.features to display featured links. To make it
easier to read, the background color of alternate list items is a
different shade
That's similar to alternating backgrounds for table rows, a frequently
deployed idea. Unfortunately
How can I modify the amount of space between the bullet in an unordered list
and the actual text?
Barb
[EMAIL PROTECTED]
515-242-5036
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7
Ledvina, Barbara [ED] wrote:
How can I modify the amount of space between the bullet in an unordered list
and the actual text?
Which way?
Officially, it's impossible. All such joy was ripped out of CSS2 and stamped on
by the W3C.
Since list items are block-level elements, you could try
Hi
Please can someone help me sort out the Internet Explorer
problems.
A couple of alignment issues in the header and fonts not displaying
in bold
http://www.philturner-uk.com/kruger/
Thanks
Kind Regards
Phil Turner
FREELANCE CREATIVE
TEL: 0161 439 1669
Chartered Graphic Designer MCSD BA
Interesting...
Played with your suggestions, got #leftpage positioned 40px left of
where it was and added a 40px padding-left, still seems to hold up in
IE. I'm well aware of the font-size issue and everything overflowing,
the graphic designer on the project doesn't want to spend the time to
Hi
I would like to know the opinions from CSS coders about website file
structure.
How do you organize your files? Advantages and disadvantaged?
My approach:
/images/
/tools/
/css/
/css/main.css
/css/menu_item_1.css
/css/menu_item_2.css
...
/css/menu_item_N.css
/menu_item_1/index.php
Hi there,
I am trying to clear after a right-float inside a div which has
something floating to it's right too. E.g.:
div id=1
div id=2
ul id=2.1 /
pSome text/p
/div
1 floats to the right of 2, and 2.1 should align with the right
border of 2, so I floated it right. This works,
Phil Turner wrote:
Hi
Please can someone help me sort out the Internet Explorer
problems.
A couple of alignment issues in the header and fonts not displaying
in bold
http://www.philturner-uk.com/kruger/
Thanks
Kind Regards
Phil Turner
The page is not contained within its
also sprach martin f krafft [EMAIL PROTECTED] [2007.03.13.2110 +0100]:
http://martin-krafft.net/new/ [valid]
CSS: http://martin-krafft.net/new/css/base.css [valid]
Never mind that IE* barfs on the page big time. I am just doing some
design studies right now and will probably simplify the
Gunlaug Sørtun wrote:
Philippe Wittenbergh wrote:
Gah, I missed one sentence there
quote
'[Border-width doesn't allow percentages in CSS2; should we allow
percentages (of the containing block's width) in CSS3?]'
/quote
Written in red, guess that is why I couldn't see it. :p
Jason Herber appears to have written the following on 3/13/07 2:18 PM:
I'm sorry I don't have an answer to your question, but I wanted to
point out that
#containAbt .features li {
background-color: #F7EFD5;
}
is all you need for that first style. It'll set the color for all li
Please help me figure out why there is extra space to the left of my
menu list in FireFox. Displays correctly in IE7. Thank you.
http://bananaboxes.net
-Travis Killen
__
css-discuss [EMAIL PROTECTED]
Gunlaug Sørtun wrote:
http://24-10reading.nl/
Too many back and forth corrections between browsers for my taste, so
I leave the rest to others.
Georg,
what do you mean exactly with this?
Erik
__
css-discuss [EMAIL
On Tue, 13 Mar 2007, David Agnew wrote:
#containAbt .features li {
background-color: #F7EFD5;
}
/* darker shades for alternate li's */
#containAbt .features li+li, #containAbt .features li+li+li+li,
#containAbt .features li+li+li+li+li+li, #containAbt .features
li+li+li+li+li+li+li+li{
Ledvina, Barbara [ED] wrote:
How can I modify the amount of space between the bullet in an
unordered list and the actual text?
Set suitable paddings on the ul and the li...
http://www.gunlaug.no/tos/alien/test_07_3670.html
regards
Georg
--
http://www.gunlaug.no
Travis Killen wrote:
Please help me figure out why there is extra space to the left of my
menu list in FireFox. Displays correctly in IE7. Thank you.
http://bananaboxes.net
Declare 'padding: 0;' on ul.
Firefox has default paddings on lists, and so have most other non-IE
browsers.
regards
This float is relatively positioned, it has a percentage width, and it
should move to the right due to a left margin.
.c {
position: relative;
float: left;
display: inline;
width: 50%;
margin-left: 100px;
background: gray url(bg.gif)
~davidLaakso wrote:
Erik Visser wrote:
A site check please for anoter site i recently finished:
http://24-10reading.nl/
Any remarks, also on the design are very welcome.
Thanks, Erik Visser
She did well on my end (xp) in ie/7., opera/9.1, and ff (version
whatever it is). In ie/6.0
Gunlaug Sørtun schreef:
Ledvina, Barbara [ED] wrote:
How can I modify the amount of space between the bullet in an
unordered list and the actual text?
Set suitable paddings on the ul and the li...
http://www.gunlaug.no/tos/alien/test_07_3670.html
regards
Georg
Ah, too
Hi,
Here are the two page links:
http://www.gentlethreads.com.au/master.html (still in tables)
http://www.gentlethreads.com.au/test.html (tableless version)
CSS:
http://www.gentlethreads.com.au/gentlethreads.css
I'm trying to take link 1 above and make it
tableless (link 2). My problems
francky wrote:
Molly the Cat will like it: Opera ahead for the future! ;-)
She loves it!!!
She is also quite used to seeing Opera in that position ;-)
btw: maybe next question for w3c: [css2 doesn't say what is the
definition of a 'dot' - should we allow UA's to have their own
definition
Daniel Beardsmore wrote:
~davidLaakso wrote:
However, with both of your sites (and this is a personal opinion that is
not shared by all on this or any other list), I find sites that require
both horizontal and vertical scrolling when the fonts are scaled to be
bothersome.
Not just font
How can I modify the amount of space between the bullet in an
unordered list and the actual text?
Of course, the most positioning control comes from replacing the
bullet with a background image. But then the bullet doesn't resize
with the text, which may be an accessibility issue.
Erik Visser wrote:
Gunlaug Sørtun wrote:
http://24-10reading.nl/
Too many back and forth corrections between browsers for my taste, so
I leave the rest to others.
what do you mean exactly with this?
Only that I personally found it hard to keep track of what was targeting
which browser where
bill scheider wrote:
I really like the design of the site; it has a nice, open feel that I like.
That's exactly what my cliennt was after. But it takes a lot of space as
you noticed.
The same as David noted, in IE6 on xp on my machine, the left side logo
starts to disappear at text-size
PBC Web Design wrote:
http://www.gentlethreads.com.au/master.html (still in tables)
http://www.gentlethreads.com.au/test.html (tableless version)
I'm trying to take link 1 above and make it
tableless (link 2). My problems are:
1)
#leftcolumn, #middlecolumn, #rightcolumn
Gunlaug Sørtun wrote:
Erik Visser wrote:
Gunlaug Sørtun wrote:
http://24-10reading.nl/
Too many back and forth corrections between browsers for my taste, so
I leave the rest to others.
what do you mean exactly with this?
Only that I personally found it hard to keep track of what was
Daniel Beardsmore wrote:
Hm ... I am no expert, but the design seems simple enough to me that it
should reduce in width quite a bit more.
agreed
lots of whitespace everywhere to reduce
I don't know why it stops at ~850px.
me neither, but i should look into that later.
Personally I
sorry, this mail was meant to be sent offlist
Erik Visser wrote:
Daniel Beardsmore wrote:
Hm ... I am no expert, but the design seems simple enough to me that it
should reduce in width quite a bit more.
agreed
lots of whitespace everywhere to reduce
I don't know why it stops at
At 04:30 PM 3/13/2007, you wrote:
I'll hit you with a CSS sledgehammer instead :-)
Anyway, if you plug in the additions above, your
table-less version will end up looking like this...
http://www.gunlaug.no/tos/alien/pbc/test_07_3690.html
...which shouldn't be too far off. Nice flowers.
I'll
Ingo Chao wrote:
This float is relatively positioned, it has a percentage width, and it
should move to the right due to a left margin.
.c {
position: relative;
float: left;
display: inline;
width: 50%;
margin-left: 100px;
background: gray
Richard Brown wrote:
Hi All
I thought I had this site finished but it seems there might be some
problems with it.
This is what it should look like:
http://woodland.lostwithiel.org.uk/Picture1.jpg
Can you tell me if you are seeing this please and if not any ideas why please?
OK, three
Richard Brown wrote:
Good Morning All
I hope you are all well. I have a slight problem with a menu.
http://www.stwinnowceschool.info/
http://www.stwinnowceschool.info/wp-content/themes/iconschool/style.css
I have copied the styling from this site:
http://woodland.lostwithiel.org.uk/
francky wrote:
Ingo Chao wrote:
This float is relatively positioned, it has a percentage width, and it
should move to the right due to a left margin.
.c {
position: relative;
float: left;
display: inline;
width: 50%;
margin-left: 100px;
background: gray
Ingo Chao wrote:
http://www.satzansatz.de/cssd/prbgbug.html
This fix does solve for the example, probably not for the original
problem, but I will try, thank you very much. It's a column, its
height is not easy to determine, and the proposed inner div would
have to have the same height ...
On 3/12/07, Barney Carroll [EMAIL PROTECTED] wrote:
So if I were to have a list of black text with red numeric markers,
would I be forced to create a span within each li, then set the li's
colour to red and the span back to black?
Here it is with pure CSS. It works in FF 2 and Opera 9 on
If you can afford a little javascript, jQuery can solve that pretty
quickly...
$(document).ready(function(){ $(#containAbt .features
li:even).addClass(even); });
-or-
$(document).ready(function(){ $(#containAbt .features
li:even).css({background-color:#ebdab3}); });
Gunlaug Sørtun schreef:
Ingo Chao wrote:
http://www.satzansatz.de/cssd/prbgbug.html
This fix does solve for the example, probably not for the original
problem, but I will try, thank you very much. It's a column, its
height is not easy to determine, and the proposed inner
hmmm anyone know AlphaImageLoader isn't working for him?
I tested the method as well by going to
http://www.satzansatz.de/cssd/tmp/alphatransparency.html
in IE6 and transparency failed on that age in IE=6.
any ideas?
__
Hi Daniel
On 13/03/07, Daniel Beardsmore [EMAIL PROTECTED] wrote:
I hope you are all well. I have a slight problem with a menu.
http://www.stwinnowceschool.info/
http://www.stwinnowceschool.info/wp-content/themes/iconschool/style.css
But as you can see the result is not the same. Any
Hi,
I have a print stylesheet on a site I'm making.
div#footer *{
display: none;
}
This hides div id=footer but how would I get it to hide div
class=footer I tried the following (below) but it didn't work.
div.footer *{
display: none;
}
.footer *{
display: none;
}
Joanne
On Mar 14, 2007, at 2:16 PM, Joanne wrote:
I have a print stylesheet on a site I'm making.
div#footer *{
display: none;
}
This hides div id=footer
No it doesn't. It hides all the descendants of div#footer. That is
what the * selector does there.
Depending on the formatting (e.g.
On Tue, 13 Mar 2007, Kenny Graham wrote:
How can I modify the amount of space between the bullet in an
unordered list and the actual text?
Of course, the most positioning control comes from replacing the
bullet with a background image.
There are various ways to create bulleted lists in the
65 matches
Mail list logo
