On 7 Jul 2007, at 13:52, Bradley Wright wrote:
> On 7 Jul 2007, at 13:46, Gary Benson wrote:
>
>> Oh, that's perfect, thanks :)
>> But what is the "zoom: 1" for?
>
> overflow:hidden; causes all browsers (well, the ones that count, and
> IE)
Sorry, bad t
On 7 Jul 2007, at 13:46, Gary Benson wrote:
> Oh, that's perfect, thanks :)
> But what is the "zoom: 1" for?
overflow:hidden; causes all browsers (well, the ones that count, and
IE) to contain floats. zoom:1; causes hasLayout to trigger in IE,
which has a similar effect of containing floats.
On 22/6/07 03:23, "Gpalz" <[EMAIL PROTECTED]> wrote:
> The nested "content" div basically pulls the "wrapper" div downward,
> causing a gap.
>
> Background:
>
> The "wrapper" div has a width of 800px, contains a background image and
> is flush against the top browser window. This is how the "wra
On 21/6/07 04:58, "Allan Abrahamse" <[EMAIL PROTECTED]> wrote:
> For this question please see
> http://orangecountyquakers.org/quakers/index.htm.
>
> The first main division (a class id called "Top") starts with the header
> ("About ...") and terminates with the faint blue line just above the
> w
On 13 Apr 2007, at 12:44, Susan T (cocomomi) wrote:
> please ignore my previous message.
> I have figured out what was happening with the image borders. just
> needed to add border="0
This CSS rule should do the same thing:
img {border:0;}
And takes up far less file size than adding that a
On 30 Mar 2007, at 17:30, [EMAIL PROTECTED] wrote:
> (Should I create a class to attach to the ul?)
The short answer is "yes", but a better (longer) answer is you should
use an ID, since there's only likely to be one instance of it per page.
_
On 25 Mar 2007, at 12:12, Philippe Wittenbergh wrote:
> But is an inline element and it's line-box shouldn't be affected
> by the dimensions of the image.
> Gecko, Webkit, Opera, Konqueror, iCab all behave the same way, btw.
It is the inline nature of the IMG that's making the BG colour shine
t
On 24 Mar 2007, at 21:55, brian wrote:
> .ImageReplace, .ImageReplace li { letter-spacing: -1000em !important;
> background-repeat: no-repeat;}
If you had the following mark up:
Home
Would now the UL be shifted 1000em left, closely followed by the LI
inside the UL?
Traditionally the ma
On 22 Mar 2007, at 18:32, Karl Bedingfield wrote:
> Is there a simple hack to adjust certain styles? In some instances I
> need to adjust padding and margin that act differently from IE6.
There are a few. If you have a separate IE-only stylesheet, you can use:
selector {
property: value; /* a
On 22 Mar 2007, at 10:56, Robert O'Rourke wrote:
> I've had similar problems in the past but there's a really useful tool
> that comes with the developer toolbar [1] for firefox. If you go to
> the
> CSS dropdown and click on view style information (or ctrl+shift+y)
> then
> you can click on an
On 21 Mar 2007, at 18:21, ~davidLaakso wrote:
> Bradley Wright wrote:
>> To alleviate cross-browser issues like this myself, I tend to use
>> a "reset" CSS file which reverts all browser styling to a blank
>> slate, allowing you to start from scratch and rende
On 21 Mar 2007, at 17:10, Jukka K. Korpela wrote:
> On Wed, 21 Mar 2007, liorean wrote:
>
>> http://www.w3.org/TR/CSS21/sample.html>
>>
>> However, browsers don't follow that perfectly.
>
> The default rendering of lists is relatively similar in different
> browsers, but here, too, it's better to s
On 20 Mar 2007, at 10:25, Phillip Cavaco wrote:
> - I have a class function to clear the float elements, is not working
> for the footer and I don't know why:
> #footer{
> height:50px;
> margin-top:40px;
> background-color:#244878;
> }
>
> #simbolo{
> width:74px;
> height:77px;
> back
On 20 Mar 2007, at 08:23, Rory@ leftangle wrote:
> However, can you tell me the correct inheritance syntax so that
> this ul
> navigation list and its nested lists can be differentiated from a
> default
> ul which maybe used in a cms system by a non coder.
>
> This is the html, css and js (for
On 16 Mar 2007, at 12:31, <[EMAIL PROTECTED]>
<[EMAIL PROTECTED]> wrote:
> .form html br{--}
Others have answered the original question already, but just wanted
to add that the above CSS selector will never work unless you have
the following HTML:
On 12 Mar 2007, at 12:11, [EMAIL PROTECTED] wrote:
> Can anyone suggest a really good option for an "increase text size"
> link?
>
> Is there a better option out there than
> http://www.dyn-web.com/dhtml/sizefont/index.php
http://www.thenoodleincident.com/tutorials/box_lesson/font/index.html
see
On 6 Mar 2007, at 16:08, david wrote:
> Any way that I can use CSS to make my styles apply to the contents? Or
> is there a convenient way using PHP to include his original file while
> stripping the tags from it?
The PHP question is out of the scope of this list, but as to your
other question:
On 6 Mar 2007, at 11:40, Gunlaug Sørtun wrote:
> ron zisman wrote:
>> http://www.ricochet.org/adv_buyer/new_tue.html
>>
>> can't seem to get clear on how to contain floats.
>
>> a little insight would be appreciated
>
> The floating #wrapper will contain floats alright, but #container
> can't
> f
On 5 Mar 2007, at 16:01, Bradley Wright wrote:
> label {
> clear: left;
> display: block;
> }
Sorry, clearing the label will break things--clear whichever element
you want to appear on the left, which in your case
On 5 Mar 2007, at 15:50, Spellacy, Michael wrote:
> Good
>
> [0] Now is the time for all good
> men to come to the aid of their country
>
> I've been trying to "wrap" my head around it for hours with no
> luck. The
> first person to say "add a break" or "use a table" is in big trouble!
> :-)
On 28 Feb 2007, at 13:06, Bryan Hepworth wrote:
> I'm battling to get the logo gap between the navbar to look similar
> in IE and FF. Is there a better or standard way of what I'm trying
> to do? The IE gap is the one (gap-wise) that I'm looking for.
The UL that makes up the nav bar has margin
On 15 Feb 2007, at 15:22, Ross Hulford wrote:
> Is there any way to target a link within a tag. Link are
> already set and I want to set a style specificlly for links inside
>
h2 a { /* styles */} ?
__
css-discuss [EMAIL
hiptojive @hotmail.com wrote:
> I've got some text overflow happening on one page, so i decided to add a
> scrollbar. It works fine in IE, Firefox for PC, but I can't seem to get
> the scrollbar to appear for Safari. Please explain what I'm doing wrong.
First of all, your page is invalid, so I
Melinda Odom wrote:
>
> I cannot get this vertical line to show in mozilla nor netscape.
> http://www.designhosting.biz/designhosting/ssl/index.html
>
> If I remove this style:
> * html #container {
> overflow: visible;
> }
>
Hi Melinda,
The issue is that the #container element is not
On 23/01/2007 16:47, Barney Carroll wrote:
> selector,{rules}
>
> This is great because you can use nothing but CSS to cater for IE7, IE<7
> and the civilised world separately.
This hack has been discussed by Jon Hicks before [1]; it's invalid,
whereas conditional comments are not.
[1]
http:/
On 21/01/2007 19:17, Mandy Covington wrote:
> Hi, can anyone please help me. I have quite a big gap underneath my
> horizontal menu bar which I don't want. It does what I want in IE but not the
> more compliant browsers. I'm fairly new at this and I've really tried to
> figure this one out but I
On 19/01/2007 17:50, Chris wrote:
> Hi, I have a problem with the following style declarations with
> regard to specificity:
>
> li:hover table #one{background: red;} /* 0,1,0,2 */ li li:hover
> #all{background: blue;} /* 0,1,0,2 */
>
> The comments at the end of the declarations are my understan
On 11/01/2007 14:10, Gary Williamson wrote:
> Any ideas gratefully received.
>
img.img1 {
...
border: 1px solid [colour];
...
}
It's slightly more straight forward to use pixel widths than keywords,
in my experience.
___
On 09/01/2007 17:12, Jordan Lee Wagner wrote:
> The problem is that the vertical scroll-bar appears correctly, but is
> frozen. It can't scroll the content of the #nachasNotes DIV. This
> happens in Firefox but not MSIE. (Those are the only browsers I
> have.) I searched and found a thread ba
On 20/12/2006 16:56, Jeroen wrote:
> you'll see what i mean with rendering incorrectly; the DIV is placed
> too far to the right, it looks like IE doubles the margin-left: value,
> which should actually be 35px.
>
It does double the margin in the direction an element is floated:
http://www.posit
On 18/12/2006 06:00, Information - Professional Web Pages wrote:
> I have 2 divs:
>
> 1.) The first that I am trying to float left and extend all the way to the
> bottom
> 2.) The second that I am trying to move up.
Try this:
instead of having a margin-left: 250px;, do this:
#CntMainText {
On 30/11/2006 16:37, Bradley Wright wrote:
> On 30/11/2006 16:26, Kim Brooks Wei wrote:
>> One:How do I get the footer to snug up to the bottom of either
>> the content or box divs?
>> I've been able to get this to work in IE 5 Mac using
>> abso
On 30/11/2006 16:26, Kim Brooks Wei wrote:
>
> One:How do I get the footer to snug up to the bottom of either
> the content or box divs?
> I've been able to get this to work in IE 5 Mac using
> absolute or relative positioning but this doesn't work in either
> Safari or FF .
Peggy Coats wrote:
> Anybody know how I can fix the CSS drop down nav on this page so it displays
> over the embedded movie?
>
It's a well known issue with browser/OS widgets such as Flash movies,
Java applets, and form elements that they render in a weird stacking,
and are generally unaffected
Jon Hughes wrote:
>
>
>
> This
> That
> The other
>
>
>
You have enough mark-up there for all the hooks you need. Start with the
following style:
This
...
The other
And roughly these styles:
#bottomlinks {
... styles ...
padding: 0;
background: url(top-l
On 16/11/2006 00:11, Graham Anderson wrote:
> attribute for the Body
> strstr ($_SERVER['HTTP_USER_AGENT'], "Macintosh") ?
> print "body { font-size:76%;}" : /*UserAgent says its a Mac*/
> print "body { font-size:100%;} "; /*PC*/
>
You know you can't trust the User Agent string, right? We've be
Wes Gamble wrote:
> newDiv = popup.document.createElement('div');
> newDiv.setAttribute('id', 'pdf');
> newDiv.setAttribute('style', 'margin-top: 250px; text-align: center;');
> newDiv.innerHTML = 'Please wait while your forms are
> generated';
> popup.document.body.appendChild
Graham Anderson wrote:
> I could use php/javascript to increase the font size by x% when on a pc.
> Is there a simpler way that uses plain old css ?
>
Say what? PHP? Pray, tell: unless you're referring to HTML?
Otherwise I agree with Christian--YUI does it in a really neat way.
Brad
___
On 14/11/2006 17:43, David Hucklesby wrote:
> On Tue, 14 Nov 2006 12:57:40 -, Lee Bettridge wrote:
>> I am writing a small web app (for webTV) which will display a
>> crosshair image, which the user can move around the screen using the
>> remote control.
>> [...]
>>
Does TV support:
{
On 07/11/2006 16:28, Graham Anderson wrote:
> For some reason, IE6 is ignoring my background-position in my
> 'a:link' below
> Strangely, the a:hover is working.
>
> When I mouse-exit, the button returns to the incorrect 0,0 position.
> Does anyone know what this could be?
> Of course, all is we
On 06/11/2006 09:18, Fora wrote:
> I'm experiencing the same problem.
>
> http://www.arnoenzerink.com/design/logos.shtml
> http://www.arnoenzerink.com/styles/design.css
>
>
> It works neither in IE6 nor in IE7, although I do have the :hover on the
> elements.
Well, :hover works on your regula
On 06/11/2006 05:20, Jonathan Berry wrote:
> Hello all,
> I have produced a website (http://eldercare.signonsandiego.com/redesign) that
> exhibits a background-color highlight in IE6 and 7. Problem is, I can't
> remember how I did it. Now that I am working on a new site (
> http://sdasf.org/cms/ind
On 30/10/2006 10:37, morten fjellman wrote:
>
> The default css is:
> h1 a {
> font-size:42px;
> margin-bottom:5px;
> font-family: Arial Black, Helvetica, sans-serif;
> line-height:1.4em;
> }
>
> (the heading is also a link, hence the "a")
>
Never heard of the other bugs you
On 25/10/2006 10:40, Rob O'Rourke wrote:
> Is there anyone using this who can shed some light on this for me?
>
.yui-b means "block of content", whereas .yui-g means "grid".
From the site:
> Each container is a "block of content", so we add two divs with
> class="yui-b" attribute values to div
On 16/10/2006 09:50, Patti Evans wrote:
> Aren't width and height supposed to be given in px? Could it be
> because the image is wrapped in tags? The other images on my page
> don't get the warning.
>
It's because you're using "74_px_". The correct value for the attribute
is "74". If you wan
On 13/10/2006 14:03, Mike wrote:
> In some pages we want to print the left side but not the right side
> etc ... We do not want to define several print selectors, is there a
> way to specify in this @media print selector the sides not to
> display, depending on which HTML page i am printing from ?
On 09/10/2006 07:35, Alexandru E. Ungur wrote:
> I have a problem trying to setup a div so that it show the same (size) in IE
> and FF/Opera/etc. The problem is kind of classic: if I set padding in the
> example below, in FF will be added to the height of the div, making it
> taller than I want it
On 05/10/2006 12:51, Giovanni Intini wrote:
> First of all let me thank everybody. I'm quite happy I discovered that
> giving almost all sizes in em makes the site really flexible. Now I have
> converted my site http://medlar.it/ita to a em using layout. There's only a
> problem on the navbar when
On 03/10/2006 21:57, [EMAIL PROTECTED] wrote:
> Is it possible, in Internet Explorer 6, to make fields expand and contract
> based up focus, without changing the rest of the layout of the page? I
> know it would require JavaScript, because IE6 doesn't support :hover on
> non-anchor elements, but
On 03/10/2006 16:27, Rodney Toliver wrote:
> Yet, for this new TEMPLATE I have been unsuccessful, as the style
> sheet linked within the conditional comment gets ignored completely.
Your version of IE might not be exactly matching 6--try something like:
On 03/10/2006 00:15, Deckard wrote:
>
> But as you can see, the lines are one line below the text :(
> The mind bogles :(
>
> http://www.wordlife.eu/wizard.php
Floating elements makes them sit adjacent to the object below them in
the markup, so a simple fix would be to place the inputs above th
On 02/10/2006 09:12, Chris Recknell wrote:
>Could someone help me understand what IE is doing to the height of
> #hpevents h2 in the code below? Firefox displays as expected. I've not
> been able to find anything that helps on PIE.net.
>
It's mostly likely font-size which is hurting you--try
Paul Seale wrote:
> What I would like to happen is for the background to scroll down with the
> text. Thoughts?
>
http://www.w3.org/TR/REC-CSS2/colors.html#propdef-background-attachment
.selector {
background-attachment: fixed;
}
A practical example is here:
http://www.dellwebsites.com/
On 27/09/2006 17:00, Cameron Ray wrote:
> The XHTML & CSS validate with the W3C and I'm sure it's a stupid hack
> or problem that I'm overlooking, but any help would be greatly
> appreciated! Thanks.
It could be the element underneath the list. The UL is a block
element, so it breaks alread
On 27/09/2006 14:28, Eystein Alnaes wrote:
> Would it be correct to a) wrap the definition list in an anchor, b) set the
> anchor directly within the element, but around the and or c)
> stick to div's? I was thinking of a list as well, but strictly speaking it
> isn't really a list.
>
That'd be
On 27/09/2006 10:12, Sander van Surksum wrote:
> This is working but still not 100%. Is there a way that you can display
> an image right in the middle of the window?
>
Try this:
Put the image by itself in the page, so:
mailto:[EMAIL PROTECTED]" id="m">
CSS:
img {
border: 0;
On 25/09/2006 16:42, [EMAIL PROTECTED] wrote:
> Can someone suggest an elegant way to fix this problem? This is fine
> when you have a vertical menu but horizontal poses a new probelm as
> the page has to
>
Sure--set the container width in EMs rather than pixels. Then it'll
scale with the user's f
On 24/09/2006 18:30, Stephen Karsch wrote:
> problem is, i'm using the following technique for my navbar:
>
> http://www.tyssendesign.com.au/examples/IR-navbar.html
>
Could you use this instead of using hover on the LI:
.archivelink a:hover {
/* hover stuff */
}
? IE understands a:hove
mamrg wrote:
> It is the arrow of the drop-down menu, originated from the HTML tag
>
> Warm regards,
> Mário GAmito
>
Most browsers use an OS-level widget to draw form elements (particularly
select elements), and hence you have very limited styling options
available. Quite a lot of these opti
On 15/09/2006 13:53, Bradley Wright wrote:
> #slider_holder div {
> margin:0;
> padding:0;
> border: 1px solid #000;
> text-align:center;
> position: absolute;
>
> }
> #slider_holder
> {
> width: 150px;
> margi
On 15/09/2006 12:55, Bevan Christians wrote:
> Is there any particular reason for this?
>
It seems to me that if you adjust the width of #slider_track to
something lower (like 75px) it sits back up in the middle, so I'd say
it's a calculations issue.
There are some other things, too:
1) IE doe
On 15/09/2006 10:03, Dave Goodchild wrote:
> I think the growing consensus is that we no
> longer need to accommodate N4
Indeed. Even Yahoo! no longer officially supports Netscape 4.0:
http://developer.yahoo.com/yui/articles/gbs/gbs_browser-chart.html
and they're even potentially throwing out IE
On 14/09/2006 09:21, starmonkey wrote:
> Is this possible? Or should I forget about fixing the height of the
> page and tell the client he'll have to have a regular webpage with a
> scrollbar and scroll down?
In my experience, this isn't really possible using CSS on its own. It
is, however, po
Have you tried removing underlines from the links with:
ul.nav_t2 li a {
display: block;
text-decoration: none; /* <--- add this line */
}
? In my experience, a lot of image replacement techniques do the same thing.
__
Sorry, need to fix my code sample:
.nav li a:hover {
background-repeat: no-repeat;
background-align: 0 0;
... other common styles...
}
.nav li a#home:hover {
background-image: url(images/home.png);
}
_
On 13/09/2006 10:58, vwf wrote:
> I have a list of 6 items, and I want to associate a different image with
> each of the 6 items. Is there a smart/correct way to do this? Does
> someone know an example that has this implemented?
I'd just add an ID or class (but more probably ID) to each of the lis
Adrienne Latimer wrote:
> Does anyone know of a way to surpress the header and footer info that
> browsers place on a printed page. I am referring to the page numbering and
> the date/url information that the browser places on the page that is outside
> of the canvas area of the web page itself.
Gunlaug Sørtun wrote:
> It's the browser-default for images - block vs. inline.
> Browsers have 'display: block' as default for that doctype
> (Transitional), except IE/win which have 'display: inline' as default -
> regardless of doctype.
While your solution is sound (and appropriate), I'm curiou
[EMAIL PROTECTED] wrote:
> I know there is a program/tool - that optimizes the css when it is
> live and can decompress it when you need to work on it. anybody know
> where this tool is?
...
> gzip maybe?
At my work, we've generally found that the savings caused by
optimising/obfuscating CS
> On the other hand, if I keep the font-size using em then the user can
> break the menu if they increase the size. This seems like a lose lose
> situation.
If the entire design was specified in EMs rather than pixels, the whole
design would scale. Then no one has to lose. The Yahoo! CSS Page
> I haven't seen a specification on how high I can set the z-index.
> Perhaps it is browser specific. Is going up to safe? What happens
> in browsers if the number is too high?
The CSS 2.1 Spec doesn't say how high a value can get:
http://www.w3.org/TR/CSS21/syndata.html#value-def-integer
> This problem I'm sure many have had, I need my page background to
> stretch 100% of the page in an absolute div. But in Firefox, It will
> go 100% until it scrolls. Then the background stops.
I think (from memory) that this fixes the issue:
html, body {
margin: 0;
padding: 0;
> Is there an alternative to display:inline-block that will give a div
> hasLayout?
It goes a bit against the validation grain, but I suggest using:
zoom: 1;
in a separate CSS file hidden from the validator by conditional
comments. It's a little more future-proof (since it's a proprietary
prop
> I have links to named anchors on a separate page. There is no problem
> getting to the appropriate spot. The problem is that the page can't be
> scrolled up to see all the menu items. I have used the hack for equal height
> columns on the menu - don't know if this affects it. The page is here:
>
> But I have a feeling that browsers should deal with that direction
> stuff automatically anyway.
Nope, turns out that they don't handle that kind of thing automatically.
So use this final bit of mark up (as pure as I can get it):
http://www.w3.org/TR/html4/strict.dtd";>
Ideally, you should be using something like:
http://www.w3.org/TR/html4/strict.dtd";>
Language Test
ראש חטיבת המחקר באגף המודיעין במטכ"ל, תא"ל יוסיEnglish wordsלהישגים; אלוף גדי אייזנקוט,
]
(don't ask me about t
The archive contains the only two links I was going to send through for
this anyway:
http://archivist.incutio.com/viewlist/css-discuss/26332
PS: looks like it's not really do-able in IE. Like most things, really.
__
css-discuss [
Hi Lyn,
I replied earlier with a fix for this issue:
http://lists.css-discuss.org/mailman/private/css-d/2006-September/068633.html
Does this not fix the issue?
Brad
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mail
On 05/09/2006 08:23, Bradley Wright wrote:
> Seems to me that you have both margin-top and margin-bottom set. This
> indicates that IE is probably not correctly collapsing the margins.
Oh, and since I only showed you an explanation of collapsing margins, my
suggested fix is to remove
On 05/09/2006 07:58, OOzy Pal wrote:
> I have laid down three div boxes on top of each other but they look
> different in IE as the distance between them is bigger in IE
Seems to me that you have both margin-top and margin-bottom set. This
indicates that IE is probably not correctly collapsing th
Hi Lyn,
Try these styles:
.mainlink{
display:block;
width:128px;
background: #98cb00;
font-weight:bold;
font-size: 90%;
color:#FF;
text-decoration:none;
padding: 6px;
margin: 3px 0 0 0;
}
#submenu_1 /* 1-4 */{
width: 140px;
padding: 0;
margin: 3px 0 0 0;
background: #E6FFCC;
list-style:none;
> I'm trying to make the whole image a link, but cannot see to get anything to
> link except the text which is left aligned and clickable.
How about this:
Shop
#shop {
display: block;
width:620px;
height:71px;
text-indent: -5000px;
text-decoration: none;
> B) What are the advantages/disadvantages of having multiple CSS files
> broken down into navigation.css, common.css, main.css, list.css etc >
> and using the @import
Speaking purely for what I see at my workplace, we often break down the
files into pages rather than main, list etc. This is
There's always Doug Bowman's "Sliding Doors":
http://www.alistapart.com/articles/slidingdoors/
It'll help you create expanding, EM width dependent tabs.
On 30/08/2006 16:03, Ross C wrote:
> I saw a site a while back that had this (I'll try to find it).
>
> I believe they had a background image fo
Actually make that:
margin: 0;
Which should reset all the margins on the list.
On 30/08/2006 14:37, Bradley Wright wrote:
> On 30/08/2006 14:25, Daniel Hammond wrote:
>> Can someone tell me why on www.lyteenterprises.com/services.htm, the
>> lists of services are move
On 30/08/2006 14:25, Daniel Hammond wrote:
> Can someone tell me why on www.lyteenterprises.com/services.htm, the
> lists of services are moved down an extra line in FF and Opera, and
> they are moved over to the right in IE?
It's the margin of the . Try this:
.multicolumn {
float: left
Hi,
In my (isolated) test case, Opera 9 and Firefox 1.5 both behave
themselves as expected.
If I had to guess, I'd say that you've set the items to be
{ display: inline; }
and so the width won't take. Inline elements don't (and shouldn't) obey
explicit width settings.
If you can provide a URL
87 matches
Mail list logo
