Felix Miata wrote:
On 2008/02/18 13:15 (GMT-0500) Jeff Blaine apparently typed:
Can anything be done from the CSS/XHTML end?
CSS has no way to know DPI.
It does, actually...
http://www.w3.org/TR/css3-mediaqueries/#resolution
...and it already works in a few browsers.
Constructions like
I have some time on my hands at the moment so I have decided to update
some of my old site, replacing tables with CSS. One of these sites,
http://www.compvoltalk.co.uk/ , is to be used by visually impaired
people so I decided to add a switcher that enlarges the text. To do this
I built on an
Kevin Stevens wrote:
I have some time on my hands at the moment so I have decided to update
some of my old site, replacing tables with CSS.
In general, it's more fruitful to design new pages or redesign pages
than to change existing code just to clean it up (which is what
replacing tables
Kevin Stevens wrote:
http://www.compvoltalk.co.uk/
So, is this a CSS problem and, if so, any ideas how I can solve it?
Thanks
I doubt it.
You may want to start here, though...
Hi list,
IE allows for the nonstandard usage of disabled in seemingly any html tag.
I'm working on cleaning up of some html and trying to eliminate anything I
find that deviates from standards. Is there a way that I can still get that
same disabled look on an a tag, for instance? Right now I
Sorry, I forgot to add the links to the site and CSS file. Here they are:
HTML page:
http://209.235.208.145/cgi-bin/WebSuite/tcsAssnWebSuite.pl?AssnID=OHSOYDBCode=410110Action=DisplayTemplatePage=AWS_OHSOY2_osc_index.html
CSS file: http://209.235.214.238/css/2008styles.css
On Tue, Feb 19,
It's in Standards mode.
-Original Message-
From: Richard Grevers [mailto:[EMAIL PROTECTED]
Sent: Wednesday, February 20, 2008 7:26 PM
To: Hayley Kinash
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] Absolutely positioned div breaking out of parent in IE
On 2/20/08, Hayley Kinash
Hi all
This is my first post though I've been reading the emails for a few weeks
now - I've picked up a lot of tips!
I'm still learning CSS and I wanted to create an effect but I'm not sure how
to go about this:
I want to have a picture of grass across the bottom of the website (which is
always
-I have two horizontal navigation areas using Son of Suckerfish dropdowns
-the 2nd area is also using background image replacement
-one page has a Flash file where the 2nd level dropdowns were getting
hidden even with a transparency setting on the Flash file (solved
using
Inês Teles wrote:
The ideal would be for the grass to always be at the bottom of the window
that the user can see, even if there is still more content that requeires
the user to scroll down.
The catch is that it very definitely needs to work in IEx...
Ines
Welcome to the list!
Hi Everyone,
I'm working on a little bit of a test for me... Not a live site just
trying to get ready for one.
Here's the issue, I have in the past been able to scale the size of
the images when you scale the text of the website (Nice effect!) but
today I noticed that if I remove a height
Hi list memebers, maybe someone can help me figure out why this won't
work in Firefox but does in IE6.
This is splash page that is called via Java in a booking process..
CSS:
style type=text/css
#splash {
width:100%;
margin:0 auto;
margin-top:60px;
text-align:center;
}
#splash .box {
Hi,
I have a list
div
ul
liitem 1 price1/li
liitem 2 price2/li
liitem 3 price3/li
/ul
/div
How can I contruct my css so that the 'item' is to the left of the div
and the 'price' floats to the far right of the div
--
-Bdot
There are
What I really would like to ask is how do I code the css so that the piece
of grass is always at the bottom of the browser, no matter how big the
browser is or how much content there is further down?
The ideal would be for the grass to always be at the bottom of the window
that the user can
I've been trying to fix this till I can't remember my own name:
I have a page that looks just as I want in FF but which misbehaves in IE6,
showing a gap between divs.
Link: http://www.pauljinks.co.uk/test/contentTemplate2.html
I've stripped down everything to identify the offending code, which
On Tue, 19 Feb 2008 09:31:53 -0600, Hayley Kinash wrote:
I've got an absolutely positioned div inside a relatively positioned div, but
in IE the
child div is breaking out of the parent and uses the body as its parent.
There's a
width and a height on the parent div, and all divs above the
Paul Jinks wrote:
I have a page that looks just as I want in FF but which misbehaves in
IE6, showing a gap between divs.
http://www.pauljinks.co.uk/test/contentTemplate2.html
The simplest and most reliable solution is to put an html comment in the
empty divs, to prevent IE/win from seeing
On Thu, Feb 21, 2008 at 8:17 PM, Cory Shubert [EMAIL PROTECTED] wrote:
Hi list memebers, maybe someone can help me figure out why this won't
work in Firefox but does in IE6.
This is splash page that is called via Java in a booking process..
CSS:
style type=text/css
#splash {
Hi - not sure what's causing my image based mainNav tabs to move slightly
when text is resized in this header:
www.springfieldmo.gov/newSite/index4.html
www.springfieldmo.gov/newSite/mainStyles_take4.css
The page is based on Matthew James Taylor's perfect 3-col liquid layout,
though the 3
Yes, that is it.
Thank you very much.
C
From: Tim Palac [mailto:[EMAIL PROTECTED]
Sent: Thursday, February 21, 2008 11:34 AM
To: Cory Shubert
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] divs not centering in Firefox
Cory,
In #splash .box, replace
Chris Akins wrote:
Hi - not sure what's causing my image based mainNav tabs to move
slightly when text is resized in this header:
www.springfieldmo.gov/newSite/index4.html
Images are inline-elements by default, which means there will be
provided space for text-descenders and this space will
On Wed, 20 Feb 2008 15:30:32 +0100, Thijs Hakkenberg wrote:
Dear List,
For my site I use the following template, but there are serveral things that
go awry in
IEX (including 7):
http://ebrius.nl/fileadmin/template/ebrius.nl/index.html
1. The footer and header are placed too much to the
Usamah M. Ali wrote:
My normal approach would be using a table. ;~)
For tabular data - yes, but not if it was just a visual effect I were after.
Georg
--
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
My normal approach would be something like...
ul
lispanitem 1/span price1/li
lispanitem 2/span price2/li
lispanitem 3/span price3/li
/ul
li {text-align: right;}
li span {float: left;}
...as CSS can only target elements, not the content within them ... at
On Tue, 19 Feb 2008 20:33:08 -0600 (CST), Jeff Gates wrote:
Page in question: http://inourpath.com/intro.html
I am still having problem with the bottom menu line breaking to a second line
in IE 6
and IE7. The MAP is breaking to a second line. The menu is in the nav div
which is
centered
On Thu, 21 Feb 2008 14:33:10 +, Inês Teles wrote:
Hi all
This is my first post though I've been reading the emails for a few weeks now
- I've
picked up a lot of tips!
I'm still learning CSS and I wanted to create an effect but I'm not sure how
to go
about this:
I want to have a
On Thu, 21 Feb 2008 07:43:12 -0500, Ray Costanzo wrote:
Hi list,
IE allows for the nonstandard usage of disabled in seemingly any html tag.
I'm
working on cleaning up of some html and trying to eliminate anything I find
that
deviates from standards. Is there a way that I can still get
Try changing the width on #nav to a suitable em value. In general,
font sizes do not correspond to any particular number of pixels-- only
in particular cases, such as in IE on an OS set to 96 DPI is that so.
FWIW - The menu breaks to two lines in all my browsers this end;
IE and Opera put
On Feb 21, 2008, at 1:52 PM, Jeff Gates wrote:
Try changing the width on #nav to a suitable em value. In general,
font sizes do not correspond to any particular number of pixels--
only
in particular cases, such as in IE on an OS set to 96 DPI is that so.
FWIW - The menu breaks to two
On Wed, Feb 20, 2008 at 07:42:46PM +, vwf wrote:
Hello,
I try to make new layout for my website. The first hurdle is a
horizontal navigation bar that does not behave like I want: I get
unwanted borders, and the background does not shift on hover.
Can someone help?
Thank you for all the
The dropdowns are there, but they're showing up off the screen to the
right. You should be able to see a portion of the About OSC
dropdown. The rest are off somewhere. IE7 works fine, as well as
Safari and FIrefox (Windows and Mac). With Firefox on the Mac, it
sometimes hides behind the Flash
url - http://www.zanalysts.net/
css - http://www.zanalysts.net/styles/zanalysts.css
If you look at the display on IE 7 you will see what I want.
Can someone please help me with the alignment of the list items on the right
hand side of the page? I set padding-left: 42px to the list items
On Tue, 19 Feb 2008 09:31:53 -0600, Hayley Kinash wrote:
I've got an absolutely positioned div inside a relatively positioned
div, but in IE the child div is breaking out of the parent and uses
the body as its parent. There's a width and a height on the parent
div, and all divs above the
Can someone please help me with the alignment of the list items on the right
hand side of the page? I set padding-left: 42px to the list items and as you
can see the graphic extends below the title and therefore the padding on the
list item pushes the first couple to the left and out of
Your approach is complicating the matters for you. You should be using
background images instead of putting presentational images right into
the markup. Instead of having:
divimg width=32 height=30 class=image title=Image
alt=windows logo src=/images/windows-logo.gif/
a class=title
For my horizontal tab menu, I'm working on markup and css to produce an
active tab effect. For various reasons, I need to use descendant
selectors to trigger the active tab rather than add a special selector to
the active tab (e.g., id=active). But, using descendant selectors doesn't
work
h4 {
background: transparent url(/images/windows-logo.gif) no-repeat
center center;
padding-left: 42px;
}
Question on markup code in CSS. I have seen markup as above, where the
image tag inside parenthesis has quotation marks and sometimes without.
Which is it, q.marks or not?
Thanks,
Cory
On Thu, Feb 21, 2008 at 11:51 PM, Big Moxy [EMAIL PROTECTED] wrote:
I'm sorry but that didn't work. The image is not displaying now.
Try using the absolute path to the image and don't forget the left padding.
h4 {
background: transparent url(http://absolute/path/to/the/image)
no-repeat center
Great catch Cory! I don't think background image is the right solution
though. Look at it now. www.zanalysts.net
Tim
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Cory Shubert
Sent: Thursday, February 21, 2008 12:55 PM
To: CSS Discussion
Subject:
On Thu, Feb 21, 2008 at 11:54 PM, Cory Shubert
[EMAIL PROTECTED] wrote:
h4 {
background: transparent url(/images/windows-logo.gif) no-repeat
center center;
padding-left: 42px;
}
Question on markup code in CSS. I have seen markup as above, where the
image tag inside parenthesis
Isn't my issue a presentational one? I would compare my objective to your
Email this article example.
Tim
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Usamah M. Ali
Sent: Thursday, February 21, 2008 1:12 PM
To: Cory Shubert
Cc: CSS Discussion
Subject:
Thank you for the correction, Usamah! I also added height:37px to ensure the
full image was being displayed. What do I do about the extra image behind
the image title? It's not even full-size?
Regards,
Tim
-Original Message-
From: Usamah M. Ali [mailto:[EMAIL PROTECTED]
Sent: Thursday,
On Fri, Feb 22, 2008 at 12:34 AM, Big Moxy [EMAIL PROTECTED] wrote:
Thank you for the correction, Usamah! I also added height:37px to ensure the
full image was being displayed. What do I do about the extra image behind
the image title? It's not even full-size?
Regards,
Tim
You have
What difference does it make?
Rick
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Gunlaug Sørtun
Sent: Thursday, February 21, 2008 1:35 PM
To: Usamah M. Ali
Cc: Brian Jones; CSS Discuss
Subject: Re: [css-d] Float list items
Usamah M. Ali
Once you grasped the basic concept of using background images, then
it's a matter of trial error until you get the perfect look you're
after. Try changing the background position to left top or left bottom
or applying padding the a links in the CSS or a combination of all
these and others.
Good
Rick Faircloth wrote:
What difference does it make?
The difference is (already made) at the most basic level: what it is,
and what it can be made to look as when we add a bit of styling.
- An HTML table will always be a table and nothing but a table, no
matter how it's styled.
- Some text in a
Your example below is impressive, Georg, for sure.
But just look at the CSS hoops you had to jump through
just to get what looks like a simple table.
Why go to so much trouble avoid using table ?
Just because you can or is there a more compelling reason?
I'm relatively new to the CSS scene, so
On Feb 22, 2008, at 12:55 AM, Jason Pruim wrote:
Here's the issue, I have in the past been able to scale the size of
the images when you scale the text of the website (Nice effect!) but
today I noticed that if I remove a height attribute on the containing
div, the pictures don't scale.. Is
Jeff Gates wrote:
As to users being able to increase the size of fonts, is there anything we
can really do about that, especially in a situation like this menu? Having
the menu on one line is my goal. And if there are tips to make it happen
in as many situations as possible, I want to
Rick Faircloth wrote:
Your example below is impressive, Georg, for sure.
But just look at the CSS hoops you had to jump through
just to get what looks like a simple table.
Why go to so much trouble avoid using table ?
Just because you can or is there a more compelling reason?
I'm
Rick Faircloth wrote:
Your example below is impressive, Georg, for sure.
But just look at the CSS hoops you had to jump through just to get
what looks like a simple table.
Why go to so much trouble avoid using table ? Just because you can
or is there a more compelling reason?
I'm
Not boring at all!
Thanks for the explanation, Rafael! :o)
Rick
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Rafael
Sent: Thursday, February 21, 2008 10:32 PM
To: Rick Faircloth
Cc: 'CSS Discussion'
Subject: Re: [css-d] Float list items
Thanks for the explanation, Georg! :o)
Rick
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Gunlaug Sørtun
Sent: Thursday, February 21, 2008 10:34 PM
To: 'CSS Discussion'
Subject: Re: [css-d] Float list items
Rick Faircloth wrote:
Your
Hi, Peter, and thanks for the reply! :o)
Rick
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Peter Hyde-Smith
Sent: Thursday, February 21, 2008 10:55 PM
To: 'CSS Discussion'
Subject: Re: [css-d] Float list items [medium]
- Original
- Original Message -
From: Rafael [EMAIL PROTECTED]
To: Rick Faircloth [EMAIL PROTECTED]
Cc: 'CSS Discussion' css-d@lists.css-discuss.org
Sent: Thursday, February 21, 2008 9:32 PM
Subject: Re: [css-d] Float list items [medium]
Rick Faircloth wrote:
Your example below is impressive,
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
discuss.org] On Behalf Of Rick Faircloth
Sent: Thursday, February 21, 2008 5:47 PM
To: 'CSS Discussion'
Subject: Re: [css-d] Float list items
Your example below is impressive, Georg, for sure.
But just look at
56 matches
Mail list logo