Hi List,
I have this strange situation here. I've found a way to solve the issue but
anyway I still whant to know what triggers this problem.
I have two documents with the following structure:
1.
body class=bg
div id=Body class=sunny
/div
/body
and 2.
body class=bg
div id=Body
I have three images, they are each 189 by 146 and all sit inline, so that's
566 wide. No spaces, no padding, just three images, I could make it one,
and use a image map, but they get swapped out so I ca not.
Right now, this is suiting me pretty well:
table width=566 height=146
tr
td
img
On 11/10/05, artcoder [EMAIL PROTECTED] wrote:
I want to apply a style to a whole column of a table.
http://css-discuss.incutio.com/?page=StylingColumns
the below code does not work in Firefox. (IE okay)
That's a bug in IE.
http://ln.hixie.ch/?start=1070385285;count=1
--
David Dorward
Scott, a UL is proper, since these are links.
Also, you don't have to use a UL or a table, put them in a div, and use the
display:inline property, as so:
div img {
display:inline;
}
They'll line up perfectly.
--
- C Montoya
rdpdesign.com http://rdpdesign.com ...
Derek de Jong wrote:
Internet Explorer is including the margin *inside the box width*, while
This is what I did'nt know.
W3C-spec browsers (rightly) are not. This is why you're getting
different results. Carmen would be correct if *both* boxes had a 2%
margin, but because only one does
On 10/11/05 11:35 PM, Thierry Koblentz [EMAIL PROTECTED] wrote:
Jono wrote:
On 10/8/05 2:32 PM, Gunlaug Sørtun [EMAIL PROTECTED] wrote:
It appears to be a cascading issue - due to how flip-flopping the h1
and h2 CSS order changes the display - but I cannot pinpoint where
the problem is
Hello Jono,
You can have a look at one previous post regarding IR techniques [1]
(references to test pages, usefull reviews and discussions)
This particular technique [2] seems to fulfill you requirements.
Drawbacks: transparent images / massive bump-up of font-size by user
[1]
Hi,
Could anyone help me out with a problem with relative text sizing in IE (and
possibly other browsers)?
I have declared the body font-size as 1.0em, p as 0.8em and headings 1.2em
etc on my page (http://www.aycee.co.uk) and they all scale correctly in
relation to each other, the problem
Ali Lee wrote:
I've noticed that A List Apart also 'jumps' in big steps like my page
does.
Has anyone come across this before and can suggest a solution?
A really old IE/win bug that many still loose out on. ALA sure has it.
Set the root-declaration in 'percent' (%), and the bug is gone.
Ali Lee wrote:
Could anyone help me out with a problem with relative text sizing in IE (and
possibly other browsers)?
I have declared the body font-size as 1.0em, p as 0.8em and headings 1.2em
etc on my page (http://www.aycee.co.uk) and they all scale correctly in
relation to each other,
Hello Ali,
In addition to what Georg said, I usually set the root-declaration to
100.01% to avoid size inheritance bugs in some versions of Opera, and then
use em.
http://css-discuss.incutio.com/?page=UsingEms
Cheers,
Jérôme Coupé
International Polar Foundation
Multimedia Communication
--
Jono wrote:
Anyone have a suggestion...for an IR technique that works as mentioned?
One can play around with pros and cons for ever. Have a read...
http://www.quirksmode.org/dom/fir.html
regards
Georg
--
http://www.gunlaug.no
Is it possible to use a background image as a search box? If so, will
the search box outline still be there or can the image be the actual
box?
--CSS--
.searchbox{
background-image:url
(the_image_worthy_of_sacrificing_accessibility.jpg);
width:125px;
height:30px;
padding:2px 10px;
peter newton wrote:
I've decided to throw down the gloves, give up on tables and give
xml/css a go. Now I'm expecting problems and sure enough I've found
my 1st one.
You'll run into a few more as you go along. Nothing to worry about.
http://devnz.scripterz.org/test2.html
and if you look
Hi there,
This seems like it should be an easy fix but it is escaping me. If you look at
this site:
http://www.innovativeconcretesolutions.net/
In FireFox, the P in the content area gets pushed down, seems like below the
navigation at left. I
cannot seem to figure out why. The CSS is at:
On 12 Oct 2005, at 9:47 pm, Tom Dell'Aringa wrote:
http://www.innovativeconcretesolutions.net/
In FireFox, the P in the content area gets pushed down, seems like
below the navigation at left. I
cannot seem to figure out why. The CSS is at:
It is actually the h1 tag that goes down in
Hi all
I have the following code, and the floats are displaying correctly (as
in they're side-by-side), but the wrapper doesn't extend down...
style
#wrapper {
border-left: 6px solid #FFCC33;
border-right: 6px solid #FFCC33;
background-color: #fff;
}
#wrapper p {
How is it sacrificing accessibility?
You have to think about the variety of users that might visit the
page. A user with images turned off would get an invisible input box.
Users that are new to the internet might not understand that your
custom image is an input box; they might expect to
Hello Brendan,
This is typical with floats. Floated items are removed from the document
flow and non floated elements do not take them into account anymore.
You can have a look at Eric's article on the subject of float containment
http://www.complexspiral.com/publications/containing-floats/
In
Hi there. I think you need a block level element after #wrapper element.
I use a couple of hacks to make this work well in different browsers.
Give this a try.
style
#wrapper {
border-left: 6px solid #FFCC33;
border-right: 6px solid #FFCC33;
background-color: #fff;
Hi there. I think you need a block level element after #wrapper element.
I use a couple of hacks to make this work well in different browsers.
Give this a try.
style
#wrapper {
border-left: 6px solid #FFCC33;
border-right: 6px solid #FFCC33;
background-color: #fff;
On Oct 12, 2005, at 4:07 AM, Jørgen Farum Jensen wrote:
Derek de Jong wrote:
Internet Explorer is including the margin *inside the box width*,
while
This is what I did'nt know.
Just as well you didn't, as it's incorrect. IE5's broken box model
included padding and border in the
Christian Montoya wrote:
Scott, a UL is proper, since these are links.
Also, you don't have to use a UL or a table,
No, you don't have to put them in ul, but if they are really a list, why
not put them in the correct container? Of course, I can't really tell
if they are a list since I
Hello Thierry,
Setting aside the debate should we or should we not use IR techniques, I
might have not expressed myself correctly in my post.
I understand the method and its benefits. I was just stressing that:
1. Problems remain if a user can display images and bumps up font size
(either the
Seems I've got rid of the problem in IEWin 6 and 5.5 atleast. I added some
padding and added overflow:visible;. Working in my situation anyway.
Thanks for the reply.
On Tue, 11 Oct 2005 19:16:45 -0400, Christian Montoya [EMAIL PROTECTED]
wrote:
- Use percentages for all columns in the
Listers...
Here is the code I am using on a list of links:
#content ul.linklist{list-style-type:none; margin:0 0 20px 0;}
#content ul.linklist li{padding:0 0 .3em 40px;}
#content ul.linklist a{display:block; padding:0 0 0 20px; margin:0 0 0
-20px;}
#content ul.linklist a:hover{display:block;
Just curious about differences I've seen in some stylesheets I've downloaded
and studied.
Sometimes people just write their id's as:
#idName {}
Other times I see the div in front such as:
div#idName
Since id's are unique anyway what's the difference here? Does the one
without the div
Hi Jérôme,
Setting aside the debate should we or should we not use IR
techniques, I might have not expressed myself correctly in my post.
I understand the method and its benefits. I was just stressing that:
1. Problems remain if a user can display images and bumps up font size
(either the
Since id's are unique anyway what's the difference here?
Readability. You know which element it refers to.
I've also seen similar with classes, but that seems easier to understand
It might be also about selector specifity.
Dear All:
I'm having a couple of problems with a page in IE.
The page in question:
http://janaagraha.org/rahul/John/
Mockup - What I'm trying to achieve: (warning: 100kb)
http://www.flickr.com/photo_zoom.gne?id=51803913size=o
Problems:
1. I would like the navigation text to have grey padding,
I was asked by a friend to explain one of the designs I did lately in
detail. Here is the result:
http://icant.co.uk/articles/flexible-css-menu/
Hopefully you can use some of it, too.
comments and errors please off-list, as it may be off-topic.
regards,
Chris
--
Chris Heilmann
Blog:
Hello, I have a question.
I am sort of new to css and I have come upon a problem that I am not sure
how to change/fix.
I have not yet turned all of my pages over to the css, most of them are
still totally built in html tables.
The two pages that you would have to look at to see my
Cherish's Country Store wrote:
Okay.. this is the problem. I have 2 columns. They are my leftnav and
content. I need them to be the same length, always, no matter how much
content is on either side. You will have to forgive me, I don't exactly
know how to ask this question.
Typically, a
I'm reading Eric Meyer's article on Tricking Browsers and Hiding Styles. I
understand what he's saying and that the extra characters in the rules get
parsed in different ways.
But for me to really understand what's happening, though, I sure could use
an explanation of exactly what is making
Sorry if this is a repeat question...I looked, but found nothing
similar.
I am pretty sure this is an easy answer and I would love to have just
the name of the bug so I can google and fix.
Check out: http://www.screwlewse.com/css-d/ and look at the
section with the image of the
Here's a couple of good links that provide explanation:
http://css.maxdesign.com.au/listamatic/about-boxmodel.htm
http://css-discuss.incutio.com/?page=BoxModelHack
Oh! and look at that - the second one looks kinda familiar, doesn't it? ;)
HTH!
~Shelly
Akins, Chris wrote:
Can someone provide a character by character trace of this line:
voice-family: \}\;
voice-family: ,escape next character,,),escape next character,,;
= voice-family: };
Note that that example is one of the few that may make some kind of
sense - although it's a complete
For the first two problems try adding:
a {display: block; background-color: #CC;}
a:hover {color:black; background-color: white;}
Change colors to suit.
Jim
On 10/12/05, Rahul Gonsalves [EMAIL PROTECTED] wrote:
Dear All:
I'm having a couple of problems with a page in IE.
The page in
From: Akins, Chris [EMAIL PROTECTED]
To: css-d@lists.css-discuss.org
Sent: Wednesday, October 12, 2005 12:56 PM
Subject: [css-d] Please Explain CSS Parser Hacks
I'm reading Eric Meyer's article on Tricking Browsers and Hiding
Styles. I
understand what he's saying and that the extra characters
Awesome - thanks fellas.
On Oct 12, 2005, at 9:41 AM, Pringle, Ron wrote:
How is it sacrificing accessibility?
Actually, if you provide borders for your input box as well as a
background
image, you can have an input (search) box that shows up whether the
images
are turned off or not.
Hey all.nice to be here in an effort to increase knowledgeTIA
for helping me.
I made a site that looks 'right' in Firefox and 'not-so-right' in
Internet Explorer. The differences are minimal.
http://www.northstar-emerg.com/main6.html
#1. the Internet Explorer rendition of the
I made a site that looks 'right' in Firefox and 'not-so-right' in
Internet Explorer. The differences are minimal.
http://www.northstar-emerg.com/main6.html
#1. the Internet Explorer rendition of the main menu has white lines
between the menu linksarg.
rollandb
Hmm, it
Hi all,
I know this problem has come up repeatedly, I've searched the archives,
but I didn't find any solution that fits my scenario. I've been
struggling with this full time for 2 days and cannot make IE work with
the .htc file.
I wanted a double-rollover effect on hover. Roll over the menu
You are correct Ronnow in IE the menu items have huge gaps
between them...ah well.
After looking at the stolen css I used and how simple the menu is, I
think I will start over with something a little less complicated.
thanks tho. Now for the Announcements tab.
rollandb
On Oct 12,
Hello everyone,
I am new to the group, and have enjoyed reading many of the emails
thrown back and forth. There is a site that I am working on, and it is
hard for me to check it out on many different platforms, and browsers.
The site is at http://www.guchdesign.com/pop/
Let me say beforehand
http://www.ckfswebservices.com/CAS/style2.css
http://www.ckfswebservices.com/CAS/index2.php
You will see the style sheet and page address above.
Yes, I know there is no content those errors are for space holds but the
other problem has to be worked out first.
The css code and html do parse.
On Wed, 12 Oct 2005 10:48:05 -0400, Tom Livingston
[EMAIL PROTECTED] wrote:
|-link text--| hover and link work here
OK I solved the above issue by using display:table-cell and feeding WinIE
display:block inCCs.
But the same fix will not work for this:
http://www.northstar-emerg.com/main6.html
#1. the Internet Explorer rendition of the main menu has white lines
between the menu linksarg.
Hmm, it appears that the line is coming from the following bit of CSS:
/*** #navBar link styles ***/
/* hack to fix IE/Win's broken
Hi,
If I am using IE, my last row in a table gets
split on two pages. But mozilla is showing right i.e.
not splitting the row. How to avoid row splitting in
IE.
Thanks
__
Yahoo! Mail - PC Magazine Editors' Choice 2005
Is there any way to control the printiing of footer in
table to last page only. I am using footer to print
the Sum of each column in the last line. I am using
display:table for the table. But while IE is only
showing the footer on last page, Mozilla shows footer
on each page.
Thanks
Evening all,
Has anyone seen this before?
This page should be valid HTML 4.01 Strict, and the CSS is valid. Which
makes me think a funny quirk I have never seen before is responsible.
In the middle of the page in the green box, the list of subsections. When
you mouse over them the hand does
resubmitting this problem with stripped code:
I am using Roger Johansson's js technique for applying custom borders
and boxes (images) in which divs are dynamically added using js. I am
using this technique on multiple areas of the site including the main
container, content box, and menu.
resubmitting this problem with stripped code:
I am using Roger Johansson's js technique for applying custom borders
and boxes (images) in which divs are dynamically added using js. I am
using this technique on multiple areas of the site including the main
container, content box, and menu.
on 10/12/05 7:05 AM, Zoe M. Gillenwater at [EMAIL PROTECTED] wrote:
Christian Montoya wrote:
Scott, a UL is proper, since these are links.
Also, you don't have to use a UL or a table,
No, you don't have to put them in ul, but if they are really a list, why
not put them in the correct
I have been meaning to ask this, and I can not remember the exact case, but
I am sure it is basic to most of you.
If I set a overall font-size, for example:
.wrapper {
font-size: .8em;
}
I then wrap the entire page in that, any table I use, seems to not follow
that font size. Setting the
Guy,
Yeah I am sure they are supposed to be! Content is not down to me, though I
shall pass it on, thanks. Site has yet to go for QA! :)
I am still no closer to solving the problem, though I do know it has
something to do with the spans inside the li links, which in turn are inside
the li
How about:
img {
border:none;
padding:0;
margin:0;
display:inline;
}
and if you use ul :
ul li {
padding:0;
margin:0;
display:inline;
}
li img {
padding:0;
border:none;
margin:0;
}
or better yet, start your day off right:
* {
border:none;
margin:0;
padding:0;
}
--
- C Montoya
rdpdesign.com
At 02:37 PM 10/12/2005, Scott Haneda wrote:
I still get some margins, no matter what I try, can someone perhaps show me
a example of three same sized images all sitting together to make one image?
Scott,
Here's an example of an unordered list used with image tiling:
I really don't want to jam this one in a table, but I need 5 divs across,
butted right up against each other, after the 5th one, I need a new row.
The width of each of the 5 items is fixed, the height is not. The below
works, only if I set the height of .wrapper to 40px, which in this case I
can
Looks as I want it to in Firefox, but in IE the items are way skinny and
I can't figure out what's happening. Here's the page:
http://www.fresnolibrary.org/stffpcks/
The relevant CSS is:
#picks { position: relative; float: left; }
.pick img { float: left; margin: 0 10px 0 0; }
.pick { clear:
From: Akins, Chris
Sometimes people just write their id's as:
#idName {}
Other times I see the div in front such as:
div#idName
Since id's are unique anyway what's the difference here? Does the one
without the div explicitly stated NOT work in some cases?
I've also seen similar with
On 10/12/05, Scott Haneda [EMAIL PROTECTED] wrote:
I have three images, they are each 189 by 146 and all sit inline, so that's
566 wide. No spaces, no padding, just three images, I could make it one,
and use a image map, but they get swapped out so I ca not.
Right now, this is suiting me
On 10/12/05 6:28 AM, jérôme coupé [EMAIL PROTECTED] wrote:
...
This particular technique [2] seems to fulfill you requirements.
Drawbacks: transparent images / massive bump-up of font-size by user
...
[2] http://www.tjkdesign.com/articles/tip.asp
-Original Message-
While I am am
On 10/12/05 3:59 PM, John Gucheman [EMAIL PROTECTED] wrote:
The site is at http://www.guchdesign.com/pop/
Let me say beforehand that I am using tables for layout... in combination with
a trick I found on csszengarden, attributed to Douglas Bowman at
stopdesign.com:
/* using an image to
style type=text/css
!--
@import url(dmsr2b.css);
--
/style
!--[if IE]
style type=text/css
body {behavior:url(csshover.htc);}
/style
![endif]--
Did you try:
@import url(dmsr2b.css);
behavior:url(csshover.htc);
basically, no quotation marks.
--
- C Montoya
rdpdesign.com
I have #content
is it applied as *html #content ??
Can it be applied to a id and not a class???
Of course it can. Just like this: * html #content { }
Can it be applied to % - I know what % works in IE so can I use the %
there or do I have to calculate the actual px???
It can be
Setting the td and table to a specific font size of the
same, I think, if I remember, makes the fonts smaller than the .8em, can
someone tell me whats happening here and how you work around it?
You set the td and table to 1em, that makes it 1 em times the page's .8 em
which equals .8 em.
Christian,
Yes, I've tried double quotes, single quotes, and no quotes - - none of it
makes the slightest difference. :(
I did manage to load the problem page up on my personal web space. The whole
thing is a mock-up so there are a lot of comments in the html and the css,
but that'll be cleaned
Site at:
http://www.alamug.com
Would appreciate any feedback. Thanks!
:) Lorraine
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by
on 10/12/05 6:46 PM, Christian Montoya at [EMAIL PROTECTED] wrote:
You set the td and table to 1em, that makes it 1 em times the page's .8 em
which equals .8 em. Rather than .8 em times .8 em which is .64 em. See?
Also, have you tried setting the table to font-size:inherit? I haven't tried
Would appreciate any feedback. Thanks!
Just a few things:
For the navigation, I'd use a display: inline; unordered list instead
of a table.
In your header, I'd use an h1 with hidden text (just to keep with semantics)
On a aesthetic note, I'd add a right border in your faux columns (and
perhaps
Thanks, Ricky- am noting down all your suggestions.
Are you on XP? What browser did you view at? We're all Mac here, so
would love to get feedback on other browser views ;-)
Thanks again
Lorraine
On 10 13, 05, at 11:19 AM, Ricky Zhou wrote:
Would appreciate any feedback. Thanks!
Just a
Is there any safe condensed font I can use on the web? I can not use
the font-stretch as it does not work in Safari, as far as I can tell, but
something just a bit more of condensed would solve some issues for me.
--
-
Scott Haneda
Lorraine Nepomuceno wrote:
http://www.alamug.com
Generally fine, but hard to read parts of it because of small text.
Choice of font-size/line-height unit (px) prevents any real improvements
at my end.
IE6 is dropping the right column on two largest font-sizing steps.
Safari, Opera IE6 end
One of my favorite sites:
http://typetester.maratz.com/
and about type stretching:.. I use letter-spacing and it does work on
safari but it brings out very different results on IE/win. of course, that
means using IE conditional css hacks.
Thanks
Dave Gregory
[EMAIL PROTECTED]
From: Scott Haneda
Is there any safe condensed font I can use on the web?
Scott,
Arial Narrow would be a fairly safe choice for Windows visitors,
a lot of commonly installed MS home and business applications
provide it.
Nimbus Sans or Helvetica Narrow seems like a likely UNIX choice.
The
Howdy Lorraine..
I am on a mac at work and XP at home and for testing.
I totally agree on the navigation.
Here is a site that has some pretty good code for making your inline list
for the top navigation:
http://css.maxdesign.com.au/listamatic/
There are a few ways to go at the navigation.
I
The MS typography pages suggest that Arial Narrow is likely to
be available on Mac OS too, but I have no recent experience of
Mac type choices.
Arial Narrow as well as Impact is OK on default OSX 10.4.2 setup.
--
Jan Brasna aka JohnyB :: www.alphanumeric.cz | www.janbrasna.com
-BEGIN PGP SIGNED MESSAGE-
Hash: SHA1
Greetings,
I'm trying to create a page [http://tinyurl.com/7k3xx] with a header, 3
columns nested in a container, and footer -- all using divs.
When I'm accesing the page with Firefox I can't get the 3 columns to
stay in container. I have no idea
Alvin A ONeal Jr wrote:
http://tinyurl.com/7k3xx]
When the window is resized too small the footer goes under the colums
instead of creating a scroll effect.
I think a table would easily solve this issue, but I'm trying to go
for a true css design.
CSS can easily solve all issues in that
80 matches
Mail list logo
