Hello,
I'm fairly new to CSS and was testing a page I made. It
looks fine in Firefox and Safari on a Mac. It has a few
spacing differences in Opera, but I can live with them.
But in Windows Explorer 6 the navigation list - which
is a styled ul - breaks up. I was wondering if anyone
can tell me
Hi!
I have created a simple language selector in a webpage. Clicking either on EN
or DE forwards the user to the English or German version of a webpage.
I use the following CSS code:
/* language DIV - it's positioned inside relatively positioned #header */
#lang {
position: absolute;
top:
Sorry, missed one line:
#language a span {position: absolute; top: -px; right: 20px;}
#language a:hover span {position: absolute; top: 50px; right: 0; border: 1px
solid white; text-indent: 0;}
It works when there's text-indent specified (but IE, still doesn't work... :(
M.
Try this instead:
#navigation ul ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
// Sebastian
Fra: [EMAIL PROTECTED] på vegne af M S
Sendt: to 11-05-2006 13:09
Til: css-d@lists.css-discuss.org
Emne: [css-d] ul breaks up in Explorer
Hello,
Also, try not to use the Tantek box model hack, which is considered rather
ugly and redundant these days. The modified simplified box model hack is
cleaner, for example:
* html #content {
width: 80px;
w\idth: 100px;
}
html #content {
width: 100px;
padding: 10px;
}
On 11/05/06, Sebastian Dammark
On 11/05/06, Sebastian Dammark [EMAIL PROTECTED] wrote:
Try this instead:
#navigation ul ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
Oh, but I actually want the nested lists to be indented to the left like that.
No, the break up I'm talking about can be seen as a horizontal
David,
This may be a rather old fashioned solution anymore...it's how I've
fixed it for a long time. In your HTML get rid of all the whitespace in
the list in question. So that it looks like this:
ullia hreAbout the.../a/liullia hre...About
us/a/li/ul
For whatever reason that
M S wrote:
[...] But in Windows Explorer 6 the navigation list - which is a
styled ul - breaks up. I was wondering if anyone can tell me why?
http://homepage.eircom.net/~mika/recipes/index.html
IE/win need its 'hasLayout'[1] triggers.
Add...
#navigation ul li, #navigation ul li a {height:
Hi Everyone,
I¹m working on our site and I¹ve got a problem. I¹ve got a box and some info
that looks good and works in Firefox Mac/PC and Safari but doesn¹t look
right in IE6 unless I tweak it and then it¹s not right in FF etc... Now
perhaps there¹s a way to format the box to look right in IE and
Richard Gilmore wrote:
[...]
I think making two versions is the only way I¹m going make it look
right unless the collective genius of this list can help.
I think separate versions is /the very last/ option to consider.
However, in order to look for better options, a link to your
The issue is in IE 6. The page renders and as it is coming up I can
see teh text on the page, but when all the graphics are applied, the
text disappears. Really strange. The graphics and backgrounds in the
div, so I am not sure why it is doing it.
Site in
[snip]
The issue is in IE 6. The page renders and as it is coming up I can
see teh text on the page, but when all the graphics are applied, the
text disappears. Really strange. The graphics and backgrounds in the
div, so I am not sure why it is doing it.
[/snip]
IE Peek-a-boo bug strikes
Hi everyone.
I combined a css with peterned's csshover.htc (IE 6 doesn't understand
the pseudoclass :hover - http://www.xs4all.nl/~peterned/csshover.html )
You can see my site: http://segramm.dsi.unimi.it
It works fine until the second submenu or, better, with IE it works fine
until the first
Hi again,
Sorry here's a url to the page. I could live with it being off in IE as
compared to FF it's not too bad but I want to impress so I'd really like it
to be better. The text is lower down in IE and I've been able to make it go
higher in IE but only to break it in FF. Fixing it in one
Michel Bozgounov wrote:
Sorry, missed one line:
#language a span {position: absolute; top: -px; right: 20px;}
#language a:hover span {position: absolute; top: 50px; right: 0; border: 1px
solid white; text-indent: 0;}
It works when there's text-indent specified (but IE, still doesn't
Hi there,
Sorry if this comes to you twice. Here's the url. The text is lower down in
IE than FF while it's not huge I want to impress so I'd like it to look as
good and professional as possible on as many platforms as possible.
One other thing that's not critical is in Safari the purple
Hi,
I'll prefix my message by noting that I'm very much in the mode of learning
proper, and effective, CSS. And I can use a little help on a layout I'm
building. It's located at
http://www.mediumcool.com/test/layouttest.html.http://www.mediumcool.com/test/layouttest.html
It's based around one of
partially hidden by the masthead image. The flow of the divs seems correct
to me. And the footer element, which is styled in the same manner
as the nav
element, appears correctly below the three-column content area.
I can't figure out why the way the footer and nav areas appear is
different.
Dear All:
It's redesign...or realign time, as Cameron Moll would say.
http://littleandreid.com/ver2/
Thoughts? I compromise on my ideals - it's moving fixed from em-based; I
have provided two fixed-width layouts (Normal and Wide(r)} with a nice
little stylesheet switcher a-la Dan Cederholms'
Alberto Stracuzzi wrote:
Hi everyone.
I combined a css with peterned's csshover.htc (IE 6 doesn't understand
the pseudoclass :hover - http://www.xs4all.nl/~peterned/csshover.html )
You can see my site: http://segramm.dsi.unimi.it
It works fine until the second submenu or, better, with IE it
Here's a quick 'n dirty possibility:
You'll notice that I changed your markup a bit (it was screaming to be put
into a list). Forgive me for pasting all this code here ;]
Tested in: Windows(Firefox 1.5.0.3, IE 6, Netscape 7.1)
style type=text/css
body {font-family:Verdana, Arial, Helvetica,
Hi all.
Which is better... this:
/* Zero-out margins and padding for all elements: */
* { margin: 0; padding: 0; }
Or this:
/* Avove same as saying: */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
I prefer the first,
Definately the first. The second way in which you are doing that is very
tedious and it's really just an unnecessary use of code. The * is a
universal selector and will cancel all those elements, plus any you might
have missed.
__
Alex Robinson wrote:
Yahoo! have been very busy and in addition to updating their ui
widget library, they have now added several bits which should be of
interest to the list.
CSS Grids
http://developer.yahoo.com/yui/grids/
This is how the !DOCTYPE to use is suggested:
!-- layouts
On 5/11/06, Micky Hulse [EMAIL PROTECTED] wrote:
/* Zero-out margins and padding for all elements: */
* { margin: 0; padding: 0; }
I used to advocate this, but have since moved on to my own version of
Faruk's initial.css:
http://kurafire.net/log/archive/2005/07/26/starting-css-revisited
I
On May 11, 2006, at 3:30 PM, Christian Montoya wrote:
As
a result, buttons don't behave like buttons anymore, and so forth. I
never really noticed that, which only goes to show that I'm no longer
used to buttons behaving like buttons. I did some research in this,
and as it turned out, most
From the comments section of that article:
#21 . Faruk Ateş . Sep 7, 2005 (16:18)
Dean,
If you click on a default, square button, it'll invert the bevel and
move the text slightly to make it appear as if you've actually pushed it in,
pushed it deeper. Using the * selector removes that
Shawn Lawler wrote:
Using the * selector removes that functionality, and when
you then click a button, it'll not look as if you're pushing it in.
which isn't as easily fixed as one might think, as some browsers manage
this differently than others. Better to not break this functionality for
Hi.
I have a problem with this simple code.
I see it differently on Ie than on Firefox.
Left-margin seems much higher on Firefox.
Help appreciated.
Thanks.
Michel.
style type=text/css
html {
margin: 0;
padding: 0;
}
#notizie {
background: #CC;
margin: 5px;
padding: 5px;
width: 150px;
}
Richard Gilmore wrote:
I could live with it being off in IE as compared to FF it's not too
bad but I want to impress so I'd really like it to be better. The
text is lower down in IE and I've been able to make it go higher in
IE but only to break it in FF. Fixing it in one browser just
Hello Everyone,
I'm fairly new to CSS and brand new to the list (just joined today). I was
going through a CSS tutorial and came across an subject I'm not sure I fully
understand. ID vs Class.
As I interpret it, a class can only be used within the HTML element it is
linked to (i.e.p
Using the * selector removes that functionality, and when you then
click a button, it'll not look as if you're pushing it in.
which isn't as easily fixed as one might think, as some browsers
manage this differently than others. Better to not break this
functionality for the sake of a few
Here ya go mate:
http://css-discuss.incutio.com/?page=ClassesVsIds
You may want to visit the Wiki before posting a message to the list. It
will likely save you some time ;)
Shawn
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Anthony Papillion
II
ID's must be unique through the html document.
Classes can be reused on serveral tags
// Sebastian
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Anthony
Papillion II
Sent: 11. maj 2006 22:31
To: CSS Discussion List
Subject: [css-d] Question about ID vs
An id can only be used once on a page and is generally used to identify
structural elements ie:
div id=header
whereas a class can be used multiple times ie:
p class=news
ul class=itemlist
...pretty basic stuff, best to get a good css book and study it well.
On 11/05/06, Anthony Papillion II
Hi all! :)
Thanks for the great info. You guys/gals rock!
As always, thanks for sharing your tips, tricks, and techniques - much
appreciated.
Cheers,
Micky
__
css-discuss [EMAIL PROTECTED]
Main reason why I asked was due to Alex Robinson's post on Yahoo UI
widget library... in the reset CSS[1] Yahoo decided not to do the
universal selector...
CSS Grids
http://developer.yahoo.com/yui/grids/
CSS Fonts
http://developer.yahoo.com/yui/fonts/
[1] CSS Reset
Add
[padding-left:0;]
to [#notizie ul] get rid of that extra left spacing in FF.
/*
It looks like you may eventually want to remove the list bullets as well.
If that's the case, add [list-style:none;].
*/
Put it all together and you have this:
#notizie ul {
margin: 0 0 0 8px;
Just wanted to send a big thank you to all who responded to my question. I
understand ID vs Class a LOT better now...
Anthony
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub
Hi again, newbie here.
On this homepage, http://www.lorettosedgwick.org/ it looks fine in all
of the Mac browsers, but IE/Win does it dirty. The navigation bar, just
below and directly centered under the Loretto Sedgwick logo,
disappears.
And on the test page,
Expanding on Tantek's earlier developments,
http://tantek.com/log/2004/09.html#d06t2354
our esteemed list mom writes about this here:
http://www.meyerweb.com/eric/thoughts/2004/09/15/emreallyem-undoing-
htmlcss/
What follows is Tantek's undohtml.css along with a few of my own
additions:
/*
Sweet! Thanks for sharing. :D
Cheers,
Micky
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ --
I thought I had it all down pat after 3 weeks of reading but now not so sure ;)
I've been working on this layout which is basically a two column fixed width
using floats.
http://www.pamshop.com/Template1/exp8.html
Now I'm wondering if I'd be better off using absolute positioning instead.
Mark Fellowes wrote:
http://www.pamshop.com/Template1/exp8.html
Now I'm wondering if I'd be better off using absolute positioning
instead. The thing is I wanted to see what it would look like if I
made content2 760px. It threw the side navigation to the bottom. So
without getting into
Hi all,
I've done a bit of a google - with no luck..so I thought I'd mozie on
over here...
I can't seem to get this rule to work on IE6 or FF;
@import url(fineprint.css) print;
http://www.w3.org/TR/CSS2/cascade.html#at-import
The file and the file location are fine (a standard LINK element
Dave Pierce wrote:
On this homepage, http://www.lorettosedgwick.org/ it looks fine in all
of the Mac browsers, but IE/Win does it dirty. The navigation bar, just
below and directly centered under the Loretto Sedgwick logo,
disappears.
And on the test page,
jack fredricks wrote:
Hi all,
I've done a bit of a google - with no luck..so I thought I'd mozie on
over here...
I can't seem to get this rule to work on IE6 or FF;
@import url(fineprint.css) print;
http://www.w3.org/TR/CSS2/cascade.html#at-import
The file and the file location are
lo,
Had the same issue recently, IE and surprisingly FF don't seem to
support that structure unfortunately, To select media specific css i
used the link element and just a normal @import rule for the main css,
ah well :(
You could always try
@media print { @import
On Thu, 11 May 2006 14:18:05 +0300, Michel Bozgounov wrote:
[code (part)]
#lang a span {position: absolute; top: -px; right: 20px;}
#lang a:hover span {position: absolute; top: 50px; right: 0;}
...
But IE does not display the [SPAN] ... when I
mouseover the words EN / DE. ... What am
49 matches
Mail list logo
