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
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 .
Add:
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
absolute or relative positioning
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:
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 back
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 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'm
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, IE7
and the civilised world separately.
This hack has been discussed by Jon Hicks before [1]; it's invalid,
whereas conditional comments are not.
[1]
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
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
On 15 Feb 2007, at 15:22, Ross Hulford wrote:
Is there any way to target a link within a h2 tag. Link are
already set and I want to set a style specificlly for links inside
h2
h2 a { /* styles */} ?
__
css-discuss
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 margins:
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!
:-)
Try something
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 is the INPUT
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 htmlbody/body/html tags from it?
The PHP question is out of the scope of this list, but as to your
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
seems to
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:
form ...
html
br
/html
/form
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 IE6)
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;
On 21 Mar 2007, at 17:10, Jukka K. Korpela wrote:
On Wed, 21 Mar 2007, liorean wrote:
uri: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 set the
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 render them however
you please. An example
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 any
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; /*
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:
ul class=imageReplace
lia href=Home/a/li
/ul
Would now the UL be shifted 1000em left, closely followed by the LI
On 25 Mar 2007, at 12:12, Philippe Wittenbergh wrote:
But a 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
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 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
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
word Next.
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 wrapper div
should
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 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 typo: overflow:hidden; does NOT cause IE to contain
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 li 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
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 ul. Try this:
.multicolumn {
float:
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 for
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 so
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:
a href= id=shopShop/a
style type=text/css
#shop {
display: block;
width:620px;
height:71px;
text-indent:
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;
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 the
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 margin-top
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]
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
Ideally, you should be using something like:
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Strict//EN
http://www.w3.org/TR/html4/strict.dtd;
html lang=he
head
titleLanguage Test/title
meta http-equiv=content-type content=text/html;
charset=utf-8
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):
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Strict//EN
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:
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
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
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
[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 CSS
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 curious
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.
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 list
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);
}
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.
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,
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 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
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;
margin-left:5px;
margin-right:5px;
margin
mamrg wrote:
It is the arrow of the drop-down menu, originated from the HTML tag select
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
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:hover,
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
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:
body
a href=mailto:[EMAIL PROTECTED] id=mimg src=images/logo.gif
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 dl element, but around the dt and dd 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
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 br.. element underneath the list. The UL is a block
element, so it breaks
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:
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
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 their
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:
!--[if GT IE 5]
and see if that helps.
Also,
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 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 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 to
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 16/10/2006 09:50, Patti Evans wrote:
Aren't img width and height supposed to be given in px? Could it be
because the image is wrapped in a 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 want
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#bd.
and
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 mention,
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 (
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 a
elements.
Well, :hover works on your regular
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 well in
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:
selector for
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
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
generatedBR/BR/IMG src=' + wait_image_url + '/';
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 been
Jon Hughes wrote:
div id=bottomlinks
ul
liThis/li
liThat/li
liThe other/li
/ul
/div
You have enough mark-up there for all the hooks you need. Start with the
following style:
div id=bottomlinks
ul
li class=firstThis/li
...
li class=lastThe other/li
/ul
/div
And
82 matches
Mail list logo
