Re: [css-d] Fluid layouts and column background
2011/2/17 Gabriele Romanato gabriele.roman...@gmail.com: I think that this would be a good tutorial for css-d. Maybe we could think to insert it in the wiki section, if not already present: http://onwebdev.blogspot.com/2011/02/css-fluid-layouts-and-column-background.html HTH, especially for beginners. :-) ps. there's no patent on my demos nor license. Everything is public domain. Looks good. I suppose, if you want a reverse layout, you just switch LEFT and RIGHT float. Regards Ib -- Ib K. Jensen - http://ikjensen.me __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Problem With Menu
2009/11/14 Victor Subervi victorsube...@gmail.com: Hi; I've got a css menu here: http://angrynates.com/nrelectric.com/ This works fine in FF but in IE, if you mouseover Services the font turns black and you can't mouseover the dropdown! It disappears before you can get there. What do? Please advise. Start Correcting the 32 HTML errors, I've found validating the page. And look through the Script, running the Menu. There is an error around line 109. -- Regards / Mhv. Ib K. jensen - http://ikjensen.dk __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site check please
2009/5/20 David Laakso da...@chelseacreekstudio.com: Ib Jensen wrote: Dunno, but it may be IE/6 is not honoring the advanced selector for the missing icons-- but does it really matter? Of more importance (?), may be that neither of the more important content images in the right column, reside in their respective containers in IE/6. . Apart from that the Template was _not made_ for IE6, I would like it to behave nice. About the icons, They don't matter, but if they _could_ be shown And, if push came shove, I'd consider setting a fixed width of 990px on the page outermost wrapper for IE/6.0 (only). This will prevent the float drop in narrow windows, in IE/6. And, it will resolve that IE/6 does not support min/max width. That should then be in a CC in the header or in a ie.css ? I do not know, as well, why you need be particularly concerned with the zoom toy in IE. Unless you are willing to start from scratch with a different layout concept, it may be beneficial to accept IE's zoom toy for what it is: *page zoom. * I was just testing how it behaved in a large size, but should problably instead have used browsershot.com? to test it in. -- Regards / Mhv. Ib K. jensen - http://ikjensen.dk __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site check please
2009/5/20 David Laakso da...@chelseacreekstudio.com:
Ib Jensen wrote:
2009/5/20 David Laakso da...@chelseacreekstudio.com:
Ib Jensen wrote:
This star html hack will set the fixed width for IE/6. Leave it in the CSS
file. Or, if you prefer, put it in an IE/6 conditional comment. It will
work either way.
* html div#side {width:990px;} /* for IE/6 */
The division ( .manchet ) in the right column that has the float right
images needs to be cleared for IE/6. Add this to the style sheet to do that
(this will not adversely effect other browsers, so no need to put it in a
CC):
.manchet:after
{
content: '.';
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.manchet {
display: inline-block;
}
Thank you, I will use it.
IE/6 does not support this css selector:
a[href^=mailto:;] {background-image:url(email000.png);}
IE/8, and IE/7, do support it and show your icons.
If it is necessary to have those two icons in IE/6 you'll need to feed them
to it with a simple selector. Seems more trouble than it is worth (to me)
for a browsers that is on death row. But it is your call...
No need for them in IE6.
I was just hoping :(
A static screen capture from browsershot will not show how the fonts scale.
IETester only enables page zoom, not font-scaling. To test the IEs for
font-scaling on a native box or the standalone versions
http://tredosoft.com/IE7_standalone.
In IE/6 it is: viewtext sizelargest. In IE 7/8 it is: pagetext
sizelargest
Thanks for this information
I know that anything you put on a webpage is sometimes shown
differently in any browser. And even more differently if the user are
using a homemade configuration of the browser
To Val Dobson
Thanks for the correction.
--
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Site check please
Hi Link: http://ikjensen.dk Tested locally in FF 3.0.10 - IE 6/78 (IETester 0.3.3) Locally known issues: IE6 dont show my link-icons IE7 - 8 behave rather ok. As FF3. At 190% Page- or Text-zoom?: IE6: Arghhh The template _are_ not made for IE6! IE7: Page got a horizontal scroll-bar, and continues out of the viewport. IE8: Page continues out of the viewport, but no horizontal scroll-bar. -- Regards / Mhv. Ib K. jensen - http://ikjensen.dk __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Site check please
Hi Link: http://ikjensen.dk Tested locally in FF 3.0.10 - IE 6/78 (IETester 0.3.3) Locally known issues: IE6 dont show my link-icons IE7 - 8 behave rather ok. As FF3. At 190% Page- or Text-zoom: IE6: Ahhh The template not made for IE6! IE7: Page got a horizontal scroll-bar, and continues out of the viewport. IE8: Page continues out of the viewport, but no horizontal scroll-bar. -- Regards / Mhv. Ib K. jensen - http://ikjensen.dk __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE 8
2009/5/11 david gn...@hawaii.rr.com: Divya Manian wrote: I have also experienced MultipleIEs have issues with javascript (sometimes CSS). Plus it doesn't work as expected when u install IE 8. I am still looking for a good solution to test IE 6/7/8 in one machine, no luck so far. Linux with VirtualBox and 3 different Windows VM's works. A new toy has been discovered for Win-machines: IETester http://www.my-debugbar.com/ietester/index_all.php Shows your page in IE 5.5, 6, 7, 8. IE8 only showing, if IE7 is installed. I don't know if it's having any issues with javascript ? -- Regards / Mhv. Ib K. jensen - http://ikjensen.dk __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] page review
2009/4/19 David Laakso da...@chelseacreekstudio.com: Comments and suggestions appreciated. http://chelseacreekstudio.com/ca/cssd/op8/index.html Well, I got an 404 Local time : 9.05 Denmark -- Regards / Mhv. Ib K. jensen - http://ikjensen.dk __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] tabled thumbnail gallery to css?
2009/3/25 bill scheider b...@first-encounter-design.com: Ib, That looks pretty awesome. Don't know if it'll be any use for this project (I'll look more deeply later) but I've definitely bookmarked it for the future. Great resource. Thanks Bill My own site is build on YAML. With some external borrowing from other sites, mainly the menus. Have a look, but just look at the layout / design, because you problably don't understand or can read the content. Link : http://ikjensen.dk -- Regards / Mhv. Ib K. jensen - http://ikjensen.dk __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] tabled thumbnail gallery to css?
2009/3/23 bill scheider b...@first-encounter-design.com: Hi all I'd like to re-code that page in css rather than a table. For one thing it'd be lots easier to retain the alphabetical order when adding or removing a new artist. The current code is certainly a mess and could certainly benefit from a cleansing:-) I don't know if this can be of any help. But have a look at YAML (http://yaml.de) where you can divide the page in four columns (max.). And if I read it correct the columns can be made equal height. -- Regards / Mhv. Ib K. jensen - http://ikjensen.dk __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Size calculations
2009/3/16 Gunlaug Sørtun gunla...@c2i.net: Ib Jensen wrote: Think I got the above about right. Hard to compress a thousand choices into a mail. Thank you very much for the explanation. I must invite my self for a long weekend, for a little chit-chat about developing sites. ;-) -- Regards / Mhv. Ib K. jensen - http://ikjensen.dk __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] WAS : Size calculations
Following a suggestion to a layout I had this result in : Firefox 3.0 : http://ikjensen.dk/test/capture_ff.jpg IE 6.02 http/ikjensen.dk/test/capture_ie.jpg The interval between the pictures are about 2 min. Changing from FF to IE The HTML and css : http/ikjensen.dk/test/ Where is IE hiding the text ?? -- Regards / Mhv. Ib K. jensen - http://ikjensen.dk __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] WAS : Size calculations
2009/3/16 Gunlaug Sørtun gunla...@c2i.net:
Ib Jensen wrote:
http:/ikjensen.dk/test/
Where is IE hiding the text ??
Stacked behind the page-background.
Add...
#menu-frame {position: relative;}
...to bring it up front.
Thanks.
And changing em to % is a good idea ??
--
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Size calculations
Hi. I'm looking for some kind of formular to calculate sizes. This is a hypotetical question: I want a 2 column design with header and footer, a left nav- and info-column, and a right content-column. Centered. Lets say the size are: Header and footer : 90% These two columns together: 80% Left column: 20-25% Content column : 80-75% How do I change these measurements to: em -- Regards / Mhv. Ib K. jensen - http://ikjensen.dk __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Size calculations
2009/3/15 Bill Brown macnim...@gmail.com:
Bill Brown wrote:
/* FLOAT BEHAVIOR SWITCH FOR IE */
#page-panel { display: inline-block; }
#page-panel { display: block; }
I lied: remove the position:relative from that last block. That's an
artifact from another template. Sorry.
It should be as corrected above your lie ;-)
I'll try it out, and se how it looks, and I, maybe be back !
--
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Size calculations
2009/3/15 Gunlaug Sørtun gunla...@c2i.net: Ib Jensen wrote: How do I change these measurements to: em What are those hypothetical '%' you want to convert to hypothetical 'em', relative to? That is: what is your hypothetical 100% starting-width? You can't convert anything to 'em' without having an absolute starting point. The template should fill a total of 90% of the viewport / screen. I want the header and footer in the template to fill 90% of the viewport / screen. The left- and content-column in the template should only fill 80% of the viewport / screen. I don't know if this clears something. -- Regards / Mhv. Ib K. jensen - http://ikjensen.dk __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Size calculations
2009/3/15 Gunlaug Sørtun gunla...@c2i.net: Ib Jensen wrote: My viewport / screen is 3840pixel wide on one machine, but it is 1280pixel wide on another machine and 1440pixel wide on yet another. Kind a the same problem here: I'm developing on a 19 widescreen, resolution unknown for the moment. I'm writing this, looking for tips and tricks and seing my own and other sites on a 22 widescreen. You have to decide if the 100% starting-width is 800, 1024, 1280, 1600pixel or something else, since you can't convert percentages into 'em' directly for anything but font-size and line-height. Now you are forcing me do something quit new to me, taking descissions. Problably because I want to much at the same time. But I assume that the mostly used monitor-size is either a 17 or 19 screen, then it should be something around 800 or 1024px. If your 100% starting-width is 800pixel, then 800/16='em' will hit right as long as we're dealing with the default font-size for 96dpi. If browsers correct correctly for resolution, then it'll still be correct (in a manner of speaking) for other resolutions. Problem is: browsers are not very good at the various resolution game yet, so you may get more than one actual width as result on higher resolutions - depending on browser. Hope that came through a bit clearer. I think. That means roughly, that a developer should have at least three screens with different resolutions and X number of browsers installed, on different systems, to in fact have a chance to guess which size of units to use. -- Regards / Mhv. Ib K. jensen - http://ikjensen.dk __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Size calculations
2009/3/15 Bill Brown macnim...@gmail.com:
Ib Jensen wrote:
If you don't care about IE, or you're not using full-height column
backgrounds, you can get away with this:
I do care about IE ( a lot of faul words ), to a certain limit IE6 and up.
And wish to use full-height columns without graphics, just colors.
#page-frame,#core-panel
{width:90%;margin:0 auto}
Now I've had to calculate the other way round. From % to em. ;-)
/* Faking display:table-cell for IE as best we can */
#menu,#main
{display:inline-block!ie}
#menu,#main
{display:inline!ie}
Is this a way of making a kind of table-layout ??
Hope it helps.
--Bill
At least I have something to play with.
Just got finished with your first suggestion.
It showed me that % and em, are two very diiferent units to play with.
I've had to recalculate the meassures, to something smaller. So it
could fit on _my_ screen, but the original meassures will problably
show up differently on another screen.
--
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Size calculations
2009/3/15 Gunlaug Sørtun gunla...@c2i.net: Ib Jensen wrote: First: get the terms, and sizes, right. Resolution is somewhere between 72 and 300dpi and most viewports/screens are between 640 and 3600px wide. Resolution vs pixel-width affect actual screen size, so a 2400px wide screen with 220dpi resolution (not many of those around, but they're coming) will be physically quite small in size. So, forget about 15, 17, 19 and so on for screens. A screen is so and so many screen-pixels wide and tall, regardless of its actual size. Uuuups. Something that I have completely misunderstood. Thats problably why I sometimes have problems getting the right size of the layout i working with locally. 'em' is locked to font-size, so 'em' is in most cases only useful for setting limits - min-width and/or max-width, and those limits should be quite generous. 'px' is also locked, so they're also most useful for setting generous limits. By this, you mean that, how should I write it: A fluid / Elacstic layout: The skeleton of a layout in % Font-size in % or em A fixed layout: The skeleton of a layout in em or px Font-size in em or px -- Regards / Mhv. Ib K. jensen - http://ikjensen.dk __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Was : Size calculations
Hi A little layout issue. Link : http://ikjensen.dk/test/ Pictures: Link : http://ikjensen.dk/test/capture_ff.jpg Link : http://ikjensen.dk/test/capture_ie.jpg I tryed a layout suggestion mentioned in the thread: Size calculations. But had this weird layout issue on my screen, as seen on the pictures. -- Regards / Mhv. Ib K. jensen - http://ikjensen.dk __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Shorten width
2009/3/10 trevor bayliss bayliss_tre...@yahoo.com: Hi all the green background on the right hand head is too wide as shown in this image: www.copywritecolombia.com/ie.gif The page is: http://www.copywritecolombia.com/test.php How can I make the green header on the right box less wide? Also how can I make the height of the left box the same as the right? Thank you Validation of the page says 6 errors and 2 warnings. At the end of this line: span class=commonTexttext You have a /div with no start div Maybe you'll find some more _yourself_ by validating the page. -- Regards / Mhv. Ib K. jensen - http://ikjensen.dk __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE Floating problem
2009/3/7 Alan Gresley a...@css-class.com:
Alan Gresley wrote:
Ib Jensen wrote:
Link: http://ikjensen.dk/test/ (repaired)
I forgot to mention about the float drop in IE6 due to it's quirky handling
of percentages. The fix is changing the width.
.subcolumns {
width: 99%; /* Change to keep IE6 happy */
overflow:hidden;
}
Link: http://ikjensen.dk/test/
Thanks to all.
As mentioned earlier adding : height: 1% to #center solved the problem.
When I added it directly to default.css. Instead of making a CC.
Adding : margin-top: 1em to #content, might solve the problem with the sidebar.
--
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE Floating problem
2009/3/7 Ib Jensen ibkjen...@gmail.com:
2009/3/7 Alan Gresley a...@css-class.com:
Alan Gresley wrote:
Ib Jensen wrote:
.subcolumns { width: 99%; /* Change to keep IE6 happy */ overflow:hidden;
}
This wasn't nescessary to adjust, ( I think ). But always nice to know.
Link: http://ikjensen.dk/test/
Thanks to all.
As mentioned earlier adding : height: 1% to #center solved the problem.
When I added it directly to default.css. Instead of making a CC.
Adding : margin-top: 1em to #content, might solve the problem with the
sidebar.
Adding this last solution solved the problem, Almost.
Maybe fidling with the margin-top, will solve the differences in
height, between sidebar and content. In IE6 ?
--
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE Floating problem
Link: http://ikjensen/test/ Having a minor / major problem with this layout and IE6. The content area starts below the Sidebar. Which bug have I found here ? In FF3.0 it shows perfect. -- Regards / Mhv. Ib K. jensen - http://ikjensen.dk __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Problem with extra white space appearing
2009/3/3 Joe Polk josephp...@gmail.com: Thanks in advance for your consideration and help regarding this issue. I helped my client purchase and implement a web site template for their new business. Unfortunately, there is a problem with part of the CSS which pushes out the content area of the site past the width that it is supposed to go. The web site is under development at http://www159.pair.com/ngllc/ Try validating the page. My Tidy says: Result: 0 errorsl / 14 advarsler = Warnings line 17 column 56 - Advarsel: img element not empty or not closed line 44 column 1 - Advarsel: br element not empty or not closed line 44 column 5 - Advarsel: br element not empty or not closed line 46 column 1 - Advarsel: br element not empty or not closed line 46 column 5 - Advarsel: br element not empty or not closed line 49 column 34 - Advarsel: a unexpected or duplicate quote mark line 64 column 17 - Advarsel: br element not empty or not closed line 76 column 18 - Advarsel: br element not empty or not closed line 78 column 17 - Advarsel: discarding unexpected /ul line 90 column 17 - Advarsel: br element not empty or not closed line 107 column 59 - Advarsel: br element not empty or not closed line 107 column 118 - Advarsel: br element not empty or not closed line 108 column 67 - Advarsel: br element not empty or not closed line 48 column 15 - Advarsel: trimming empty p Info: Doctype given is -//W3C//DTD XHTML 1.0 Strict//EN Info: Document content looks like XHTML 1.0 Transitional -- Regards / Mhv. Ib K. jensen - http://ikjensen.dk __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] What's IE6 doing
Hi. Link: http://ikjensen.dk/test/common/index_f.html Why are IE6 behaving like this, forming a staircase (at least locally) out of this. Mising some clearing or .. -- Regards / Mhv. Ib K. jensen - http://ikjensen.dk __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] What's IE6 doing
2009/2/26 David Laakso da...@chelseacreekstudio.com: Ib Jensen wrote: BTW. Are there any links to descriptions of the bugs found in IE, with some sort of explanation and solutions to them. I know (Big) John has some, but are there others ? Some more... http://www.satzansatz.de/css.html http://www.satzansatz.de/cssd/onhavinglayout.html Thanks to both for the information. There is problably more out there in cyperspace, just have to find them. -- Regards / Mhv. Ib K. jensen - http://ikjensen.dk __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Script and css problem 2
I think I've solved the Font-sizing problem. But still having some problem with some Negative margins and maybe some other things that I've not yet have discovered -- Regards / Mhv. Ib K. jensen - http://ikjensen.dk __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Script and css problem 2
2009/2/20 Ib Jensen ibkjen...@gmail.com: I think I've solved the Font-sizing problem. But still having some problem with some Negative margins and maybe some other things that I've not yet have discovered Forgot the link: http://ikjensen.dk -- Regards / Mhv. Ib K. jensen - http://ikjensen.dk __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Script and css problem 2
2009/2/20 David Laakso da...@chelseacreekstudio.com: Ib Jensen wrote: Are you and me writing about the same thing: Looks much better. I was on the wrong page. Only your signature link was on your post to css-d. Then you problably missed the second post, where the link was. I won't comment on what you wrote about some time ago about your vision ;-) -- Regards / Mhv. Ib K. jensen - http://ikjensen.dk __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Script and css problem 2
2009/2/20 David Laakso da...@chelseacreekstudio.com: Ib Jensen wrote: What browsers seem to be giving you difficulty with margins? And a Display markup in some CC, problably in the .js-file. Webdeveloper in FF 2.x and 3.x aside; might be best to keep this thread on css-d, rather than list jumping... OK, by me It started with a Script-problem whitch I belived wasn't a subject here, thats why i wrote in the other list. -- Regards / Mhv. Ib K. jensen - http://ikjensen.dk __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Font-color issue
2009/2/15, Jørgen Farum Jensen webmas...@webdesign101.dk: Ib Jensen skrev: I do, too, and have written a couple of well thought of books about it in your native language, ref. my signature. Includes lots of well documented templates and explanations of the whys and wherefores. A whole chapter on best practice typography as regards web pages. I have one of your books, but not the one about css. I should problably look for it in some bookstore, together with the 2. edition of your book about (x)HTML. -- Regards / Mhv. Ib K. jensen - http://ikjensen.dk __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Font-color issue
2009/2/13, Gunlaug Sørtun gunla...@c2i.net: Ib Jensen wrote: As for most (if not all) CSS based templates: markup and CSS are integrated, so from scratch will probably ruin the template and all you like about it. I have been doing that before, because I've normally remove any graphic used in an template to see whats it looks like, without graphic in html and css, and changing the css part to suit my whishes. With or without any luck. Suggestion: Find out what you like about the template and keep all styles for that. Remove/replace the styles that don't work so well for you now. This means going through the template CSS line for line, while keeping a copy of the original CSS as backup in case you lose track of changes. Thats what I meant to do, going back to the original stylesheet(s) thats more or less followed whith the template. It's from a book : Modernes Webdesign, by Manuela Hoffmann, http://pixelgraphix.de She should know something about it . -- Regards / Mhv. Ib K. jensen - http://ikjensen.dk __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Font-color issue
2009/2/13, David Hucklesby davidh...@writeme.com: On Thu, 12 Feb 2009 22:41:38 +0100, Els wrote: Ib Jensen wrote: It's not the colour, it's the size. Up the size a bit, and the blur will disappear. If you look at the body text, that's also smaller in IE than in FF. ~ To add to Els's suggestion, I find that these percentages work best cross-browser: 69%, 75%, 82%, 94% ... with a base font-size of 100%. You may like to reconsider your base font-size of 75%, and your mix of EM and pixel font-sizes - http://www.gunlaug.no/contents/wd_1_03_04.html BTW - the horizontal menu / sitemap does not show up in IE 8 rc 1 - the developer tools suggests it is hiding under the H1 on the left, and the first H2 on the right. The tool also says that the document is in quirks mode!??? A quirk of the tool, perhaps? To the last : The sitemap is shown perfect by IE6.02 locally and I think in IE7.x too. So, I can't check it in IE8.x, so it must be The Font-size are a suggestion from a book written by a Designer ... The address is in my post to Gunlaug. But anyway, I'm totally rewriting the page, so there will problably be some other questions to answer. Thanks to all for your solutions, I'll problably get back to them some other time. -- Regards / Mhv. Ib K. jensen - http://ikjensen.dk __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Font-color issue
Hi Link: http://ikjensen.dk/test/ In the bottom right corner I've have a Note-box. In IE6.x I can only see the headline ok, the rest of the text is blurred. The headline and text looks ok in FF 2.x, OP 9.5 and Safari 3.x. I've tried to change colors, without any result. -- Regards / Mhv. Ib K. jensen - http://ikjensen.dk __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Font-color issue
2009/2/12, Els el...@tiscali.nl:
Els wrote:
Ib Jensen wrote:
Link: http://ikjensen.dk/test/
It's not the colour, it's the size. Up the size a bit, and the blur
will disappear. If you look at the body text, that's also smaller in
IE than in FF.
Just noticed you have this in your layout.css stylesheet:
html body{font-size:12px;}
IE6 doesn't pick that up, and it makes all the difference. If you take
that line out, FF also makes the text smaller and blurs that bit under
'Note'.
I'd take that line out, and up the main text from 80% to 100% in your
basis.css stylesheet.
Shouldn't bee 100.01% or 100.1%, as many suggests in favor of rounding errors ?
--
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Font-color issue
2009/2/13, Gunlaug Sørtun gunla...@c2i.net: Ib Jensen wrote: Guess it was such cases Microsoft had in mind when they added ignore font size in web pages as an option in IE - a long time ago, while other browsers introduced minimum font size to counteract mouse-type. All you achieve by using such small text is that many visitors either can't read your words of wisdom, or have to override your font size in order to read it. FYI: I apply minimum font size = 14px to all web pages, and if the choice of font-family causes problems I change that to 16px - on 96dpi screens. Since you also have an em-sized layout I also find it necessary to apply fit to width to your page to make it stay within the browser window, so I don't have to deal with long text lines and horizontal scrollbars. The information on your pages is too interesting to be left unreadable, and Danish isn't a problem at my end ;-) Something tells me that, instead of trying to modyfie some templates, I'll should try to build at least the css-part up from scratch, maybe keeping some of it, using this template from Manuela Hoffmann, which I kind of like. -- Regards / Mhv. Ib K. jensen - http://ikjensen.dk __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] One Bug catched
or more Hi Link: http://ikjensen.dk/test/ I've catched some kind of bug here. The most important is in the Content-area, where IE 6.x are placing the text at about the top of the second picture, (Some float-bug ?) and FF2.x are placing the text at the top of the first picture. The second is in the header. Where there are some differences between FF2.x and IE6.x in measuring the height of the Header. (Problably some float-bug too ?) -- Regards / Mhv. Ib K. jensen - http://ikjensen.dk __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] One Bug catched
The Validator don't like my menu very much. But i'll have a look at it and see what to be done. -- Regards / Mhv. Ib K. jensen - http://ikjensen.dk __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] One Bug catched
2009/2/10, Ian Young i...@iyesolutions.co.uk: -Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d- boun...@lists.css-discuss.org] On Behalf Of Ib Jensen Sent: 10 February 2009 22:46 To: David Laakso Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] One Bug catched Looks pretty straight forward. On line 232 you have missed an end tag for the list. Although the validator has come up with 20 errors, they are all connected with that one error. Ironically it is the link to gunlag! lia href=http://www.gunlaug.no/contents/toc_7a.html;gunlaug/a Cheers Ian I think Gunlaug has something to say / write about that. I've missed two /li, and that gave 20 errors. They are fixed now and the page validates. -- Regards / Mhv. Ib K. jensen - http://ikjensen.dk __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] css question
The below css is ripped from another thread
#sidebar {position: relative;}
#sidebar {position: relative}
Are both of these writings correct, or are there any differencies in
which version of ccs you are using in connection to (x)HTML.
--
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] One Bug catched
2009/2/11, Gunlaug Sørtun gunla...@c2i.net:
Ib Jensen wrote:
Ironically it is the link to gunlag!
I think Gunlaug has something to say / write about that.
Not a CSS problem - and it's fixed now ;-)
Phwww, no slapping :-]
The most important is in the Content-area, where IE 6.x are placing
the text at about the top of the second picture, (Some float-bug ?)
One of IE's old float/clear bugs.
guessed right, this time ;-]
The addition of...
.elastisches-bild { clear: left;}
...will make IE6, and also IE7 since it has the same bug, behave as you
intended.
Thanks
Is it the same bug in the Header or another ?
--
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] problem with nav bar
2009/1/26 David Laakso da...@chelseacreekstudio.com: Kim Walta wrote: Hi! This is my first time submitting a questions here. http://libraries.slu.edu/liaisons/kwalta/referencelib/reflib.html Here is my css http://libraries.slu.edu/liaisons/kwalta/referencelib/reflib.css Just a note from a Non-expert: Looking at your page with HTML Validator, a FF plug-in, I've got about 30 warnings. I don't know how serius this warnings are These warnings starts about line 170 But a hr inline style, not in the .css ? -- Regards / Mhv. Ib K. jensen - http://ikjensen.dk __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Footer Issues
2009/1/23 sta...@aol.com: Hi - I'm trying to do a very simple CSS site, but when checking my site in IE 7, my navigation is missing. It's showing in all other browsers except for IE. When I look at your page in FF and test it with a plug-in called Tidy. Who is showing 8 warnings: Line 4 - 8 meta element not closed, maybe not important, but Line 11 link not closed Line 16 empty span , emty h2 Maybe it's line 16, causing the your trouble. Maybe the experts have another view ;) -- Regards / Mhv. Ib K. jensen - http://ikjensen.dk __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Background Image
2009/1/23 Matthew Stoneback matthewstoneb...@gmail.com: Have a quick question that I am sure someone can help with in short order I am starting to go to production on a new site and I cannot seem to get a background image to function properly on the id content. To my surprise the page views correctly in IE but not in Firefox! What am I missing? I am guessing it is something simple I am overlooking from staring at the code too long. Why do you have an emty divmain in your divcontent. If it's not holding your picture ? And a emty h3 in your sidebar, hiding something or ? -- Regards / Mhv. Ib K. jensen - http://ikjensen.dk __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Footer-problem
2009/1/22 Gunlaug Sørtun gunla...@c2i.net: Ib Jensen wrote: Link : http://ikjensen.dk/test/common/blank.html The auto-expansion bug in IE6 and older. Well, then I hope that I somehow can get FF to look like IE in this situation. Because IE is showing the Footer as I want it to look. The difference is that good browsers will auto-expand the footer because they're told to do so, and not because they're buggy. Considering that FF, belongs to the better part of the browsers, I've would have expected that FF had shown it more correctly than IE in this case. But, I'm still learning something new about browser behaviors every day. Thanks for your hints and solution -- Regards / Mhv. Ib K. jensen - http://ikjensen.dk __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Footer-problem
2009/1/22 Bobby Jack and Gunlaug: --- On Thu, 1/22/09, Ib Jensen ibkjen...@gmail.com wrote: It does! You have 'height : 100px;' on your footer, and all browsers but IE6 and older honor that height - which is too short for the footer's content. The result is correct and looks interesting, but wasn't quite what you wanted, it seems Your correct, I'm wrong :[ I've set a heigth that was to low for the content in the footer, thats clear for me now, after thinking about what the pictures shows. If you wrote a web page containing nothing but hello, world and IE displayed a 3-dimensional view of the Sistine Chapel, that wouldn't be correct behaviour, even if it were beautiful and exactly what you wanted! :) This could be a very interesting thing to a competition about writing something, and get it to look like something else. But off course your right, behaviour and what I want is two different things. But sometimes I whish they were the same. -- Regards / Mhv. Ib K. jensen - http://ikjensen.dk __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Footer-problem
Link : http://ikjensen.dk/test/common/blank.html The page in FF http://ikjensen.dk/test/wsimage/ff.jpg The page in IE http://ikjensen.dk/test/wsimage/ie.jpg Whats going on here ??? -- Regards / Mhv. Ib K. jensen - http://ikjensen.dk __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Footer-problem
2009/1/21 Gunlaug Sørtun gunla...@c2i.net: Ib Jensen wrote: Link : http://ikjensen.dk/test/common/blank.html The page in FF http://ikjensen.dk/test/wsimage/ff.jpg The page in IE http://ikjensen.dk/test/wsimage/ie.jpg Whats going on here ??? The auto-expansion bug in IE6 and older. IE6 doesn't respect declared dimensions, and treats all elements as if they were expandable table-cells. Well, then I hope that I somehow can get FF to look like IE in this situation. Because IE is showing the Footer as I want it to look. Or, should I think in a different direction, and get it to look like FF, with some height-declarations ? -- Regards / Mhv. Ib K. jensen - http://ikjensen.dk __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] two column data
14. jan. 2009 18.05 skrev James E. Darfler jim_darf...@wideopenwest.com: The web page is at: http://www.wayneactorscommunitytheatre.org/archive/joseph/bios/actors_bios.h tml The css pages are at: http://www.wayneactorscommunitytheatre/css I'm absolutely no expert in this matter, but have you tried to give your div's some css, something like float:left and float:right? And I've never seen divs placed in a table before, but if's validating I've learnt something new. -- Regards / Mhv. Ib K. jensen - http://ikjensen.dk __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Think I worked out the bugs
2009/1/14 John Shepard j...@unitedmontessori.com: Thanks much to Kate, Gunlaug and Bill for their help on http://earthpedal.com. A work in progress. I don't know if it's just me. But could you consider changing the :hoover color to something different. I'm just seing a White line, in FF3, when I'm looking / pointing at it. And a larger font-size in the Footer, please. -- Regards / Mhv. Ib K. jensen - http://ikjensen.dk __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Layout-problem
2009/1/9 Holly Bergevin ho...@communitymx.com: From: Ib Jensen ibkjen...@gmail.com Link : url: http://ikjensen.dk/test/ Second problem. The menu in the left sidebar works ok on the Index-page, but not on a second page. Menu : Genealogy - Kings of Denmark Can you explain what you mean when you say it doesn't work? I see hover effects, and if you click on a menu item, the page responds (by taking you to a non-existent page). I just checked the page. From the Index-page to the Page : Kings of Denmark Top-nav : Genealogy - Kings of Denmark, the only working link on the index-page, besides the Link menu-entry. On the Kings of Denmark-page, I've got a menu on the right side, The purble one, i've have some bullets on the left side, which don't show up on the left menu. At least in my FF3. The only working link on this page is : Home If this is what you mean by not working, then the problem is in your HTML with the paths for the links. On the index page, they go back up a level (out of the test folder), but on the second page, they don't make it out of the test folder, so the browser shows a page not found. I can't explain it better, as when I'm looking at it, it shows some problem with the menu. -- Regards / Mhv. Ib K. jensen - http://ikjensen.dk __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Layout-problem
Hi, it's me again ;-) Link : url: http://ikjensen.dk/test/ Having a major problem with this layout. Strangely, In IE 6, it shows almost as I wanted it to look like. In FF2, it doesn't. Second problem. The menu in the left sidebar works ok on the Index-page, but not on a second page. Menu : Genealogy - Kings of Denmark Same Structure and css. All tested locally. PS! Don't care about the colors. -- Regards / Mhv. Ib K. jensen __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Layout-problem
2009/1/8 David Laakso da...@chelseacreekstudio.com:
Ib Jensen wrote:
Name of the game: Code to Opera -- FF, Safari, and Camino will follow
suit. Fix IE.
#container {padding-top: 1px;}-- fix 4 collapsing margins
.head h1{font-size:250%; margin: 40px 0 10px 0;padding: 0;
color:#fff;font-weight:normal;}
.head h2{font-size:180%; margin:0;color:#fff;font-weight:normal;}
.head {min-height: 150px;}
* html .head {height: 150px;}-- 4 IE/6
div.note {background:fuchsia/*4 position only*/; overflow: hidden;}
I'll try this
Could not find menu second page.
Try in the Top-menu-bar = first menu-point = Genealogy, Menu-point =
Kings of Denmark.
On this page : The menu in the right side.
--
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Menu-issue
2008/12/28 Al Sparber aspar...@roadrunner.com: From: Ib Jensen ibkjen...@gmail.com 2008/12/28 David ker...@abbottdavid.com: You would be better off with a nice single-level CSS menu across the top with sidebar context menus. You mean, just a single-level drop-down menu. And sub-menus in the sidebar. As the one in : ikjensen.dk The menu you have is extremely unusable - even in the browsers in which it works. For that type of menu you really should be using a scripted one. Any suggestions in this direction. -- Regards / Mhv. Ib K. jensen __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Menu-issue
2008/12/29 Any suggestions in this direction. UDM: http://www.udm4.com/ PMM2: http://www.projectseven.com/products/menusystems/pmm2/ * Yahoo! User Interface menu: http://developer.yahoo.com/yui/menu/ Thanks to both of you for these links. The only problem are, I don't have Dreamweaver or anything like. So it must bee something like the Yahoo-thing, maybe. -- Regards / Mhv. Ib K. jensen __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Menu-issue
Link : ikjensen.dk/test/ Wanted: Top-nav : Moving the second sublevel to about 5px below Top-nav. So there will be a small white border at the top. There are only Sublevels in the First menuentry. Last four. Do I have to write a class or something to get the position or . PS! Walidating the template says a lot of errors. Is't because of the Menu-structure or just bad coding. -- Regards / Mhv. Ib K. jensen __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Menu-issue
2008/12/28 Benjamin Hawkes-Lewis bhawkesle...@googlemail.com: On 28/12/08 16:58, Ib Jensen wrote: You can use descendant selectors to target lists that are descendants of other lists: http://css.maxdesign.com.au/selectutorial/selectors_descendant.htm That's likely all you need here. Verbose validator output: http://tinyurl.com/97gl83 Bad coding, mostly reflecting a failure to always open and close tags are required in XHTML: http://www.w3.org/TR/xhtml1/#h-4.3 (Note also: http://www.w3.org/TR/xhtml1/#C_2 if you try to fix this.) I'd recommend removing errors from your HTML layer before making any further CSS changes. If I can't get this working, I'll find another menu-solution. Thanks for the links. -- Regards / Mhv. Ib K. jensen __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Menu-issue
2008/12/28 Benjamin Hawkes-Lewis bhawkesle...@googlemail.com: On 28/12/08 16:58, Ib Jensen wrote: I'd recommend removing errors from your HTML layer before making any further CSS changes. Done ! And (x)HTML and CSS are validating perfectly now. Now I'm just going to find out how to adjust the menu. -- Regards / Mhv. Ib K. jensen __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Menu-issue
2008/12/28 David ker...@abbottdavid.com:
Ib Jensen wrote:
I got it to validate if it helps any :)
http://dwabbott.com/iktest.html
-david
Me too.
I don't know if you read my answer to Benjamin Hawkes-Lewis.
Now, only the Menu-issue is left back. ;-{
--
Regards / Mhv.
Ib K. jensen
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Menu-problem in IE6
Hi Link: ikjensen.dk/test/ I'm working on a new design. And naturally having an IE6 problem. The css in the menu are the same, except the Fly-outs are floated Right and Left. The problem is the Left side, where IE is placing a extra line, below the Sub-menu. Any hints ?? PS! Any hints on : Downsizing a picture nicely. The two pictures in the Content-area, in fact. -- Regards / Mhv. Ib K. jensen __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Menu-problem IE6
Hi Link: ikjensen.dk/test/ I'm working on a new design. And naturally having an IE6 problem. The css in the menu are the same, except the Fly-outs are floated Right and Left. The problem is the Left side, where IE is placing a extra line, below the Sub-menu. In Firefox 2.x, it works. Any hints ?? PS! Any hints on : Downsizing a picture nicely. The two pictures in the Content-area, in fact. -- Regards / Mhv. Ib K. jensen __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Menu-problem IE6
2008/12/23 Gunlaug Sørtun gunla...@c2i.net:
Ib Jensen wrote:
Any hints ??
Same 'hasLayout' trigger on anchors as before, but with the necessary
selector-addition to target the left menu also...
#menu ul li a, #menu_l ul li a {height: 1%;}
PS! Any hints on : Downsizing a picture nicely. The two pictures in
the Content-area, in fact.
#center img {max-width: 90%; height: auto; width: auto;}
...will let those images stay at intrinsic size when there's enough
space, and scale down when necessary.
Doesn't work in IE6 and older - need separate styles, but all somewhat
new browsers will handle such scaling reasonably well.
Thanks for your explaning answer.
I need to _get / buy_ some very explaning books on CSS!
--
Regards / Mhv.
Ib K. jensen
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Menu-problem IE6
2008/12/23 Gunlaug Sørtun gunla...@c2i.net: Ib Jensen wrote: ...and a read-up on CSS standards... http://www.w3.org/Style/CSS/ That should lead to improved control over web design and browsers in no time - once you have practiced a bit. I think I'm practicing all the time, but I'm hopefully learning something, sometime ;-) ...but once you're able to sort software-bugs from the more ordinary designer-bugs it won't be too hard :-) That'll problably take some time :-( Anyway, Thanks for the hints Glae(æ)delig jul og Godt Nytaa(å)r -- Regards / Mhv. Ib K. jensen __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Vertical menu, Thanks
Thanks to Alan and Tedd for the help I solved the problem, by looking at the source. I've had the source-code printed to a PDF-file, and then copy - pasted the source-code to a real file. But some non-wanted text, had mixed in, and when I deleted this it solved my problem. So, be careful when you make a copy - paste !!! -- Regards / Mhv. Ib K. jensen __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Vertical menu
Hi I'm sorry for my english writing. I'm developing a site on a local computer. And found the menu i wanted here: sperling.com/examples/menuv/ But i can't get it to work in IE6 properly. The first menupoint is working ok, but the submenus are gone to cyperspace. In Opera 9 and Firefox 2, it works perfect. Not tested with Safari and other browsers yet. Having any solutions second ? : At the moment the menu is popping out from left to right. Is it possibly to make it pop out from right to left ? third ? : Is it possibly to make the menu stay in the same column. So the submenus is covering the main menu. Hope you understand my questions. -- Regards / Mhv. Ib K. jensen __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
