Re: [WSG] javascript problem with pop-up on hyperlink click (IE6 displays an error, FF, Opera work fine)
guys, thanks a lot for helping out :^) -- Thorsten ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] javascript problem with pop-up on hyperlink click (IE6 displays an error, FF, Opera work fine)
hiya, i'm not sure if this is the right place to pose my question, but i'll dare it. if my question is unwanted on the list, i apologise, maybe someone can reply in private? i have a page from which i'd like to pop-up a window with more details upon clicking a hyperlink. the javascript i'm using is: a href=# onClick=javascript:window.open('therapeuten/barkow-lewinsky.html','Barkow-Lewinsky, Eva','width=450,height=200,left=150,top=150');Barkow-Lewinsky, Eva/a this works fine in the Fox and Opera, but IE6 says i've got an invalid argument in my javascript in the line where the link is. besides asking for advice on how to fix this, i'd be glad to hear alternative approaches, too. thanks, -- Thorsten ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] can anybody check out a site in Safari/IE5 Mac for me?
hi folks, can anybody check out a site in Safari/IE5 Mac for me? iCapture seems to be down and i don't have access to Macs myself. screenshots are appreciated! :^) http://www.gipp-ev.de/@redesign2005/ (the main sections' pages [the top-most links] should be working, the drop-down links don't exist yet. checking out the index.html should suffice, thanks! i simply need an estimate of how out-of-whack the pages look on Macs) -- Thorsten ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] problem with gradient and background in IE/Win
hi, at http://www.thorstenpeh.de/test/devhelp/z-index/ you can see that i've achieved a blue gradient merging into a blue background-color. in the Fox, the transition between the gradient and the background-color is seamless while in IE/Win (5/5.5/6) the colors suddenly don't match anymore. please disregard the slightly mangled layout. any ideas? -- Thorsten ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] problem with gradient and background in IE/Win
Claudiu RADUT wrote: To me Photoshop shows the bottom color of the gradient being #0053A5 while you have in your css file background-color:#0054A6. i've just double-checked in my .css and .psd file and the colour value is #0054A6 for both. as David R suggested, changing the format from .png to .jpg for the background gradient solves the problem. -- David R wrote: This is because Internet Explorer's PNG handling is broken, I think it only affects systems with an ICC profile on a monitor. convert the gradient to a JPEG and it should render fine, as well as in much older browsers. thanks a bunch! -- Thorsten ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] problem with z-index
hi, i'm working on a design based off of http://www.21degrees.com.au/ and i'm running into problems with overlapping elements. here's my work so far (i coded for the Fox at first): html - http://www.thorstenpeh.de/test/devhelp/z-index/ css - http://www.thorstenpeh.de/test/devhelp/z-index/redesign-thpde.css if you compare the two pages, you surely notice that in the original, the white content area is pulled up a bit into the header graphic while in my version it is (apparently) not. my picture with the tree hides the pulled-up content area; if you remove the picture, the effect shows. 21degrees produced the effect with a graphic while i'm trying to use css positioning to achieve the result. i thought: let's throw in some z-indices and off you go, but that didn't work out. my css book here mentions that the hierarchical order in an html page can negate/confuse the z-index stuff, but doesn't suggest any solution. can you? thanks for suggestions, -- Thorsten ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] problem with z-index
my own words: but doesn't suggest any solution. can you? i found a solution myself right after sending off my request for help... i set the header picture as the background image of my main container div and added padding-top based on the height of the image. if anyone comes up with a more elegant solution, please do let me know! -- Thorsten ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] problem with z-index
hiya Jolorence Santos, If your trying to achieve the effect that 21 degrees make, you should take a look that they've used a full body background for both the main and navigation, second, they have used another footer background image to achieve the ending footer. that's what i meant with: 21degrees produced the effect with a graphic while i'm trying to use css positioning to achieve the result. :-) Check it using firefox and rightclick on the maincontent - view background, probably you could get the idea and concept on how they implment the css. :) i did, see above, please. By the way, I've checked their css document and I found no CSS Z-Index thing. of course not -- because they used that graphic. i tried using z-indices to solve the problem i had when using css positioning to achieve the overlap effect. my solution is a mix, sort of: i ended up using my picture as a background image, but still have my contents container independent from the background. no z-indices needed anymore :-) -- Thorsten ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] page not validating as xhtml 1.0 strict - explanation?
first of all, thanks to the people who replied to my help request! :^) Lea de Groot wrote: The p tag is a peculiar beast; it cannot contain another block element, despite being a block element itself; it is implicitly closed when another block element is encountered. oh, ok, thanks for letting me know! I believe your error is actually saying 'you didn't close the p tag' yes, it definitely appears to be so in the light of what tidy told me, too.. i just couldn't understand it the first time around. Try code along the lines of this tag outline: h2/h2 div div img img /div p/p /div that works like a charm, only needed to adjust the margins a little. i was under the impression that i'd have to put the thumbs-div inside the paragraph for it to work with the text-flow, but i was wrong. THANKS! -- Thorsten ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] page not validating as xhtml 1.0 strict - explanation?
hi, the scenario: i want to place a div (containing two thumbnail images) into text (in a paragraph) with the text flowing around the div containing the thumbs. the test page at http://www.thorstenpeh.de/test/devhelp/notvalidating/index.html should illustrate what i mean. i have no problem achieving the desired effect (by placing the div inside the desired paragraph and floating the div right), but i don't understand why it doesn't validate. this is what the W3C-validator returns: Line 19, column 77: document type does not allow element div here; missing one of object, ins, del, map, button start-tag i know that one must put block elements inside inline elements with xhtml 1.0 strict, but this isn't the case here? paragraphs are block elements, as are divs. help's appreciated! -- Thorsten ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] image captions?
greetings, e.g. .imgleft{ float : left; margin : 20px;} Doing this enables me to have the body of the text flowing around the image, with a nice 20px gap around it. However, I would like to add a small caption to the image, underneath it. One or more of you will have already done this I'm sure, so could you point me towards some CSS you have used or seen? why don't you put the image plus caption into a div and float that div? div class=imgleft img /br / caption text /div just an idea before hitting the sack here, i hope i'm being sensible, hehe. cheers, -- Thorsten ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] liquid layout and image sizes
howdy, how do you guys tackle image sizes when using liquid layouts? to my knowledge, you can't really set relative sizes for images without indirectly cropping the image, right? this question has been loitering at the back of my mind for quite a while now. -- Thorsten ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Access key in IE6
hi, one has to hit ENTER/RETURN in IE6 for access keys to work. keying in the access key merely puts focus on the link, but does not automagically activate it as in, say the Fox. -- Thorsten ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Help with position: fixed;
hi Peter, I have a page with fixed header and a set of internal links (anchor identifiers). The problem is in that when I follow the link the heading hides under the fixed header. my idea would be to put the #main div right below the fixed header (using margin-top instead of padding-top) and give it a fixed height and width, then set overflow:auto;. that solves the problem with the hiding content, but i don't know how desirable this solution is in regards to your layout ideas. maybe this helps you find a solution eventually. -- Thorsten ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Help with position: fixed;
hi again Peter, I made it that way http://shevtsov.fanstvo.com/tests/fixed-header2.html looks cool, glad it helped! BTW, how does it look in MSIE? umm, it technically works, but the scrollbar covers the whole side of the page instead of only the #main div. the fusion of the #toc div and the header does not work fully: the horizontal bottom border of the header is not hidden, but i'm sure that could be rectified with a bit of fiddling around. here's a screenshot: http://www.thorstenpeh.de/fixedheader2_ie6.png -- Thorsten ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Horizontal Scroll
ji Richard, Umm actually thinking of a container x pixels long that I can hold images in so that they can be scrolled horizontally. This is the kind of effect acheived in Flash with only a little effort but in CSS? if you use overflow:scroll; you'll get BOTH scrollbars, but in order to get the desired horizontal-only scrollbar, overflow:auto; seems to be the better choice to me. At the moment, I'm using the following code: div style=display: block; width: 692px; height: 110px; overflow: scroll; overflow-y: hidden ! important; div style=width: 3000px;!-- this width is the total width of all objects in the conatiner-- a href=javascript:SwapPic('galleryLrg01.jpg')img src=images/gallerySml01.jpg width=100 height=100 border=0 alt= //a a href=javascript:SwapPic('galleryLrg02.jpg')img src=images/gallerySml02.jpg width=100 height=100 border=0 alt= //a a href=javascript:SwapPic('galleryLrg03.jpg')img src=images/gallerySml03.jpg width=100 height=100 border=0 alt= //a a href=javascript:SwapPic('galleryLrg04.jpg')img src=images/gallerySml04.jpg width=100 height=100 border=0 alt= //a etc... /div /div yick! a second almost usefuless nested div tag! Also, If I want to populate this dynamically, then I'm going to have to work out the total width of all the scrolling objects each time! How can I get rid of this? if you want a fixed-width container, say 692x110px (which fits into your design/page proportions) and have the image gallery scroll inside it, you'll NEED the div holding the pictures with a width of say 3000px all in all. otherwise the gallery would expand the whole browser window/frame/whatever to the right. if this is the desired effect and you WANT the whole browser page to scroll, it should work with only one div. i'm not the smartest programmer around, but with php for example you should be able to simply multiply the number of pictures with their (standardised?) width. if you don't have a standardised width, the math should not become exceedingly complicated, only a bit more elaborate: - add width of picture 1 to width of picture 2 to width of picture n, take into account padding between pictures. again, this is more of a layman's attempt at it, others feel free to bash me senseless with better approaches, i always like to learn! - Thorsten ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] scroll inside a page
hi Daniela, I use some JavaScript for a scroll inside the page that only works in Microsoft IE. How kan I check my sites about how far they (don't!) meet these standards, and does anyone know a browser-compatible solution for such a scroll? you can use overflow:auto; on a div which results in scroll bars being added as soon as the contained text/content gets too long. you can check your site here: http://validator.w3.org/, the validation service of the World Wide Web Consortium. it checks for standards-comliance. the proprietary scroll bar stuff one of the other posters mentioned is colouring the scroll bars themselves, i believe, not overflow:;. hope that helps, - Thorsten ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] sitecheck on Mac (Safari, IE5) and Win (IE 5/5.5) please?
thanks a lot for your feedback guys! ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] sitecheck on Mac (Safari, IE5) and Win (IE 5/5.5) please?
Thorsten wrote: hi, i'm working on a site ( http://www.thorstenpeh.de/job/ ) using my first (tadaa!) css layout, but due to limited hardware, i can't check my site on the Mac platform. never mind the problems, i fixed most myself. still need feedback on MAC though... anyone? - Thorsten * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
[WSG] sitecheck on Mac (Safari, IE5) and Win (IE 5/5.5) please?
hi, i'm working on a site ( http://www.thorstenpeh.de/job/ ) using my first (tadaa!) css layout, but due to limited hardware, i can't check my site on the Mac platform. i'm running into a few problems with IE 5/5.5, too: - i can't assign a height to the content box which is too short.. whatever i enter, it is ignored - the .png logo which displays fine in IE 6 using MS AlphaImageLoader, does appear to be rendered above the usual, non-working .png with the grey background (IE's usual bevaviour if facing a .png). so there's TWO images over another. i can't get rid of the .png with the grey background even though it is not referenced anywhere anymore. - in IE 5.5 no images are dispayed, except for background images.. - IE 5/5.5 does not center the main box even though i've applied the hack with text-align:center; i'd be most grateful for any hints. - Thorsten * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *