RE: [WSG] positioning help, please
the first problem i'm having is that bbedit, safari, firefox and opera (on a mac) all position it in a different location (#pre-nex). Hi, Try 'position: relative' for #main (the containing div of #pre_nex). Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Is it possible to style an attribute?
I was wondering if anyone could clarify whether it is possible to style an attribute. Hi Grant, I use a jQuery plugin called cluetip for my CMS admin screens. It will do what you want. Here is the link: http://plugins.learningjquery.com/cluetip/ Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Content div sticking out the side of container div
I have found a solution and that is to use display:table-cell.
I don't think table-cell is supported in IE7 and below. You may want to try
max-width *instead of* setting width on the inner container as was suggested
earlier. This works even in IE7. The underscore version of width is the
fallback for IE6:
#contents {
max-width: 800px;
_width: 800px;
background:#99F;
border:2px solid yellow;
}
Best regards,
Kepler Gelotte
Neighbor Webmaster, Inc.
156 Normandy Dr., Piscataway, NJ 08854
www.neighborwebmaster.com
phone/fax: (732) 302-0904
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
RE: [WSG] IE7 Issues - The Final Three
Z-INDEX OF POSITIONED HR
You could fix this by putting the gecko image after the hr and positioning
the gecko absolutely:
HTML:
!-- CONTENT: MAIN --
div id=content_main
hr
img id=wildlife class=gekoLower src=./Sangat_files/geko.png
width=278 height=173 alt=Sangat Wildlife: Tropical Geko
h1Welcome to Our World/h1
CSS:
#wildlife.gekoLower {
position: absolute;
top: -30px;
left: -250px;
}
POSITIONED WRAPPER EFFECT, COPYRIGHT LINE AND FOOTER NAV
To fix this, you could clear the main content before bottomEffect and have
bottomEffect be position relative:
HTML:
/div
div class=clearnbsp;/div
div id=bottomEffectnbsp;/div
!-- NAVIGATION/FOOTER: --
CSS:
#bottomEffect {
width: 780px;
position: relative;
left: 0;
bottom: -10px;
height: 10px;
background: #2A2B2D url(../image/public/.global/body_bottom.jpg)
no-repeat 0 0;
padding-bottom: 10px;
}
I'm not sure what is causing the two buttons not to line up. Could you
switch them to both be either links or submit buttons?
Hope that helps.
Best regards,
Kepler Gelotte
Neighbor Webmaster, Inc.
156 Normandy Dr., Piscataway, NJ 08854
www.neighborwebmaster.com
phone/fax: (732) 302-0904
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
RE: [WSG] image substitution
Are we still using the trick of shifting the text off the side of the screen with negative positioning? Or is there a better, more accessible way? How about just using the alt attribute on the image? Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 http://www.neighborwebmaster.com www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] advice on background images?
Any tips on how to minimize or eliminate how obvious it is where the tiles meet when you have the background image repeat? I'm not sure what this has to do with web standards, but you can check out http://tutorialblog.org/make-repeating-seamless-tile-backgrounds-with-photos hop/ Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] HTML5 - Marking up forms
There are a ton of ways to do this. At the moment I stick with one of two formulas: fieldset legendMy Legend/legend div label for=My FieldMy Label/label input type=text name=My Field /div /fieldset I believe the “for” attribute should reference the “id” attribute of the input element. So the above example should be: fieldset legendMy Legend/legend div label for=My Field IdMy Label/label input type=text name=My Field id=”My Field Id” /div /fieldset In the case of checkboxes, multiple inputs can have the same name (that’s how they are grouped together). Each input needs a unique id though, so each label will reference a unique checkbox within the group. Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 http://www.neighborwebmaster.com www.neighborwebmaster.com phone/fax: (732) 302-0904 _ From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Joseph Taylor Sent: Wednesday, November 10, 2010 12:50 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] HTML5 - Marking up forms Eric, There are a ton of ways to do this. At the moment I stick with one of two formulas: fieldset legendMy Legend/legend div label for=My FieldMy Label/label input type=text name=My Field /div /fieldset Or if its a bunch of checkboxes or something: fieldset legendMy Legend/legend div label for=My Field input type=checkbox name=My Field Label for the checkbox /label label for=My Field input type=checkbox name=My Field Label for the checkbox /label label for=My Field input type=checkbox name=My Field Label for the checkbox /label /div /fieldset Joseph R. B. Taylor Web Designer / Developer -- Sites by Joe, LLC Clean, Simple and Elegant Web Design Phone: (609) 335-3076 Web: http://sitesbyjoe.com Email: j...@sitesbyjoe.com On 11/10/10 12:30 PM, Eric Taylor wrote: Understandable; however, with the change in HTML5 from Definition Lists to Description lists, would it not be more semantically valuable to mark forms up using dt and dd, for labels and inputs, providing the document with a more solid structure? As stated, my concern with this is the lack of grouping per item, when using Description Lists. I understand that paragraphs may be easier to handle when marking up forms and doing the CSS; however, is it a meaningful method of marking up forms that supports the forward progression of HTML5 and front-end development in general? This is the main reason I'm torn between Description lists and Unordered/Ordered lists. What makes most sense from a semantics view, and where is the balance between semantics and ease-of-use? Eric Taylor Elements Aside / http://www.elementsaside.com On Nov 10, 2010, at 11:41 AM, Patrick H. Lauke mailto:re...@splintered.co.uk re...@splintered.co.uk wrote: On 10/11/2010 17:08, Eric Taylor wrote: From my experience, the best practice, currently, is using Description lists; however, my concern with this method is the lack of semantic grouping when using this set of elements. Another method I have used is using an Unordered list to group each field inside of a list item. However, this doesn't seem like it makes as much sense, semantically, as the Description list. What do you all think, and how do you go about marking up your forms in HTML5? HTML5 does not add any new semantics or constructs to mark up the structure of forms, it only adds new types, a few features (autofocus for instance) and validation functionality. How you actually structure the lot is still as before (and there are still likely heated arguments over which way is good or not...personally, I just use paragraphs, as the extra structure of lists is just overkill in my opinion) P -- Patrick H. Lauke __ re\xAD\xF4dux (adj.): brought back; returned. used postpositively [latin : re-, re- + dux, leader; see duke.] www.splintered.co.uk | www.photographia.co.uk http://redux.deviantart.com | http://flickr.com/photos/redux/ __ twitter: @patrick_h_lauke | skype: patrick_h_lauke __ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org
RE: [WSG] EM bug in Safari 5?
It's been quite a while I have to do a site using EM unit for the layout width (with max/min-widths treatment), I am getting a shrunk page in Safari. I see the same problem you mentioned in both safari on windows as well as safari on the mac. It appears that safari does not equate font-size: 100% == 16px; Set your font-size to 16px instead of 100.1% and the width will be fixed. Modern browsers will still be able to resize the font, but for IE you may want to have a conditional comment and change the font-size back to 100.1%. Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] @import and IE7
I agree that import doesnt perform too well. Separate the files in whatever way will support the growth of your site best, and make sure you use some sort of combine tool / filter to reduce the number of requests Hi Cole, I have a free tool that will combine CSS files on the server using @include() instead of @import(). The CSS files are combined and compressed before being sent to the browser. You can then use link media=... / as others have suggested to separate your print from screen stylesheets. The latest version also supports caching if you are concerned about performance. Just make sure you have a writable cache directory under your CSS folder(s). This all works dynamically by adding the files to your CSS directory(ies). One caveat, if you split your CSS files into subdirectories, make sure you copy the files to all folders that contain CSS. You can read/download it here: http://www.coolphptools.com/dynamic_css Best of luck to you. Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Edward Lynn Sent: Saturday, July 24, 2010 4:44 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] @import and IE7 I agree that import doesnt perform too well. Separate the files in whatever way will support the growth of your site best, and make sure you use some sort of combine tool / filter to reduce the number of requests Ed On Sat, Jul 24, 2010 at 8:18 AM, Oliver Boermans boerm...@gmail.com wrote: Hi Cole On Saturday, July 24, 2010, Cole Kuryakin c...@koisis.com wrote: Hello All - I've finally decided that I'd like to link/link a single base style sheet (base.css) into my projects. The base.css would then @import various other style sheets which would define the dclarations for project layout, type, color, forms, etc. I would not recommend you separate your CSS files for purely organisational purposes. Do this _within_ your files. Less files loaded by the browser means faster pagel loading. @import is also bad for performance. Where you must separate your files it is better to have multiple link elements. The other advantage of avoiding @import is to see what CSS is being loaded into the page it is only necessary to look in the HTML. This can save someone else a lot of time troubleshooting your site later. Before Firebug l would separate my CSS into a bunch of files, just to reduce the time to navigate them. Now the inspector in Firebug makes this so easy there isn't really a lot of organisation advantage in doing so. I hope this is helpful, even if I didn't really answer your question... Cheers Ollie @ollicle *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Update to site in progress - valid css and html -IE7 issues
Then roll over the link to top or booking cancelation policy, it blanks out some of the page. Try the following: div style=float: left; padding: 8px;a href=http://www.hotels-spain-accommodation.com/brochure-pages/;Cancellatio n policy/a/div div style=float: right; padding: 8px;a href=#topTop/a/div You may also want to make the style definitions classes instead of using inline styles. Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Ie7 test?
Add an extra div within left_column, and declare the position:fixed
in the new div instead.
Or, since you already have an extra div, add this to screen.css:
.left_column { width: 220px; float: left; }
.left_column .column_cushion { width: 180px; position: fixed; }
Best regards,
Kepler Gelotte
Neighbor Webmaster, Inc.
156 Normandy Dr., Piscataway, NJ 08854
www.neighborwebmaster.com
phone/fax: (732) 302-0904
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
RE: [WSG] ie8 not rendering contact form in compatibility mode
I am having trouble with a contact form not displaying on a clients computer. It appears to happen in IE8 in compatibility mode or IE7. I get a javascript error: Unexpected call to method or property access: swfobject.modified.js line 69 character 190 Try commenting this script out and see if the contact form stays put. If that keeps the form from disappearing, then my guess is you need to debug the javascript. Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Site doesn't display correctly in IE - looking for some advice please
A few people have said that they can only see the green nav bar and the
picture of trees below it and nothing
else. They should be able to see more than that including a black footer
with images and links.
Try removing:
overflow-x: hidden;
from the body {} CSS block.
Happy New Years to you as well.
Best regards,
Kepler Gelotte
Neighbor Webmaster, Inc.
156 Normandy Dr., Piscataway, NJ 08854
http://www.neighborwebmaster.com www.neighborwebmaster.com
phone/fax: (732) 302-0904
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
RE: [WSG] .box breaks up on feedback page.
Will someone help?
I think the problem is related to the different default margin/padding
values that different browsers default to. Try replacing this in your css
file:
/* --larger flexible rounded corner box--- */
.box_two {
width: 400px;
background: #da9c73 url(bottom-left.gif) no-repeat left bottom;
padding: 0;
margin: 0;
}
.box_outer {
background: url(bottom-right.gif) no-repeat right bottom;
padding: 0 0 5% 0;
margin: 0;
}
.box_inner {
background: url(top-left.gif) no-repeat left top;
padding: 0;
margin: 0;
}
.box_two ul {
background: url(top-right.gif) no-repeat right top;
padding: 5% 5% 0 5%;
margin: 0;
}
Best regards,
Kepler Gelotte
Neighbor Webmaster, Inc.
156 Normandy Dr., Piscataway, NJ 08854
www.neighborwebmaster.com
phone/fax: (732) 302-0904
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
RE: [WSG] .box breaks up on feedback page.
The filenames for the box parts are supposed to have an underscore
Ah, sorry about that. I changed the filenames to test locally. You also need
to add 'images/' before the filename as in your original as well. So it
should be:
/* --larger flexible rounded corner box--- */
.box_two {
width: 400px;
background: #da9c73 url(images/bottom_left.gif) no-repeat left bottom;
padding: 0;
margin: 0;
}
.box_outer {
background: url(images/bottom_right.gif) no-repeat right bottom;
padding: 0 0 5% 0;
margin: 0;
}
.box_inner {
background: url(images/top_left.gif) no-repeat left top;
padding: 0;
margin: 0;
}
.box_two ul {
background: url(images/top_right.gif) no-repeat right top;
padding: 5% 5% 0 5%;
margin: 0;
}
Best regards,
Kepler Gelotte
Neighbor Webmaster, Inc.
156 Normandy Dr., Piscataway, NJ 08854
www.neighborwebmaster.com
phone/fax: (732) 302-0904
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
RE: [WSG] Including a DIV element inside an HREF tag
Since links are inline elements, they shouldn't contain block elements, such as div and p. Why not use span (native) inline elements? Because it screws up the semantics. I thought span and div were semantically neutral (no inherent meaning). Also the javascript approach to apply the link is ignoring the group of users who don't have javascript or have it disabled. From a practical perspective I would think that having a functional link would be more important than the wrapping tag used. Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Including a DIV element inside an HREF tag
No, it doesn't. The link is still accessible with mouse, keyboard and any other input device - it just doesn't fill the entire box. I missed the link in Mike's example. You are correct. Thanks for the expanded explanation on what you meant when referring to semantics. Very informative. Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Extra space in menu in IE on hover
Menu on left... on mouseover, the bg color should fill the entire height
in between top and bottom borders and doesn't. There is about a 5 pixel gap.
In FF, it looks fine.
You could try this in eswmenu.css:
.eswmenu li a {
border-bottom: 1px solid #d6dad5;
/* border: 0px solid blue; */
background-color: transparent;
font: bold 13px Palatino Linotype, Garamond, Times New Roman, serif;
color: #8a8989;
display: block;
height: 28px;
line-height: 28px;
margin: 0px auto 0 auto;
padding: 1px 0 14px 0;
text-decoration: none;
vertical-align:top;
}
.eswmenu a:visited, .eswmenu a:active {
border-bottom: 1px solid #d6dad5;
color: #8a8989;
}
.eswmenu ul li a:hover {
border-bottom: 1px solid #d6dad5;
background: url(bullet-nav.png) no-repeat center 25px;
background-color: #e6f0ed;
}
Best regards,
Kepler Gelotte
Neighbor Webmaster, Inc.
156 Normandy Dr., Piscataway, NJ 08854
http://www.neighborwebmaster.com www.neighborwebmaster.com
phone/fax: (732) 302-0904
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
RE: [WSG] IE6 display issue
Have tried both to no avail. You sound like you are on the right track,
though. Thanks!
The only other thing I can think of to try is to add this to your css file:
.rotating_images {top: 0px; left: 0px; z-index: 3; position: absolute;
opacity: 0; display: none;}
And then add that class to all of your images in thes #pics div:
div id=pics
img class=rotating_images src=images/fade5.jpg alt= /
img class=rotating_images src=images/fade6.jpg alt= /
img class=rotating_images src=images/fade7.jpg alt= /
img class=rotating_images src=images/fade8.jpg alt= /
/div
Best regards,
Kepler Gelotte
Neighbor Webmaster, Inc.
156 Normandy Dr., Piscataway, NJ 08854
http://www.neighborwebmaster.com www.neighborwebmaster.com
phone/fax: (732) 302-0904
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
RE: [WSG] IE6 display issue
In IE6, although the image fades and replaces etc, the #header is
enlarged to accommodate all 4 images though three remain hidden.
Hi,
I suspect that the javascript is executing before the page has fully loaded
so the images are not able to be stacked by the javascript function. To
make sure your page has fully loaded try using the document.ready function
of jquery:
SCRIPT type=text/javascript
$(document).ready(function() {
$('#pics').cycle({
fx:'fade',
speed: 2500,
timeout: 5500,
random: 1,
pause: 1
});
});
/SCRIPT
If that still doesn't work, try moving the javascript after the /body.
Best regards,
Kepler Gelotte
Neighbor Webmaster, Inc.
156 Normandy Dr., Piscataway, NJ 08854
www.neighborwebmaster.com
phone/fax: (732) 302-0904
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
RE: [WSG] Strange Table Border Rendering in everything BUT FF and IE
Hi,
What Chris wrote will take care of the border issue. I would suggest using a
structure other than a table though for guestbook entries. You could use a
definition list (other people on this list may disagree and have a more
semantic structure you could use).
For example, the CSS:
dl.guestBook
{
font-size: 75%;
border-top: 1px solid #9CA027;
border-bottom: none;
border-right: none;
border-left: none;
margin-bottom: 20px;
padding-top: 15px;
}
dl.netherlands
{
background: url('nl.jpg') 0 15px no-repeat;
}
dl.australia
{
background: url('au.jpg') 0 15px no-repeat;
}
dl.guestBook dt, dl.guestBook dd
{
text-align: left;
border: none;
padding: 0 0 0 15px;
margin: 0 0 10px 64px;
}
dl.guestBook dt
{
font-size: 1.4em;
font-weight: bold;
color: #2695c0;
}
dl.guestBook dd.loc_date,
dl.guestBook dd.rating
{
color: #9CA027;
}
dl.guestBook dd.stars5
{
background: url('5.jpg') 7em 0 no-repeat;
}
dl.guestBook dd.stars4
{
background: url('4.jpg') 7em 0 no-repeat;
}
dl.guestBook dd.stars3
{
background: url('3.jpg') 7em 0 no-repeat;
}
dl.guestBook dd.stars2
{
background: url('2.jpg') 7em 0 no-repeat;
}
dl.guestBook dd.stars1
{
background: url('1.jpg') 7em 0 no-repeat;
}
dl.guestBook dd.rating span
{
display: none;
}
And the HTML:
dl class=guestBook netherlands
dtSusanne de Letter/dt
dd class=loc_dateNetherlands / September 23, 2009/dd
dd class=rating stars5Experience: span5 stars/span/dd
dd class=commentJust want to send a quick email that I had a lovely stay
in the resort. Nice food, nice people and great diving. Even if you are a
single lady traveller like me it's a great place to stay.br /
br /
Hope it stopped raining? That the dogs are ok and that you didn't have any
exciting night dives with angry pearl fishers anymore.br /
br /
Say hi to Jo Jo and who knows maybe you see me back one daybr /
br /
Thanks Susanne de Letterbr /
Amsterdam the Netherlands/dd
/dl
That's not perfect, but I can only imagine it is easier to view in a text
browser than the table version.
Best regards,
Kepler Gelotte
Neighbor Webmaster, Inc.
156 Normandy Dr., Piscataway, NJ 08854
www.neighborwebmaster.com
phone/fax: (732) 302-0904
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
RE: [WSG] Big Table inside Div. How can i extend Div?
Is it possible to extend the container div till the end of table? Because right now it overflows the container. Hi, I think this is what you are looking for: http://www.coolphptools.com/tests/wide-table.html The *float's are to support IE7 and IE6. Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] a table layout issue
Savl's suggestion also doesn't work. It's not ideal to add extra div in each td cell, though I can live with it if client insists the layout must be stayed as it is, the fact is, it doesn't quite work as it adds a border on each td cell, and in the layout, it has 5 td cells, using border-top (or bottom) on each td cell won't really give me the result. Hi Tee, I made an example that looks the way you described and validates: http://www.coolphptools.com/tests/tr.html There is no escaping the inner div's because margin doesn't seem to apply to td's. At least this will get you the format you want. Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Ordered List Best Practice
In the following list I get the desired results in the browser but does not validate,(The tag:div is not allowed within: ol): How about: ol type=A lia href=a.pdfFirst/a div class=margin_left_minus_40px h3Subheading/h3 /div /li lia href=b.pdfFirst/a/li lia href=c.pdfFirst/a div class=margin_left_minus_40px h3Subheading/h3 /div /li lia href=d.pdfFirst/a/li lia href=e.pdfFirst/a/li /ol Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Fixed Sidebar Fluid Content - Source Order Limitations
- To put my content first in the markup, my content needs to be floated (for a following sidebar) - My content is fluid, so I can not assign a width You may want to try max-width on your main content. I'm not sure if that will work for you since you didn't post a link. Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 http://www.neighborwebmaster.com www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] CLARIFICATION: Print Preview Cut off after 1pg
I implemented a style sheet and works fine, however all pages are being cut off after one page. Any idears? It is doing it in Mozilla but IE is fine. Hi, Have you tried removing the overflow:hidden from the rules? I would start with the container classes. Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 http://www.neighborwebmaster.com www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***BEGIN:VCARD VERSION:2.1 N:Gelotte;Kepler;;Mr. FN:Kepler Gelotte (kep...@neighborwebmaster.com) ORG:Neighbor Webmaster TITLE:Web Designer TEL;WORK;VOICE:(732) 302-0904 TEL;WORK;FAX:(732) 302-0904 ADR;WORK:;;156 Normandy Dr;Piscataway;NJ;08854;United States of America LABEL;WORK;ENCODING=QUOTED-PRINTABLE:156 Normandy Dr=0D=0APiscataway, NJ 08854=0D=0AUnited States of America URL;WORK:http://www.neighborwebmaster.com EMAIL;PREF;INTERNET:kep...@neighborwebmaster.com REV:20070415T052107Z END:VCARD
RE: [WSG] Installing More than one version of IE6
Hi - I hope this is on topic - I'm asking because I try to author to good standards... I need to install IE 6.0 alongside of IE 8. Running WIN XP SP 3. The multiple installer at TredoSoft which used to work wont install - are there any other options? Darrin I use IETester: http://www.my-debugbar.com/wiki/IETester/HomePage Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 http://www.neighborwebmaster.com www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Right div dropping below left floated div when browser resized
The problem is that when the browser window is reduced in
size, to the point that the table can no longer shrink to fit
inside the available space, the table (but not the whole
right div) drops down so that the top of the table is in line
with the bottom of the left navigation div. This problem
occurs in IE6 but not IE7 or Firefox.
Hi Stevio,
I think the trick is to take the table out of the normal flow by floating it
if it is in IE6. Then wrap the table with a positioned relative div that
takes close to the full width of the right container. This keeps text below
from creeping up the side.
Here is a test page I created that seems to do what you want:
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd;
html xmlns=http://www.w3.org/1999/xhtml; lang=en xml:lang=en
head
titleExample/title
meta http-equiv=content-type
content=application/xhtml+xml;charset=utf-8 /
style type=text/css
body {
border: solid red 1px;
}
#navigation {
float: left;
width: 180px;
margin-top: 20px;
margin-bottom: 10px;
margin-left: 9px;
margin-right: 0px;
padding-left: 1px;
padding-right: 1px;
background: #FF;
border-top: 2px solid #336699;
border-bottom: 2px solid #336699;
}
#mainbody {
position: relative;
margin-left: 210px;
margin-top: 20px;
margin-right: 20px;
margin-bottom: 20px;
padding: 0;
border: solid black 1px;
}
#mainbody h2 {
margin: 0;
padding: 0;
background-color: #0f0;
}
.tablelist {
position: relative;
overflow: hidden;
width: 100%;
_width: 95%; /* may have to play with this value */
}
.tablelist table {
_float: left;
margin: 0;
padding: 0;
background-color: #ff0;
}
/style
/head
body
div id=navigation
ul
liHome/li
liAbout/li
liNews/li
/ul
/div
div id=mainbody
h2My List/h2
div class=tablelist
table
trthCol 1/ththCol 2/ththCol 3/th/tr
trtd1/tdtd2/tdtd3/td/tr
/table
/div
/div
/body
/html
Best regards,
Kepler Gelotte
Neighbor Webmaster, Inc.
156 Normandy Dr., Piscataway, NJ 08854
www.neighborwebmaster.com
phone/fax: (732) 302-0904
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***BEGIN:VCARD
VERSION:2.1
N:Gelotte;Kepler;;Mr.
FN:Kepler Gelotte (kep...@neighborwebmaster.com)
ORG:Neighbor Webmaster
TITLE:Web Designer
TEL;WORK;VOICE:(732) 302-0904
TEL;WORK;FAX:(732) 302-0904
ADR;WORK:;;156 Normandy Dr;Piscataway;NJ;08854;United States of America
LABEL;WORK;ENCODING=QUOTED-PRINTABLE:156 Normandy Dr=0D=0APiscataway, NJ 08854=0D=0AUnited States of America
URL;WORK:http://www.neighborwebmaster.com
EMAIL;PREF;INTERNET:kep...@neighborwebmaster.com
REV:20070415T052107Z
END:VCARD
RE: [WSG] Div Img Overflow with Screen Resolution
I want the div to extend till the end of image if the resolution is smaller than the image. Try making the container a float. For example: div style=float:left; background-color: red; height: 1800px; padding: 5px; br / img src=http://upload.wikimedia.org/wikipedia/commons/8/89/Kangaroo_and_joey05. jpg / /div Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 http://www.neighborwebmaster.com www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] The weirdest IE bug I've ever encountered.
On that page, you will see an italic letter v on the left hand side of the screen, and a view cart link on the right hand side which is NOT clickable, but which should be clickable. The issue does not seem to be related to standards. I cleaned up the code and the problem persists. The cause is that the right floated View Cart link does not get pushed below the paragraph. The paragraph has a width of 100% so it ends up covering the link which is why it is not clickable. To see it more clearly, I put a version of your page with different colored borders around each block at: http://neighborwebmaster.com/tests/iebug.html If you open it in IE8 and switch between IE7 compatibility mode and back, you will see the view cart link moving up and down. Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] The weirdest IE bug I've ever encountered.
I see I have still not conviced you of the weirdness of this bug. I've updated my version to have a 1px border, and more items in the list, which are NOT covered by the P element. None of them are clickable, disconfirming your conclusions. Actually, I was agreeing with you that it is a bug. I still think I am correct. The paragraph is still on top of the ul even if it is not covering all the list elements. I created another version where all I did was add a clear:both to the paragraph and now all links are clickable. You can see it here: http://neighborwebmaster.com/tests/iefix.html Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***BEGIN:VCARD VERSION:2.1 N:Gelotte;Kepler;;Mr. FN:Kepler Gelotte (kep...@neighborwebmaster.com) ORG:Neighbor Webmaster TITLE:Web Designer TEL;WORK;VOICE:(732) 302-0904 TEL;WORK;FAX:(732) 302-0904 ADR;WORK:;;156 Normandy Dr;Piscataway;NJ;08854;United States of America LABEL;WORK;ENCODING=QUOTED-PRINTABLE:156 Normandy Dr=0D=0APiscataway, NJ 08854=0D=0AUnited States of America URL;WORK:http://www.neighborwebmaster.com EMAIL;PREF;INTERNET:kep...@neighborwebmaster.com REV:20070415T052107Z END:VCARD
RE: [WSG] Blockquote
... but, the quotes are being scraped from other sites so how would I cite them? I thought the cite attribute was the URL of the original page the quote came from. For example (from http://htmlhelp.com/reference/html40/block/blockquote.html): BLOCKQUOTE CITE=http://www.bibliomania.com/Fiction/joyce/ulysses/telemac.html; PHe pointed his finger in friendly jest and went over to the parapet, laughing to himself. Stephen Dedalus stepped up, followed him wearily half way and sat down on the edge of the gunrest, watching him still as he propped his mirror on the parapet, dipped the brush in the bowl and lathered cheeks and neck./P PBuck Mulligan's gay voice went on./P BLOCKQUOTEPMy name is absurd too: Malachi Mulligan, two dactyls. But it has a Hellenic ring, hasn't it? Tripping and sunny like the buck himself. We must go to Athens. Will you come if I can get the aunt to fork out twenty quid?/P/BLOCKQUOTE /BLOCKQUOTE Since you are scraping the site you should have the URL. Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 http://www.neighborwebmaster.com www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***BEGIN:VCARD VERSION:2.1 N:Gelotte;Kepler;;Mr. FN:Kepler Gelotte (kep...@neighborwebmaster.com) ORG:Neighbor Webmaster TITLE:Web Designer TEL;WORK;VOICE:(732) 302-0904 TEL;WORK;FAX:(732) 302-0904 ADR;WORK:;;156 Normandy Dr;Piscataway;NJ;08854;United States of America LABEL;WORK;ENCODING=QUOTED-PRINTABLE:156 Normandy Dr=0D=0APiscataway, NJ 08854=0D=0AUnited States of America URL;WORK:http://www.neighborwebmaster.com EMAIL;PREF;INTERNET:kep...@neighborwebmaster.com REV:20070415T052107Z END:VCARD
RE: [WSG] Clearing issue and IE7 weirdness
shows a page with no content in it yet but the left-hand menu pushes down below the footer which has a clear:both on it. Can someone tell what obvious bit I am missing? I only see that behavior in IE6, not in IE7. IE6 doesn't support min-height that is used for rh-col. Since rh-col is position: relative, the clear: both in footer has no effect. Clear works with floated elements. Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***BEGIN:VCARD VERSION:2.1 N:Gelotte;Kepler;;Mr. FN:Kepler Gelotte (kep...@neighborwebmaster.com) ORG:Neighbor Webmaster TITLE:Web Designer TEL;WORK;VOICE:(732) 302-0904 TEL;WORK;FAX:(732) 302-0904 ADR;WORK:;;156 Normandy Dr;Piscataway;NJ;08854;United States of America LABEL;WORK;ENCODING=QUOTED-PRINTABLE:156 Normandy Dr=0D=0APiscataway, NJ 08854=0D=0AUnited States of America URL;WORK:http://www.neighborwebmaster.com EMAIL;PREF;INTERNET:kep...@neighborwebmaster.com REV:20070415T052107Z END:VCARD
RE: [WSG] Vanishing icon within a Span Element in IE7
Can someone please tell me how to fix this so it'll show up in IE?
Hi Cole,
It does appear to be a bug in IE. The following CSS is turning off the
display of the icon in c_project_help_error.css:
span.smallHelpIcon span {
display:none;
}
By commenting that section out, the icon displays (along with the text you
were trying to replace with the icon). Instead of using the nested spans in
your HTML:
span class=smallHelpIcon
spanhelp icon/span
/span
maybe use an img tag with the alt text = help icon? It is not display as
nicely with images turned off but has the same effect as you seem to be
trying to achieve. Use the following CSS instead:
img.smallHelpIcon {
display:inline;
vertical-align:bottom;
padding:0;
margin:0;
}
Your spans could then be replaced with just an img:
img alt=help icon src=assets/icon/forms/h_small.png
class=smallHelpIcon /
Best regards,
Kepler Gelotte
Neighbor Webmaster, Inc.
156 Normandy Dr., Piscataway, NJ 08854
www.neighborwebmaster.com
phone/fax: (732) 302-0904
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***attachment: winmail.dat
RE: [WSG] HTML/XHTML/XML - Question about the future of.
* Given that XHTML is not going to be supported by IE in the immediate future, if ever, serving XHTML strict * as text/html seems a little quixotic. If your document can't be served as application/xhtml+xml then what's the point? There is also another reason to use XHTML instead of HTML and it does not involve browsers. When representing your code (xHTML) as XML, it can also be viewed as data. A perfect example of this is screen scrapers which read your web pages to pull specific content out of them. Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 http://www.neighborwebmaster.com www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***BEGIN:VCARD VERSION:2.1 N:Gelotte;Kepler;;Mr. FN:Kepler Gelotte ([EMAIL PROTECTED]) ORG:Neighbor Webmaster TITLE:Web Designer TEL;WORK;VOICE:(732) 302-0904 TEL;WORK;FAX:(732) 302-0904 ADR;WORK:;;156 Normandy Dr;Piscataway;NJ;08854;United States of America LABEL;WORK;ENCODING=QUOTED-PRINTABLE:156 Normandy Dr=0D=0APiscataway, NJ 08854=0D=0AUnited States of America URL;WORK:http://www.neighborwebmaster.com EMAIL;PREF;INTERNET:[EMAIL PROTECTED] REV:20070415T052107Z END:VCARD
RE: [WSG] Is it a good practice to have 'Back to Top' link?
I am always curious why so rarely people in this list ever mention Dean Edwards' IE7. Maybe it is because it's a JavaScript solution. If you have JavaScript disabled, you are back to where you started. Of course, this may be a better solution than not trying to support IE6 at all which I read on this list some people are suggesting. I personally haven't tried his script yet myself. I have read many positive reviews about it though. Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***BEGIN:VCARD VERSION:2.1 N:Gelotte;Kepler;;Mr. FN:Kepler Gelotte ([EMAIL PROTECTED]) ORG:Neighbor Webmaster TITLE:Web Designer TEL;WORK;VOICE:(732) 302-0904 TEL;WORK;FAX:(732) 302-0904 ADR;WORK:;;156 Normandy Dr;Piscataway;NJ;08854;United States of America LABEL;WORK;ENCODING=QUOTED-PRINTABLE:156 Normandy Dr=0D=0APiscataway, NJ 08854=0D=0AUnited States of America URL;WORK:http://www.neighborwebmaster.com EMAIL;PREF;INTERNET:[EMAIL PROTECTED] REV:20070415T052107Z END:VCARD
RE: [WSG] Learning Javascript properly
I've been trying to convince people here at work to use JQuery for UI, but most are reluctant, because it's a framework. Any good arguments of Why it is still OK to use JQuery? jQuery is not really a framework. jQuery is a library of javascript functions. The fact that they have a synonym to the main jquery function called '$' makes some people think that you are no longer coding in javascript. The reality is that you can code javascript and jQuery function calls together. It's just a library. A framework means you have some configuration file that the application constructs itself around. This is called inversion of control. I have never seen this done in any javascript application. An example of inversion of control would be Struts or Spring in Java. Your co-workers have nothing to fear. Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 http://www.neighborwebmaster.com www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***BEGIN:VCARD VERSION:2.1 N:Gelotte;Kepler;;Mr. FN:Kepler Gelotte ([EMAIL PROTECTED]) ORG:Neighbor Webmaster TITLE:Web Designer TEL;WORK;VOICE:(732) 302-0904 TEL;WORK;FAX:(732) 302-0904 ADR;WORK:;;156 Normandy Dr;Piscataway;NJ;08854;United States of America LABEL;WORK;ENCODING=QUOTED-PRINTABLE:156 Normandy Dr=0D=0APiscataway, NJ 08854=0D=0AUnited States of America URL;WORK:http://www.neighborwebmaster.com EMAIL;PREF;INTERNET:[EMAIL PROTECTED] REV:20070415T052107Z END:VCARD
RE: [WSG] Copycat site
This is the first time I've come across such an occurence naturally in the online world. I'm sure it happens all the time - this one seems just blatant to the point of having the same tabs in the navigation I have to agree they look similar but certainly aren't copies of each other. A bigger issue (at least in my eyes) is that is you turn images off, navigation (on foryoung.com), links and headings disappear. Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***BEGIN:VCARD VERSION:2.1 N:Gelotte;Kepler;;Mr. FN:Kepler Gelotte ([EMAIL PROTECTED]) ORG:Neighbor Webmaster TITLE:Web Designer TEL;WORK;VOICE:(732) 302-0904 TEL;WORK;FAX:(732) 302-0904 ADR;WORK:;;156 Normandy Dr;Piscataway;NJ;08854;United States of America LABEL;WORK;ENCODING=QUOTED-PRINTABLE:156 Normandy Dr=0D=0APiscataway, NJ 08854=0D=0AUnited States of America URL;WORK:http://www.neighborwebmaster.com EMAIL;PREF;INTERNET:[EMAIL PROTECTED] REV:20070415T052107Z END:VCARD
RE: Can I widen the question? Re: [WSG] Shopping cart - who does what
If anybody is likely to collect a list of tools and software that can (or can be made to) deliver standards based content, it should be us; any idea how we could list and share? I would suggest using the forum. Someone created a thread there about this topic already: http://forum.webstandardsgroup.org/discussion/25/standardsaccessibilty-frien dly-shopping-cart-/ Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***BEGIN:VCARD VERSION:2.1 N:Gelotte;Kepler;;Mr. FN:Kepler Gelotte ([EMAIL PROTECTED]) ORG:Neighbor Webmaster TITLE:Web Designer TEL;WORK;VOICE:(732) 302-0904 TEL;WORK;FAX:(732) 302-0904 ADR;WORK:;;156 Normandy Dr;Piscataway;NJ;08854;United States of America LABEL;WORK;ENCODING=QUOTED-PRINTABLE:156 Normandy Dr=0D=0APiscataway, NJ 08854=0D=0AUnited States of America URL;WORK:http://www.neighborwebmaster.com EMAIL;PREF;INTERNET:[EMAIL PROTECTED] REV:20070415T052107Z END:VCARD
RE: [WSG] clearing position:absolute
I have a site with a navigation that when I resize the page in ie the
navigation stays in the same place as a result is out of place when resized.
To get over this I can set the #nav to be position absolute but this
causes the element below to move up behind the navigation.
Hi Robin,
Since your menu is created via javascript, you need to rerun the script on a
window resize. Unfortunately the DOM has been modified by the javascript,
so the only way to handle this is with a reload of the screen. Since most
people don't resize their browsers much, this may only be a minor
annoyance. Here is the code:
!--[if lt IE 7]
link href= http://tuki.xtools.co.nz/styles/ie.css; rel=stylesheet
type=text/css
script src=http://tuki.xtools.co.nz/scripts/supersleight-min.js;
type=text/javascript/script
![endif]--
script type=text/javascript
function menu()
{
var samp = new DickerFisch('#nav',{ListType:'ul'});
}
$(document).ready(function() {
menu();
});
/script
!--[if IE]
script type=text/javascript
var resizeTimer = null;
$(window).bind('resize', function() {
if (resizeTimer) clearTimeout(resizeTimer);
resizeTimer = setTimeout('window.location.reload()', 100);
});
/script
![endif]--
Best regards,
Kepler Gelotte
Neighbor Webmaster, Inc.
156 Normandy Dr., Piscataway, NJ 08854
http://www.neighborwebmaster.com www.neighborwebmaster.com
phone/fax: (732) 302-0904
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***BEGIN:VCARD
VERSION:2.1
N:Gelotte;Kepler;;Mr.
FN:Kepler Gelotte ([EMAIL PROTECTED])
ORG:Neighbor Webmaster
TITLE:Web Designer
TEL;WORK;VOICE:(732) 302-0904
TEL;WORK;FAX:(732) 302-0904
ADR;WORK:;;156 Normandy Dr;Piscataway;NJ;08854;United States of America
LABEL;WORK;ENCODING=QUOTED-PRINTABLE:156 Normandy Dr=0D=0APiscataway, NJ 08854=0D=0AUnited States of America
URL;WORK:http://www.neighborwebmaster.com
EMAIL;PREF;INTERNET:[EMAIL PROTECTED]
REV:20070415T052107Z
END:VCARD
RE: [WSG] form from hell - difficult redesign
Hi I've been asked to redesign the gui on a hotel booking engine / room allocation web app. Its basically the busiest example of tabular data ive ever seen - most data in the cells is input. Any Advice on styling an overwhelming amount tabular data? On an app like this you may just think about outsourcing the project. Unless you are a masochist ;-) Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***BEGIN:VCARD VERSION:2.1 N:Gelotte;Kepler;;Mr. FN:Kepler Gelotte ([EMAIL PROTECTED]) ORG:Neighbor Webmaster TITLE:Web Designer TEL;WORK;VOICE:(732) 302-0904 TEL;WORK;FAX:(732) 302-0904 ADR;WORK:;;156 Normandy Dr;Piscataway;NJ;08854;United States of America LABEL;WORK;ENCODING=QUOTED-PRINTABLE:156 Normandy Dr=0D=0APiscataway, NJ 08854=0D=0AUnited States of America URL;WORK:http://www.neighborwebmaster.com EMAIL;PREF;INTERNET:[EMAIL PROTECTED] REV:20070415T052107Z END:VCARD
RE: [WSG] Book ideas for updating skills to modern html xhtml standards
Michael Horowitz wrote: Is there a good book (something like Oreilly's nutsshell series) that works as a good desk reference for (x)html standards people recommend? I bought the 1998 (version 1) of Dynamic HTML (http://www.amazon.com/Dynamic-HTML-Definitive-Reference-Html/dp/0596527403/ ref=sr_1_1?ie=UTF8s=booksqid=1216006471sr=1-1) by Danny Goodman. I see he is now up to version 3 (12/2007). I especially liked this book because it was comprehensive. It told you which tags/attributes work in which browser and it included a Javascript and CSS overview in different sections. I can't vouch for this version, but version 1 was a huge help to me back in 2000. Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***BEGIN:VCARD VERSION:2.1 N:Gelotte;Kepler;;Mr. FN:Kepler Gelotte ([EMAIL PROTECTED]) ORG:Neighbor Webmaster TITLE:Web Designer TEL;WORK;VOICE:(732) 302-0904 TEL;WORK;FAX:(732) 302-0904 ADR;WORK:;;156 Normandy Dr;Piscataway;NJ;08854;United States of America LABEL;WORK;ENCODING=QUOTED-PRINTABLE:156 Normandy Dr=0D=0APiscataway, NJ 08854=0D=0AUnited States of America URL;WORK:http://www.neighborwebmaster.com EMAIL;PREF;INTERNET:[EMAIL PROTECTED] REV:20070415T052107Z END:VCARD
RE: [WSG] To stretch an image within a div ??
Hi Matt,
If you stretch the img (you can't stretch a background-image as far as I
know), you will definitely not be happy with the results.
I am assuming you have a flexible design where the content expands to fit
the width of the browser's window? If that is the case, create a very wide
image and then use:
div.header {
background-image: url(images/large_logo.gif);
background-repeat: no-repeat;
height: 200px;
width: 100%;
overflow: hidden;
}
You can see an example of this technique I used on a web site I created a
while back: http://www.freightturntables.com
http://www.freightturntables.com/
Best regards,
Kepler Gelotte
Neighbor Webmaster, Inc.
156 Normandy Dr., Piscataway, NJ 08854
http://www.neighborwebmaster.com www.neighborwebmaster.com
phone/fax: (732) 302-0904
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***BEGIN:VCARD
VERSION:2.1
N:Gelotte;Kepler;;Mr.
FN:Kepler Gelotte ([EMAIL PROTECTED])
ORG:Neighbor Webmaster
TITLE:Web Designer
TEL;WORK;VOICE:(732) 302-0904
TEL;WORK;FAX:(732) 302-0904
ADR;WORK:;;156 Normandy Dr;Piscataway;NJ;08854;United States of America
LABEL;WORK;ENCODING=QUOTED-PRINTABLE:156 Normandy Dr=0D=0APiscataway, NJ 08854=0D=0AUnited States of America
URL;WORK:http://www.neighborwebmaster.com
EMAIL;PREF;INTERNET:[EMAIL PROTECTED]
REV:20070415T052107Z
END:VCARD
RE: [WSG] Margin or Float error?
Hi James,
You may want to try this instead:
style type=text/css
/* Globals */
html * {margin: 0; padding: 0;}
body
{
/* 62.5% works out to about 10px, which is good for
sizing things up. 16px/100 x 62.5 = 10 */
font: normal normal 62.5%/1.5 Arial, sans-serif;
width: 80em;
margin: 0 auto;
}
ul {list-style: none;}
/** Layout and Sizing **/
#main-navigation
{
height: 1%;
margin: 4em 0;
}
#main-navigation li
{
position: relative;
float: left;
width: 13.3em;
height: 2em;
}
#main-navigation li a
{
display: block;
}
#sub-navigation
{
position: absolute;
top: 2em;
left: 0;
}
#main-content
{
overflow: hidden;
}
#welcome
{
float: left;
width: 40%;
}
#youtube-video-list
{
float: right;
width: 60%;
}
ul#article-summary-list
{
clear: both;
float: left;
width: 100%;
margin-top: 20px;
}
.article-summary
{
}
/* When the menu isn't in use hide the sub menu's */
.sub-navigation
{
display: none;
}
/* When the user hovers over a superlink, display
the list of sublinks.
Note: Needs to be tested in older browsers. Not
sure off hand if :hover works on list elements in
IE5.5 and IE6. */
#main-navigation li:hover ul
{
display: block;
}
/** Style, color and text **/
#main-navigation li
{
text-align: center;
}
/style
Best regards,
Kepler Gelotte
Neighbor Webmaster, Inc.
156 Normandy Dr., Piscataway, NJ 08854
http://www.neighborwebmaster.com www.neighborwebmaster.com
phone/fax: (732) 302-0904
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***BEGIN:VCARD
VERSION:2.1
N:Gelotte;Kepler;;Mr.
FN:Kepler Gelotte ([EMAIL PROTECTED])
ORG:Neighbor Webmaster
TITLE:Web Designer
TEL;WORK;VOICE:(732) 302-0904
TEL;WORK;FAX:(732) 302-0904
ADR;WORK:;;156 Normandy Dr;Piscataway;NJ;08854;United States of America
LABEL;WORK;ENCODING=QUOTED-PRINTABLE:156 Normandy Dr=0D=0APiscataway, NJ 08854=0D=0AUnited States of America
URL;WORK:http://www.neighborwebmaster.com
EMAIL;PREF;INTERNET:[EMAIL PROTECTED]
REV:20070415T052107Z
END:VCARD
RE: [WSG] linking multiple CSS files
Hi, I've coded a dynamic CSS filter that may be of interest to some of you. It allows for conditional logic, variable substitution, CSS compression, end-of-line comments, setting expires header, and server-side includes. You can download it at: http://www.coolphptools.com/dynamic_css (I just created this web site so it is still very sparse). There is a PDF document included with basic syntax and examples. There are scripts to handle the expires header for javascript and images as well. Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 http://www.neighborwebmaster.com www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***BEGIN:VCARD VERSION:2.1 N:Gelotte;Kepler;;Mr. FN:Kepler Gelotte ([EMAIL PROTECTED]) ORG:Neighbor Webmaster TITLE:Web Designer TEL;WORK;VOICE:(732) 302-0904 TEL;WORK;FAX:(732) 302-0904 ADR;WORK:;;156 Normandy Dr;Piscataway;NJ;08854;United States of America LABEL;WORK;ENCODING=QUOTED-PRINTABLE:156 Normandy Dr=0D=0APiscataway, NJ 08854=0D=0AUnited States of America URL;WORK:http://www.neighborwebmaster.com EMAIL;PREF;INTERNET:[EMAIL PROTECTED] REV:20070415T052107Z END:VCARD
RE: [WSG] JS Image Slider
Hi James,
I think Joe's suggestion is what you are looking for. To be a little more
explicit, use a nested div where the outermost div is just wide enough
to hold 3 images. This will be your viewport. The inner div will hold all
of the images:
style
.viewport
{
width: 300px; /* wide enough to handle 3 images */
overflow: auto;
border: solid #000 1px;
}
.images
{
white-space: nowrap;
}
.prev
{
display: none;
}
.next
{
display: none;
}
/style
/head
body
div class=preva href=javascript:prev(); id=prev_actionimg
src=images/left-arrow alt=scroll left //a/div
div class=viewport
div class=images
img src=images/image1.gif /
img src=images/image2.gif /
...
img src=images/image15.gif /
/div
/div
div class=nexta href=javascript:next(); id=next_actionimg
src=images/right-arrow alt=scroll right //a/div
Then you could use a javascript window.onLoad function to set .viewport's
overflow to hidden and enable the prev and/or next functionality as
appropriate.
Best regards,
Kepler Gelotte
Neighbor Webmaster, Inc.
156 Normandy Dr., Piscataway, NJ 08854
www.neighborwebmaster.com
phone/fax: (732) 302-0904
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***BEGIN:VCARD
VERSION:2.1
N:Gelotte;Kepler;;Mr.
FN:Kepler Gelotte ([EMAIL PROTECTED])
ORG:Neighbor Webmaster
TITLE:Web Designer
TEL;WORK;VOICE:(732) 302-0904
TEL;WORK;FAX:(732) 302-0904
ADR;WORK:;;156 Normandy Dr;Piscataway;NJ;08854;United States of America
LABEL;WORK;ENCODING=QUOTED-PRINTABLE:156 Normandy Dr=0D=0APiscataway, NJ 08854=0D=0AUnited States of America
URL;WORK:http://www.neighborwebmaster.com
EMAIL;PREF;INTERNET:[EMAIL PROTECTED]
REV:20070415T052107Z
END:VCARD
RE: [WSG] why
Is this wrapper floating over the mast div in ie7 only? ahhh.
Hi Kevin,
I think your problem was caused by div#mast, which is contained in
div#header, had a width of 955px and was float. div#header had a width of
900px. This caused the unexpected behavior in IE. Maybe someone has a more
technical explanation of this issue.
Try this change in boxes.css:
#header {
BORDER-RIGHT: white 0px solid; BORDER-TOP: white 0px solid;
BORDER-LEFT: white 0px solid; WIDTH: 955px; BORDER-BOTTOM: white 0px solid;
/* HEIGHT: 21px */
}
#mast {
BORDER-RIGHT: pink 1px solid; BACKGROUND-POSITION: left 50%;
BORDER-TOP: pink 1px solid; /* FLOAT: left; */ BACKGROUND-IMAGE:
url(../images/mast.jpg); BORDER-LEFT: pink 1px solid; /* WIDTH: 955px; */
BORDER-BOTTOM: pink 1px solid; BACKGROUND-REPEAT: no-repeat; HEIGHT: 155px
}
Best regards,
Kepler Gelotte
Neighbor Webmaster, Inc.
156 Normandy Dr., Piscataway, NJ 08854
www.neighborwebmaster.com
phone/fax: (732) 302-0904
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***BEGIN:VCARD
VERSION:2.1
N:Gelotte;Kepler;;Mr.
FN:Kepler Gelotte ([EMAIL PROTECTED])
ORG:Neighbor Webmaster
TITLE:Web Designer
TEL;WORK;VOICE:(732) 302-0904
TEL;WORK;FAX:(732) 302-0904
ADR;WORK:;;156 Normandy Dr;Piscataway;NJ;08854;United States of America
LABEL;WORK;ENCODING=QUOTED-PRINTABLE:156 Normandy Dr=0D=0APiscataway, NJ 08854=0D=0AUnited States of America
URL;WORK:http://www.neighborwebmaster.com
EMAIL;PREF;INTERNET:[EMAIL PROTECTED]
REV:20070415T052107Z
END:VCARD
RE: [WSG]
Anyone know about a tool that automate the process of testing accessibility? any new good tool? One I like is: http://www.sidar.org/hera/index.php.en It is interactive and shows the area in question on your page. It has been around for a while though. Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***BEGIN:VCARD VERSION:2.1 N:Gelotte;Kepler;;Mr. FN:Kepler Gelotte ([EMAIL PROTECTED]) ORG:Neighbor Webmaster TITLE:Web Designer TEL;WORK;VOICE:(732) 302-0904 TEL;WORK;FAX:(732) 302-0904 ADR;WORK:;;156 Normandy Dr;Piscataway;NJ;08854;United States of America LABEL;WORK;ENCODING=QUOTED-PRINTABLE:156 Normandy Dr=0D=0APiscataway, NJ 08854=0D=0AUnited States of America URL;WORK:http://www.neighborwebmaster.com EMAIL;PREF;INTERNET:[EMAIL PROTECTED] REV:20070415T052107Z END:VCARD
RE: [WSG] :: Footer not resting at bottom of page ::
I have problem with the footer of my website: www.awayback.com it is not
staying at bottom of the page. Things are fine in case of low
resolution i.e. 1024x768 but in high resolution screens (1200x1024)
footer is hanging mid way and not at bottom of the page.
Hi Amrider,
I would suggest adding another div id=wrapper around div id=masthead
... div id=footer with a min-height of 100%:
div#wrapper {
min-height: 100%;
}
This should keep the footer at the bottom of the page on short pages.
Best regards,
Kepler Gelotte
Neighbor Webmaster, Inc.
156 Normandy Dr., Piscataway, NJ 08854
www.neighborwebmaster.com
phone/fax: (732) 302-0904
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
BEGIN:VCARD
VERSION:2.1
N:Gelotte;Kepler;;Mr.
FN:Kepler Gelotte ([EMAIL PROTECTED])
ORG:Neighbor Webmaster
TITLE:Web Designer
TEL;WORK;VOICE:(732) 302-0904
TEL;WORK;FAX:(732) 302-0904
ADR;WORK:;;156 Normandy Dr;Piscataway;NJ;08854;United States of America
LABEL;WORK;ENCODING=QUOTED-PRINTABLE:156 Normandy Dr=0D=0APiscataway, NJ 08854=0D=0AUnited States of America
URL;WORK:http://www.neighborwebmaster.com
EMAIL;PREF;INTERNET:[EMAIL PROTECTED]
REV:20070415T052107Z
END:VCARD
RE: [WSG] Floating model: FF counterintuitive
Hi Jens, I believe float rule 5) from http://www.w3.org/TR/1998/REC-CSS2-19980512/visuren.html#float-position may be the reason div two aligns next to div one. A way around this (besides the easy reordering of the divs) is to use position:absolute to float div two right: div style=float:left;width:300px;border:solid #f00 1px;heading/div div style=float:left;width:300px;margin-right:200px;border:solid #0f0 1px;div one/div div style=position: absolute;right:0;width:200px;border:solid #00f 1px;div two/div The problem with this approach is that div two can overlay heading if the screen is shrunk too small. Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***BEGIN:VCARD VERSION:2.1 N:Gelotte;Kepler;;Mr. FN:Kepler Gelotte ([EMAIL PROTECTED]) ORG:Neighbor Webmaster TITLE:Web Designer TEL;WORK;VOICE:(732) 302-0904 TEL;WORK;FAX:(732) 302-0904 ADR;WORK:;;156 Normandy Dr;Piscataway;NJ;08854;United States of America LABEL;WORK;ENCODING=QUOTED-PRINTABLE:156 Normandy Dr=0D=0APiscataway, NJ 08854=0D=0AUnited States of America URL;WORK:http://www.neighborwebmaster.com EMAIL;PREF;INTERNET:[EMAIL PROTECTED] REV:20070415T052107Z END:VCARD
RE: [WSG] Character Encoding Mismatch
Can someone tell me how to fix this W3C warning - I'm new to understanding this part. http://validator.w3.org/check?uri=http%3A%2F%2Fwww.beverlywilson.com%2F Change this tag in your head section: meta http-equiv=content-type content=text/html; charset=utf-8 / To: meta http-equiv=content-type content=text/html; charset= iso-8859-1 / Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 http://www.neighborwebmaster.com www.neighborwebmaster.com phone/fax: (732) 302-0904 Thanks! *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***BEGIN:VCARD VERSION:2.1 N:Gelotte;Kepler;;Mr. FN:Kepler Gelotte ([EMAIL PROTECTED]) ORG:Neighbor Webmaster TITLE:Web Designer TEL;WORK;VOICE:(732) 302-0904 TEL;WORK;FAX:(732) 302-0904 ADR;WORK:;;156 Normandy Dr;Piscataway;NJ;08854;United States of America LABEL;WORK;ENCODING=QUOTED-PRINTABLE:156 Normandy Dr=0D=0APiscataway, NJ 08854=0D=0AUnited States of America URL;WORK:http://www.neighborwebmaster.com EMAIL;PREF;INTERNET:[EMAIL PROTECTED] REV:20070415T052107Z END:VCARD
RE: [WSG] Print stylesheet and long urls
I am putting together a print stylesheet for an online newsletter that contains quite a number of urls, some of which are very long. Hi Sarah, You could translate your long URLs to shorter ones using some code on your server or TinyURL: http://tinyurl.com/ Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***BEGIN:VCARD VERSION:2.1 N:Gelotte;Kepler;;Mr. FN:Kepler Gelotte ([EMAIL PROTECTED]) ORG:Neighbor Webmaster TITLE:Web Designer TEL;WORK;VOICE:(732) 302-0904 TEL;WORK;FAX:(732) 302-0904 ADR;WORK:;;156 Normandy Dr;Piscataway;NJ;08854;United States of America LABEL;WORK;ENCODING=QUOTED-PRINTABLE:156 Normandy Dr=0D=0APiscataway, NJ 08854=0D=0AUnited States of America URL;WORK:http://www.neighborwebmaster.com EMAIL;PREF;INTERNET:[EMAIL PROTECTED] REV:20070415T052107Z END:VCARD
RE: [WSG] floats and ie7
i thought i had fixed this problem. i guess i didn't.
Hi Dwain,
Try adding float: left to your nav definition:
#nav {
FLOAT: left; FONT-SIZE: 90%; MARGIN: 0px 0px 0px 8.5em; COLOR:
#039; TEXT-ALIGN: left
}
Best regards,
Kepler Gelotte
Neighbor Webmaster, Inc.
156 Normandy Dr., Piscataway, NJ 08854
http://www.neighborwebmaster.com www.neighborwebmaster.com
phone/fax: (732) 302-0904
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***BEGIN:VCARD
VERSION:2.1
N:Gelotte;Kepler;;Mr.
FN:Kepler Gelotte ([EMAIL PROTECTED])
ORG:Neighbor Webmaster
TITLE:Web Designer
TEL;WORK;VOICE:(732) 302-0904
TEL;WORK;FAX:(732) 302-0904
ADR;WORK:;;156 Normandy Dr;Piscataway;NJ;08854;United States of America
LABEL;WORK;ENCODING=QUOTED-PRINTABLE:156 Normandy Dr=0D=0APiscataway, NJ 08854=0D=0AUnited States of America
URL;WORK:http://www.neighborwebmaster.com
EMAIL;PREF;INTERNET:[EMAIL PROTECTED]
REV:20070415T052107Z
END:VCARD
[WSG] Why is u deprecated?
Hi, I am just curious if anyone can explain why the u tag has been deprecated while b and i are still allowed. Thanks in advance. Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***BEGIN:VCARD VERSION:2.1 N:Gelotte;Kepler;;Mr. FN:Kepler Gelotte ([EMAIL PROTECTED]) ORG:Neighbor Webmaster TITLE:Web Designer TEL;WORK;VOICE:(732) 302-0904 TEL;WORK;FAX:(732) 302-0904 ADR;WORK:;;156 Normandy Dr;Piscataway;NJ;08854;United States of America LABEL;WORK;ENCODING=QUOTED-PRINTABLE:156 Normandy Dr=0D=0APiscataway, NJ 08854=0D=0AUnited States of America URL;WORK:http://www.neighborwebmaster.com EMAIL;PREF;INTERNET:[EMAIL PROTECTED] REV:20070415T052107Z END:VCARD
RE: [WSG] Why is u deprecated?
Thanks for the explanation John. I think the standards group still should have deprecated b and i though. Seems a pretty weak argument to say that strong and em will be misused because b and i already are. Bold and italics can be controlled through CSS as well, leaving HTML as clean and semantic as possible. Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***BEGIN:VCARD VERSION:2.1 N:Gelotte;Kepler;;Mr. FN:Kepler Gelotte ([EMAIL PROTECTED]) ORG:Neighbor Webmaster TITLE:Web Designer TEL;WORK;VOICE:(732) 302-0904 TEL;WORK;FAX:(732) 302-0904 ADR;WORK:;;156 Normandy Dr;Piscataway;NJ;08854;United States of America LABEL;WORK;ENCODING=QUOTED-PRINTABLE:156 Normandy Dr=0D=0APiscataway, NJ 08854=0D=0AUnited States of America URL;WORK:http://www.neighborwebmaster.com EMAIL;PREF;INTERNET:[EMAIL PROTECTED] REV:20070415T052107Z END:VCARD
RE: [WSG] a a:hover
Hi, When appending the class name to the element as you did in: a.launch:hover the class *must* be in the element tag that you specified. You put the class=launch in the li element, not the a element. To solve it, either change your CSS to: li.launch a:hover *or* change your HTML to: lia href=http://www.bittencourtlopes.com.br/; class=launch target=_blank title=LaunchemLaunch/em/a/li Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 http://www.neighborwebmaster.com www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***BEGIN:VCARD VERSION:2.1 N:Gelotte;Kepler;;Mr. FN:Kepler Gelotte ([EMAIL PROTECTED]) ORG:Neighbor Webmaster TITLE:Web Designer TEL;WORK;VOICE:(732) 302-0904 TEL;WORK;FAX:(732) 302-0904 ADR;WORK:;;156 Normandy Dr;Piscataway;NJ;08854;United States of America LABEL;WORK;ENCODING=QUOTED-PRINTABLE:156 Normandy Dr=0D=0APiscataway, NJ 08854=0D=0AUnited States of America URL;WORK:http://www.neighborwebmaster.com EMAIL;PREF;INTERNET:[EMAIL PROTECTED] REV:20070415T052107Z END:VCARD
RE: [WSG] a a:hover
* I don´t know why is it happening but the hover is ok, working with
all the links but the link is working only in one link. Here´s the style
Make sure you are also setting :visited as well:
li.launch a:link{
color:#CDEB8B;
}
li.launch a:visited{
color:#CDEB8B;
}
li.launch a:hover{
color:#CDEB8B;
text-decoration:underline;
}
If that doesnt work, make sure you have the class=launch on all list
elements that you want the color applied to.
Hope that helps.
Best regards,
Kepler Gelotte
Neighbor Webmaster, Inc.
156 Normandy Dr., Piscataway, NJ 08854
http://www.neighborwebmaster.com www.neighborwebmaster.com
phone/fax: (732) 302-0904
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
BEGIN:VCARD
VERSION:2.1
N:Gelotte;Kepler;;Mr.
FN:Kepler Gelotte ([EMAIL PROTECTED])
ORG:Neighbor Webmaster
TITLE:Web Designer
TEL;WORK;VOICE:(732) 302-0904
TEL;WORK;FAX:(732) 302-0904
ADR;WORK:;;156 Normandy Dr;Piscataway;NJ;08854;United States of America
LABEL;WORK;ENCODING=QUOTED-PRINTABLE:156 Normandy Dr=0D=0APiscataway, NJ 08854=0D=0AUnited States of America
URL;WORK:http://www.neighborwebmaster.com
EMAIL;PREF;INTERNET:[EMAIL PROTECTED]
REV:20070415T052107Z
END:VCARD
RE: [WSG] strange css behavior
Hi Michael,
The problem appears to be that Internet Explorer gets confused by the link
being also referenced in the head section with the link tag. I think it
is assuming it has read the contents of the link (which it doesn't because I
traced HTTP requests). A simple test shows that this is the case. Copy the
HTML below into a file and clear your history in IE. When you first open the
page all links are blue. Refreshing the page turns the RSS links red.
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
html xmlns=http://www.w3.org/1999/xhtml; dir=ltr
head
meta http-equiv=Content-Type content=text/html; charset=UTF-8 /
titletest page/title
link rel=alternate type=application/atom+xml title=Posts on
'The Atomic Conservative' (Atom)
href=http://theatomicconservative.typepad.com/my_weblog/atom.xml; /
link rel=alternate type=application/rss+xml title=Posts on
'The Atomic Conservative' (RSS 1.0)
href=http://theatomicconservative.typepad.com/my_weblog/index.rdf; /
link rel=alternate type=application/rss+xml title=Posts on
'The Atomic Conservative' (RSS 2.0)
href=http://theatomicconservative.typepad.com/my_weblog/rss.xml; /
style type=text/css
a:link
{
color: #00F;
}
a:visited
{
color: #F00;
}
a:hover
{
color: #FF0;
}
a:active
{
color: #0FF;
}
/style
/head
body
div id=wrapper
pRegular Link: a
href=http://www.google.com;Google/a/p
pRSS Link: a
href=http://theatomicconservative.typepad.com/my_weblog/index.rdf;Atomic
Feed/a/p
pXML RSS Link: a
href=http://theatomicconservative.typepad.com/my_weblog/atom.xml;Atomic
XML Feed/a/p
/div
/body
/html
If you comment out the link for the feeds, they no longer show as visited
when you refresh the page. I suggest using an icon for the RSS feed instead
of the test link.
Regards,
Kepler
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Michael Horowitz
Sent: Tuesday, December 18, 2007 6:32 PM
To: wsg@webstandardsgroup.org
Subject: [WSG] strange css behavior
People may remember I'm working on an issue where when I click on one
link on my site http://theatomicconservative.typepad.com/ other links
such as Subscribe to this blogs feed turn red as if they were visited.
Doing more testing I started changing the page without clicking on the
link (ie putting the address directly in the browser) and the problem
still occurs. I'm wondering if this gives anyone an idea what I should
look at.
--
Michael Horowitz
Your Computer Consultant
http://yourcomputerconsultant.com
561-394-9079
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
RE: [WSG] strange css behavior
It will be a universal issue of a link appearing as visited when it is also
referenced in a link tag in the head section in IE 7. This is not really an
RSS issue (as far as I know).
Regards,
Kepler
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Michael Horowitz
Sent: Wednesday, December 19, 2007 12:06 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] strange css behavior
So this will be a universal issue RSS in IE 7?
Michael Horowitz
Your Computer Consultant
http://yourcomputerconsultant.com
561-394-9079
Kepler Gelotte wrote:
Hi Michael,
The problem appears to be that Internet Explorer gets confused by the link
being also referenced in the head section with the link tag. I think
it
is assuming it has read the contents of the link (which it doesn't because
I
traced HTTP requests). A simple test shows that this is the case. Copy the
HTML below into a file and clear your history in IE. When you first open
the
page all links are blue. Refreshing the page turns the RSS links red.
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
html xmlns=http://www.w3.org/1999/xhtml; dir=ltr
head
meta http-equiv=Content-Type content=text/html; charset=UTF-8 /
titletest page/title
link rel=alternate type=application/atom+xml title=Posts on
'The Atomic Conservative' (Atom)
href=http://theatomicconservative.typepad.com/my_weblog/atom.xml; /
link rel=alternate type=application/rss+xml title=Posts on
'The Atomic Conservative' (RSS 1.0)
href=http://theatomicconservative.typepad.com/my_weblog/index.rdf; /
link rel=alternate type=application/rss+xml title=Posts on
'The Atomic Conservative' (RSS 2.0)
href=http://theatomicconservative.typepad.com/my_weblog/rss.xml; /
style type=text/css
a:link
{
color: #00F;
}
a:visited
{
color: #F00;
}
a:hover
{
color: #FF0;
}
a:active
{
color: #0FF;
}
/style
/head
body
div id=wrapper
pRegular Link: a
href=http://www.google.com;Google/a/p
pRSS Link: a
href=http://theatomicconservative.typepad.com/my_weblog/index.rdf;Atomic
Feed/a/p
pXML RSS Link: a
href=http://theatomicconservative.typepad.com/my_weblog/atom.xml;Atomic
XML Feed/a/p
/div
/body
/html
If you comment out the link for the feeds, they no longer show as
visited
when you refresh the page. I suggest using an icon for the RSS feed
instead
of the test link.
Regards,
Kepler
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Michael Horowitz
Sent: Tuesday, December 18, 2007 6:32 PM
To: wsg@webstandardsgroup.org
Subject: [WSG] strange css behavior
People may remember I'm working on an issue where when I click on one
link on my site http://theatomicconservative.typepad.com/ other links
such as Subscribe to this blogs feed turn red as if they were visited.
Doing more testing I started changing the page without clicking on the
link (ie putting the address directly in the browser) and the problem
still occurs. I'm wondering if this gives anyone an idea what I should
look at.
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
RE: [WSG] Appropriate use of the ABBR tag and Roman Numerals
That's interesting. I had thought of the lang attribute as well but didn't think that Roman Numerals were attached to any language in particular (as Lars points out). I think maybe the HTML specification needs something like a num attribute that allows you to specify the numeric system (e.g. span num=Boolean10011/span). Maybe this is too much classification being added to HTML though. Regards, Kepler -Original Message- From: Keryx Web [mailto:[EMAIL PROTECTED] Sent: Saturday, December 01, 2007 2:27 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Appropriate use of the ABBR tag and Roman Numerals Geoff Pack skrev: Since they're Roman numerals, shouldn't there be a lang=la in there somewhere? Roman numerals may be used in more languages than latin. They are simply put just another way to write a number. Lars Gunther Who BTW has read Latin... *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] display issue in IE7
Hi Taco,
Try getting rid of the HEIGHT: 3em from:
FORM#search-main LI {
CLEAR: left; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM:
0.5em; PADDING-TOP: 0.5em; HEIGHT: 3em
}
In power.css
Regards,
Kepler
-Original Message-
From: Taco Fleur [mailto:[EMAIL PROTECTED]
Sent: Thursday, November 29, 2007 2:21 AM
To: wsg@webstandardsgroup.org
Subject: [WSG] display issue in IE7
Hello all,
Would anyone have any idea what causes the display issue with the line that
start with with... right underneath PayPal?
http://www.clickfind.com.au/power-search.cfm
The page validates by the way.
Thanks in advance.
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
RE: [WSG] Appropriate use of the ABBR tag and Roman Numerals
Hi Tate, I came across this article: http://www.alistapart.com/articles/hattrick Which recommends using the dfn tag: Roman numerals Another good application for this trick is the Roman numeral. We want to make sure our Roman numerals are accessible to users who are unfamiliar or have difficulty with them, but also make sure JAWS speaks them naturally. King Henry a href=/glossary.html#romannums title=the eighth class=glossdfn title=Roman numeral eightVIII/dfn/a had many wives. ... Regards, Kepler *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Input tag - closing tag optional?
Also, if I understand correctly, this will break in IE? Actually the original question was whether the input element (which is defined as EMPTY in the DTD) requires a closing /input tag. It was not whether an empty element like a div with no content could be written as a simple tag. According to the XML spec. it is valid XML to do so, however it recommends that only EMPTY elements be written using the simple tag syntax: http://www.w3.org/TR/2004/REC-xml-20040204/#dt-content For interoperability, the empty-element tag SHOULD be used, and SHOULD only be used, for elements which are declared EMPTY Using the start tag/end tag combination for tags defined as EMPTY works fine in most recent browsers: http://www.neighborwebmaster.com/tests/input.php Regards, Kepler *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Input tag - closing tag optional?
I'm afraid browser don't agree with this, though. I'm not sure about input but I'm positive that div/div is not the same as div / as far as browser rendering goes. Hi Dusan, I was going by my knowledge of XML. According to the XHTML spec. both forms are equivalent: http://www.w3.org/TR/2002/REC-xhtml1-20020801/#h-4.6 As you pointed out though, not all browsers recognize strict XML: http://www.w3.org/TR/2002/REC-xhtml1-20020801/#guidelines Regards, Kepler *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Input tag - closing tag optional?
there's no closing tag input / is XHTML input is HTML Actually as far as XML (and consequently XHTML) is concerned: input type=text name=a value=a/input Is the same as: input type=text name=a value=a / It's just that input can't contain anything between the start and end tags. Both are valid though. Regards, Kepler *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] cant stop IE 7 unnecessary vertical scrolling
Hi Samantha, I believe your issue is that you are using position: relative in combination with a negative top offset to align adjacent divs. This leaves the original space where the div would have been. The extra space is shifted below the footer because you have height set on the html and body elements in your CSS. I would suggest: 1) remove all percentage heights from your CSS 2) use position: absolute to vertically align adjacent divs as this will take it out of the flow of the document and not leave extra space Regards, Kepler *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] javascript help
Hi there, I have some questions for an assignment that I can't figure out. If anyone could be of assistance that would be much appreciated. How many credits do we get for the correct answers? ;-) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Encoded mailto links
Thanks for that Nick, I changed the example domain. If you do want to test it though you would need to copy the code, change it to you own domain and email addresses, and put it on your own server. Best Regards, Kepler -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Nick Fitzsimons Sent: Friday, October 19, 2007 9:06 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Encoded mailto links On 19 Oct 2007, at 04:59, Kepler Gelotte wrote: I created a test page that demonstrates the technique. I tested it with my email but changed it to a dummy domain so I won't get flooded with emails. Kepler, mydomain.com isn't a dummy domain: http://www.whois.net/whois_new.cgi?d=mydomaintld=com If you need to use a dummy domain name, example.com and others have been reserved for exactly that purpose: To reduce the likelihood of conflict and confusion, a few top level domain names are reserved for use in private testing, as examples in documentation, and the like. In addition, a few second level domain names reserved for use as examples are documented. http://www.ietf.org/rfc/rfc2606.txt Regards, Nick. -- Nick Fitzsimons http://www.nickfitz.co.uk/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Encoded mailto links
I just got curious and went on to test that .htaccess trick in the real world. I'd say that I'm less than happy with the results. I tried some tests with similar behavior. I think I found a technique that gets around the problem. By initiating the mailto: redirect from an object embedded on your page, you get around the problem of the browser waiting for HTML to display. This method doesn't work on all browsers (safari on windows for example) so a submission form is also required. I created a test page that demonstrates the technique. I tested it with my email but changed it to a dummy domain so I won't get flooded with emails. The link is: http://www.neighborwebmaster.com/tests/safe_email.php Regards, Kepler Gelotte *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] IE 7 check please
Hi Tee, For http://spanish-portuguese.berkeley.edu/ - I'm not seeing a horizontal scrollbar in IE7 until you resize below around 770px (after the 3rd column drops below the 2nd). I suspect this is the behavior you wanted since FireFox behaves the same way. One thing I did note was the search heading remained at the right and didn't drop below the second column like the rest of the 3rd column. I suspect it is because it is contained in the second column's div: !-- search separator -- h5 class=fir id=searchttSEARCH THIS WEBSITEspannbsp;/span/h5 /div!-- END secCont -- For http://www.thinkvitamin.com/ - This site has a scrollbar in IE7 around 884px. It appears that this is caused by the footer. In FireFox it just ignores that the right portion of the footer is being chopped off and doesn't give you a scrollbar but as soon as the footer content doesn't fit in IE7 the scroll bar appears. Regards, Kepler -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Tee G. Peng Sent: Saturday, October 13, 2007 1:48 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] IE 7 check please On Oct 12, 2007, at 10:33 PM, Tee G. Peng wrote: Can you please tell me if you see a horizontal scroll-bar in these two sites in IE 7 (not standalone), in 800px wide screen. http://spanish-portuguese.berkeley.edu/ I forgot to mention, in the above site, it actually is about 776px before you see a horizontal bar, but that doesn't eliminate my suspicion that IE 7 has issue with elastic layout, becaus at IE 6, the scollbar appears when the sreen is smaller that 769px. thanks! tee *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] document.getElementById slow?
When in doubt, test! All else is futile speculation: http://www.nickfitz.co.uk/tests/javascript/get-id-v-dot.html Hi Nick, Thanks for the script. I suspected your results may be a bit skewed because: 1) The DOM structure was very small 2) There are different implementations of the JavaScript engine. I added some depth to the DOM tree and tested in 3 different browses all on a Vista PC. It appears both FireFox and Safari use an optimized searching algorithm (most likely hash tables). Internet Explorer seems to use a brute force method: FF 2.0.0.7 Overhead: 71 getElementById: 186 form.elements: 294 Safari 3.0.3 Overhead: 7 getElementById: 26 form.elements: 66 IE 7.0.6 Overhead: 54 getElementById: 5533 form.elements: 235 You can try for yourself here: http://www.neighborwebmaster.com/tests/get-id-v-dot.html Regards, Kepler Gelotte *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] document.getElementById slow?
So which is faster? document.forms.myform.elements.field1 or document.getElementById(field1) Hi Simon, First of all thanks for breaking the Target thread ;-) I haven't looked at the code of the Rhino javascript engine, but what your friend says makes sense. The browser creates a tree structure out of your HTML (DOM) so a function like getElementById() would have to traverse the tree to find the element. Using the first form you are giving the javascript engine a direct path to the element. There are ways the writers of the javascript engine could have optimized getElementById() using hash tables, etc. In reality most DOM structures aren't huge so traversing a tree shouldn't take that long. Regards, Kepler Gelotte *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: A: [WSG] Target Lawsuit - Please Make Yourself Heard
Not every website or even company is run by a large corporation ... not everyone has lots of cash to spend on lawyers... You can be sued for lot's of reasons. Laws are in place to protect people. You break them, you run the risk of getting sued. From Title III of the Americans with Disabilities Act of 1990: Under Title III, no individual may be discriminated against on the basis of disability with regards to the full and equal enjoyment of the goods, services, facilities, or accommodations of any place of public accommodation by any person who owns, leases (or leases to), or operates a place of public accommodation. Public accommodations include most places of lodging (such as inns and hotels), recreation, transportation, education, and dining, along with stores, care providers, and places of public displays, among other things. I suggest if you don't like the law write your congressman. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: Betr.: Re: [WSG] IE bug?
Hi, I noticed your images are pretty large. Are you on a slow bandwidth connection like dial up? I know IE gives up if something doesn't download within a specific time period (I believe it is 60 seconds by default - could be wrong about the default). You could try bringing your images into PhotoShop or similar package and save for web. I took one image and reduced it to less 1/10th it's original size with no loss in quality. Best Regards, Kepler *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] IE7 resolution dependency query
Hi Sarah,
Line 35 in resolution.js doesn't look right to me. Seems to be missing
small for the setStylesheet function:
function checkBrowserWidth()
6{
7 var theWidth = getBrowserWidth();
8
9 if (theWidth == 0)
10 {
11 var resolutionCookie =
document.cookie.match(/(^|;)tmib_res_layout[^;]*(;|$)/);
12
13 if (resolutionCookie != null)
14 {
15 setStylesheet(unescape(resolutionCookie[0].split(=)[1]));
16 }
17
18 addLoadListener(checkBrowserWidth);
19
20 return false;
21 }
22
23 if (theWidth 1000)
24 {
25 setStylesheet(wide);
26 document.cookie = tmib_res_layout= + escape(wide);
27 }
28 else if (theWidth 690)
29 {
30 setStylesheet(medium);
31 document.cookie = tmib_res_layout= + escape(medium);
32 }
33 else
34 {
35 setStylesheet();
36 document.cookie = tmib_res_layout=;
37 }
38
39 return true;
40};
41
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
RE: [WSG] IE7 resolution dependency query
Hi, If you get rid of HEIGHT: 116px in your .header definition in narrow.css that should fix your problem. Regards, Kepler *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] lack of 'lang' attribute fails WAI
Some pages contain two languages and that was the reason I thought 'lang=en' isn't quite appropriate. ... Up till this point, the whole purpose of lang attribute is at fault. Will WCAG2 amend this or perhaps introduce a new attribute for bilingual site? Hi Tee, Personally I think it is an accessibility issue to mix two languages on the same page. I am just curious why you did that. If it is a requirement, you can identify a particular block as being in a different language by using the lang attribute on that one block. Then use the lang attribute on the html tag to identify the main language of the page ( http://www.w3.org/TR/WCAG10-HTML-TECHS/#changes-in-lang ) . I currently am working on a multilingual site myself. It is not live but you can see it at ( http://lafermerie.neighborwebmaster.com ). The links on the lower right allow you to switch between languages. I am using UTF-8 and setting the lang attribute based on the currently selected language. Regards, Kepler Gelotte *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] lack of 'lang' attribute fails WAI
Wow!! Powered by Zencart! I know it's not ready for production environment, but did you check the Magento? Yes, I did look at Magneto briefly. I like their checkout screen much better than ZenCart's checkout process, but when I saw it was still Beta I decided I needed something more stable. Regards, Kepler *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Firefox bug on CSS white-space property
Hi, I dont think it is a bug. First of all you are not overriding the white-space property buy assigning it to child elements or parent elements. You just create a conflict. Then precedence takes affect. According to the CSS2 spec: 'white-space' Value: normal | pre | nowrap | inherit Initial: normal Applies to: block-level elements Inherited: yes Percentages: N/A Media: visual Since you applied the white-space: normal to a span element which is not a block-level element it is ignored. By changing the span to a div *or* adding display:block to the spans style, you will get the effect you were expecting. Regards, Kepler From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Julián Landerreche Sent: Tuesday, August 28, 2007 9:10 PM To: [EMAIL PROTECTED]; wsg@webstandardsgroup.org Subject: [WSG] Firefox bug on CSS white-space property Hi all. First: sorry, I'm double posting this on two lists so anyone can confirm this (before reporting to Mozilla). The issue is simple (you will see it better by just creating a testing html with the snippet below): - there is a white-space:nowrap property (in the stylesheet) applied to the a element . - then, that rule is override with some inline styling applied (white-space:normal) on two elements: one that wraps the a elements and one that is wrapped by the a element (that also contains the text). - the text inside the a elements is a very very very long link. - and the link is inside a table with a fixed with. - every tested browser (but FF) honors both the width of the table and the white-space:normal applied to both the parent and children of the a elements. - but Firefox just expands the table width and doesn't break the link in multiple lines as expected. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Firefox bug on CSS white-space property
And if the link text were to long for the space allowed by the table (e.g. a very very long word), the table should expand, unless the table has 'table-layout: fixed' specified. The table should expand even though he specified width=175? I learn something new every day. Regards, Kepler *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] CSS/IE Link Color Problem - SOLVED
now I replace the link with the navigation text wrapped in a span
(programatically) and style the span to match my active/hover needs.
e.g.
ul#navTopSimpleUL li a:focus,
ul#navTopSimpleUL li a:hover,
ul#navTopSimpleUL li.active span
{
color: #CC0033;
cursor: default;
text-decoration: none;
}
-
Hi,
Sorry I didn't look at your issue close enough the first time. An
alternative to Tony's solution that I use is to add an id to the body tag
and ids to each of the list items. So you can style:
ul#navTopSimpleUL li a:focus,
ul#navTopSimpleUL li a:hover,
body#section1 ul#navTopSimpleUL li#nav-section1
{
color: #CC0033;
cursor: default;
text-decoration: none;
}
With the HTML snippet:
body id=section1
...
ul id=navTopSimpleUL
li id=nav-section1a href=index.php?cmd=s1,p1 title=TitleSection
1/a/li
li id=nav-section2a href=index.php?cmd=s2,p1 title=TitleSection
2/a/li
li id=nav-sectuion3a href=index.php?cmd=s3,p1 title=TitleSection
3/a/li
...
/ul
The menu HTML stays the same page to page but the body id changes. I don't
know which solution is programmatically easier for you.
Good luck,
Kepler
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
RE: [WSG] Footer taking width from form
Good morning http://www.colouru.com.au/contactus.html On this particular page in IE only, the #footer seems to be taking its width from the form. I have cleared everything I can think of but cannot find the problem. Hi Lyn You have a typo in your clearfooter div: xdiv id=clearfooter/div See if fixing that helps. -- Hi, Another thing I find odd is that you are using an empty tag for your form instead of wrapping the form fields with a start and end tag. Instead of: form method=post action=/cgi-bin/formmail/FormMail.pl / Maybe try: form method=post action=/cgi-bin/formmail/FormMail.pl fieldset ... /fieldset /form Please note I left the DOCTYPE and other W3C standard structural elements out of my description for brevity. Regards, Kepler *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Please help! CSS/IE Link Color Problem
When the chosen page loads, the chosen link turns deep red.
The declaration for this is as follows:
/*ACTIVE LINKS ONLY*/
ul#navTopSimpleUL li a.active
{
color: #CC0033;
cursor: default;
text-decoration: none;
}
Hi Cole,,
You may want to also set focus on the element and declare a
ul#navTopSimpleUL li a.focus definition mimicking the active definition. I
believe I read somewhere that IE6 treats active and focus states the same,
or confuses them.
Regards,
Kepler
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***attachment: winmail.dat
RE: [WSG] Auto scaling within a table's background image
Could you show me how to correctly position the image overlay in
the content-reserved portion in my example.
Hi Matt,
I'm not sure what you are asking me. One thing to remember is that absolute
positioning is from the next higher block element. If you want to absolutely
position within a portion of a table, try surrounding the table with a div
and position within that container:
html
head
style
img.stretch {
width: 250px; /* 300 - 50 */
height: 250px; /* 300 - 50 */
z-index: -1;
position: absolute;
top: 50;
left: 50;
}
div.overlay {
width: 100%;
height: 100%;
z-index: 1;
}
div.container {
width: 300px;
height: 300px;
z-index: 1;
position: absolute;
border: solid red 1px;
top: 150;
left: 150;
}
/style
/head
body
div class=container
div class=overlayHere is some text/div
img src=logo.jpg class=stretch /
/div
/body
/html
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
RE: [WSG] Auto scaling within a table's background image
No. Positioned element, not block element. Ah, thanks for clarifying. Type attribute? this was just a stripped down example to show the concept. 50 what? It's what he was asking for help on. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Auto scaling within a table's background image
My dilemna was and still is to autofit an image of any size (entire image
should be viewable) within the table's background image property using the
style attribute. This table is currently no more than roughly 100 pixels
on either side.
Hi Matt,
Here is a sample mockup I created using an overlay technique. Substitute the
table for the div in your case. A better approach may be to resize the image
on the server when the user uploads it using the GD2 library. I used the
image resizing and cropping facilities for my home grown CMS.
html
head
style
img.stretch {
width: 500px;
height: 300px;
z-index: -1;
position: absolute;
top: 50;
left: 50;
}
div.overlay {
width: 500px;
height: 300px;
z-index: 1;
position: absolute;
top: 50;
left: 50;
}
/style
/head
body
div class=overlayHere is
some text/div
img src=logo.jpg
class=stretch /
/body
/html
Best of luck,
Kepler Gelotte
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
RE: [WSG] Floats Drifting
CK,
I also see that you have fixed width header definitions within your
percentage width floated divs. I think earlier versions of IE would widen
the container to accommodate the inner widths, so your 40% width container
would widen to 500px even if 500px was 90% of your browser screen.
div#bd_secondary {
background-color:#CC;
float:right;
width:40%;
}
div.innercontainers h3 {
background-color:#FF;
color:#66;
padding:4px 0pt;
text-align:left;
width:500px; /* try 100% instead */
}
div id=bd_secondary
div id=bd_inner_01 class=innercontainers
h3
About
/h3
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
RE: [WSG] Floats Drifting
Would someone assist in containing the floats?
Hi,
Seems to be a number of issues with your layout. The 2 main ones would be
the footer should use clear: both instead of absolute positioning:
div#bd_footer {
background-color:#FF;
padding:10px;
clear:both;
width:75%;
}
The floated divs should not used fixed padding and percentage widths as you
run the risk of wrapping (also you only specified 3 values in padding.):
div#bd_primary {
background-color:#FF;
float:left;
padding:2% 2% 5% 2%;
width:50%;
}
IE interprets min-height/min-width differently than you may expect. I see
some hacks in your CSS so maybe you were trying to address that already.
I think there are other issues maybe someone else will spot.
Regards
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
RE: [WSG] margin problem in Firefox
Hi Tee,
The indentation appears to be coming from
#comments li {
margin-left:96px;
}
Not #comments li.msg_left as you assumed. Adding a margin-left: 5px; to your
#comments li.poster and #comments li.myresponse definitions will fix the
problem:
#comments li.poster {
background:#2E2F30 url(images/curve-top.jpg) no-repeat scroll right
top;
padding:5px 0pt 5px 25px;
width:auto;
margin-left:5px;
}
#comments li.myresponse {
background:#CC8C0B url(images/myresponse_ctop.jpg) no-repeat scroll
right top;
padding:5px 5px 5px 18px;
width:auto;
margin-left:5px;
}
Regards,
Kepler Gelotte
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Tee G. Peng
Sent: Thursday, July 19, 2007 2:04 PM
To: wsg@webstandardsgroup.org
Subject: [WSG] margin problem in Firefox
Hi, I don't seem able to solve this very simple position problem for
the comment area.
First I wasn't sure whether I should use OL or UL or P or DT for the
comment (my first question), after looking at some blogs I decided to
go with OL (with a question mark hanging in my head), everything
seemed working as expected until I started adding pretty background
colors/images and Firefox doesn't obey my rule. Been spending last 4
hours trying to figure what I did wrong with Firefox but I am unable
to see the error.
Pleaseee lend me your crystal clear eyes.
There shouldn't be a gap for the mustard background (#1, #2...) and
the 'john doe on july 15, 11:34am' gray background
http://zhujili.com/index-new.html
codes in question:
#comments li {margin-left:96px; /* because the gray background image
is 96px wide}
#comments li.msg_left {font-size:1em;
background:#cc8c0b;
padding:5px;
float:left;
width:30px;
margin-left:51px; /* this one is causing the problem in Firefox but
I need this declared because I wanted the the box stay 51px away from
the left */
color:#ddd;font-weight:bold;}
It appears that in Firefox, the li.poster inherits the margin-left:
51px from the li.msg_left which I can't make sense of it.
#comments li.poster {width:auto;padding:5px 0 5px
15px;background:#2E2F30 url(images/curve-top.jpg) no-repeat right top;}
thanks!
tee
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
RE: [WSG] H1 font not set in IE
I'm om FF 2.0.0.4 as well - can you confirm that tou see the ampersand
character styled in 'Gates Railings' the same way on both the heading
and the menus ? I see different - with the menu being more stylised.
Hi Nick,
I think the issue may be that the H1 tag is defaulting to different font
weights on different browsers. I added the FONT-WEIGHT: normal; below to the
H1 CSS definition and it appears now in Garamond (at least on IE7 on my
computer). I suspect I don't have the Garamond bold font set loaded on my
computer.
As other people have mentioned, a comma separated list of fallback fonts
would be a good idea.
H1 {
FONT-WEIGHT: normal; FONT-SIZE: 2.5em; COLOR: #051779; FONT-STYLE:
italic; FONT-FAMILY: Garamond;
}
Regards,
Kepler Gelotte
http://www.neighborwebmaster.com
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
RE: [WSG] Re: Microformats was [ Is this a good use of dl ]
Perhaps I'm being dumb here, but I've looked at Microformats (briefly) and I can't see the advantage over what any decent webby would knock up on his own. The hcard example makes every line a div and just seems, frankly, daft. So what's it all about? What microformats do is create a common syntax for representing information. This allows software which reads your HTML (Google spiders, Firefox plugins, etc.) to know for certain what is the contact information on the page. If every designer created their own syntax, you couldn't build a Firefox plugin to make a clickable add to contacts type of plugin for example. Microformats are a step in the direction of the semantic web. Regards, Kepler Gelotte *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Content not appearing in IE
Peekaboo bug?
Since it is not showing up in IE7 either I'm not sure it is the Peekaboo
bug. I have seen this behavior before when mixing floated divs with
positioned divs and then clearing the floats underneath. You could try
switching to a floated content_info section like:
DIV#content_info {
FLOAT: left; WIDTH: 55%; MARGIN-LEFT: 18%;
}
Regards,
Kepler
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
RE: [WSG] Navigation link not working in some browsers
There is a very strange instance of a navigation link not working on one particular page - the products.html page link back to HOME. All other pages seem to be OK. Your div id=nav is being overlaid by your div id=left. I don't think z-index will help in this case, but you still may want to try it. You may want to try putting the nav in the container div and let the other divs flow naturally instead of forcing top:0; Regatds, Kepler *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Problem getting IE to behave
Hi, The problem is in the javascript function TJK_tipMenu() in external.js. Add the following line: z_IMG.style.top=0; after the line: z_IMG.style.left=0; Regards, Kepler Gelotte -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Thierry Koblentz Sent: Friday, June 15, 2007 11:47 AM To: wsg@webstandardsgroup.org Subject: RE: [WSG] Problem getting IE to behave On Behalf Of Kim Kruse On this page http://www.geekministry.com/index1.php I've a problem getting the navbar to sit where I want it. If you look in FF/Opera you'll see how it should look. I just can't figure out what is causing the drop in IE and would really appreciate if someone could point me in the right direction. Hi Kim, In IE, the As cut-off the bottom of the images. You could go with overflow:visible, but I think giving them a specific height will work better for you, so try height:39px Make sure to set enough specificity --- Regards, Thierry | www.TJKDesign.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Tiling image problem
Hi Cole,
I think the problem is the repeat-y will fill the image vertically over the
entire contents no matter where you position it initially. You may try a
vertical 1px by 1000px (or taller than your page will ever be) image. And
use the following:
background:
url(/resources/5661/assets/images_medical/wrapper_vertical_tile.jpg)
repeat-x 0 300px;
Regards,
Kepler Gelotte
_
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Cole Kuryakin
Sent: Monday, May 21, 2007 1:18 AM
To: wsg@webstandardsgroup.org
Subject: [WSG] Tiling image problem
Hello All -
I'm setting a 1px by 770px image to repeat vertically within a wrapper div.
Difference is that I need this repeat to START 300px from the top of the
wrapper.
So far, no luck. Here's the code:
#wrapper {
position: relative;
width: 770px;
margin: 0 auto;
text-align: left;
background:
url(/resources/5661/assets/images_medical/wrapper_tile.jpg) repeat-y 0
300px;
}
Reason I'm starting off at 300px from the top is because I need the top of
the wrapper to be transparent so the tiling body background can be seen
above and below the header, but the area behind the nav and content areas
NEED to be white.
So, is it possible to start a tile a certain distance from the top of a
containing div?
If so, can someone tell me what I'm doing wrong?
If you'd like to see this live, look here: http://teratest.terapad.com
Thanks to all in advance!
Cole
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***attachment: winmail.dat
RE: [WSG] Tiling image problem
Hi Cole,
I think the problem is the repeat-y will fill the image vertically over the
entire contents no matter where you position it initially. You may try a
vertical 1px by 1000px (or taller than your page will ever be) image. And
use the following:
background:
url(/resources/5661/assets/images_medical/wrapper_vertical_tile.jpg)
repeat-x 0 300px;
Regards,
Kepler Gelotte
_
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Cole Kuryakin
Sent: Monday, May 21, 2007 1:18 AM
To: wsg@webstandardsgroup.org
Subject: [WSG] Tiling image problem
Hello All -
I'm setting a 1px by 770px image to repeat vertically within a wrapper div.
Difference is that I need this repeat to START 300px from the top of the
wrapper.
So far, no luck. Here's the code:
#wrapper {
position: relative;
width: 770px;
margin: 0 auto;
text-align: left;
background:
url(/resources/5661/assets/images_medical/wrapper_tile.jpg) repeat-y 0
300px;
}
Reason I'm starting off at 300px from the top is because I need the top of
the wrapper to be transparent so the tiling body background can be seen
above and below the header, but the area behind the nav and content areas
NEED to be white.
So, is it possible to start a tile a certain distance from the top of a
containing div?
If so, can someone tell me what I'm doing wrong?
If you'd like to see this live, look here: http://teratest.terapad.com
Thanks to all in advance!
Cole
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***attachment: winmail.dat
RE: [WSG] Site check Please - new thread
Hi Taco,
I would suggest using a percentage to size the text in the yellow band
instead of smaller since IE has a different idea of what smaller is
compared to Firefox:
p span.smaller {
font-size: 80%;
}
I would also suggest using em sizing. The height of the yellow band would
then resize along with the text:
#frm_s {
position: absolute;
top: 41px;
width: 100%;
height: 3em;
border-top: 1px solid #fff;
background-color: #fc0;
background: url(/_resource/image/mn_shadow.gif) #fc0 bottom
no-repeat;
}
Basically anything you want to resize when he font size is changed can be
sized using ems. At font-size: 100%, 1em = 16px. At font-size: 62.5%, 1em =
10px.
I would also suggest having the second row of divs (box1, box2, box3)
contained within the divs sellstuff, buystuff, mystuff and position them at
the bottom.
Regards,
Kepler
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Taco Fleur
Sent: Wednesday, May 16, 2007 12:35 AM
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] Site check Please - new thread
Hi Felix thanks for the effort.
A solution to the problem would be great as well ;-) Min-height doesn't work
in all browsers which would be the best solution I guess.
Any ideas on why the purple background while it should be white, or is that
just your screenshot?
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Felix Miata
Sent: Wednesday, 16 May 2007 2:22 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Site check Please - new thread
[I have a minimum font size set to prevent eyestrain.]
On 2007/05/16 12:51 (GMT+1000) Taco Fleur apparently typed:
Anyways; anyone interested in a site check?
http://web-strategists.com:888
I like it a lot above the yellow, but I don't like 3.5 word line lengths at
all. An unset background color and links half hiding behind other things are
unimpressive as well. http://mrmazda.no-ip.com/SS/tacofl2.jpg
--
The path of the righteous is like the first gleam of dawn, shining
ever brighter till the full light of day. Proverbs 4:18 NIV
Team OS/2 ** Reg. Linux User #211409
Felix Miata *** http://mrmazda.no-ip.com/
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
RE: [WSG] IE6 problem - more general
Hi Susie,
I am not an expert by any means. I joined this group to learn from others
and get some tips. I try to tackle other people's problems because it s a
great way to learn and hopefully I can help someone out in the process. I
have read a number of books on CSS (and other web related topics) and found
the best explanation of the CSS model for me was in CSS Mastery Advanced
Web Standards Solutions by Andy Budd.
A couple of techniques I use when debugging:
1) put a border around the problem area and surrounding or enclosing blocks
using border: solid red 1px;
2) remove HTML and/or CSS chunks to try to isolate the problem. Sometimes by
removing some HTML the problem goes away then that tells me where the issue
lies.
Hope that helps.
Regards,
Kepler
_
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Susie Gardner-Brown
Sent: Monday, May 14, 2007 7:07 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] IE6 problem - more general
Hi there Kepler
Thank you!
I believe it's OK now.
I would really like to ask you how you know all this - how you keep it in
your head?!! Do you have pages and pages of stuff like this written down, or
what?!!!
For example: about making nav buttons clickable in IE7: why does the
container div need to be 'position: relative for IE7? And what if there
wasn't a container div? Would that make it not work at all?!
I really need to get a handle on how to keep all these things 'known' to me!
I've got a quite good book - The CSS Anthology, by Rachel Andrews. But it's
pre-IE7 ...
Any thoughts, suggestions would be great!
Thanks again ... :)
- susie
On 15/5/07 6:37 AM, Kepler Gelotte [EMAIL PROTECTED] wrote:
Hi Susan,
To make the navigation buttons clickable in IE7 you need to define the
container as position: relative:
#container {
position: relative;
}
Also the pseudo links should be defined for :link and :visited if you define
It for :hover. Try using these for the navigation definitions:
#leftNav a:link, #leftNav a:visited { /* instead of #leftNav a */
#level2nav a:link, #level2nav a:visited {/* instead of #level2nav li
a */
Regards,
Kepler
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
RE: [WSG] IE6 problem
Hi Susan,
To make the navigation buttons clickable in IE7 you need to define the
container as position: relative:
#container {
position: relative;
}
Also the pseudo links should be defined for :link and :visited if you define
It for :hover. Try using these for the navigation definitions:
#leftNav a:link, #leftNav a:visited {/* instead of #leftNav a */
#level2nav a:link, #level2nav a:visited {/* instead of #level2nav li
a */
Regards,
Kepler
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
RE: [WSG] problem with 1 and 1 wordpress blog
Hi Dwain, I have FF 2.0.0.3 and your blog looks fine to me. The calendar does break out of the sidebar when you change the font size though. You could use a fixed font size for your calendar to stop that from happening although that it not the most accessible solution it is probably the easiest. As far as incorporating the blog into your existing web site, why not the other way around? Your web site seems to be mainly static html pages that you could add as links into word press. I have not tried this myself but I have seen other members on this mailing list who have used this approach. Styles are in the admin screen - Dashboard - Presentation - Theme Editor. You can make changes and save them there. I would suggest making another copy of your blog to test changes on first, preferably local on your PC using apache friend's xampp (Apache/MySql/Php). I have a solution that can pull your blog into your web site similar to a portal, but I think that may be overkill for what you are trying to do. Regards, Kepler Gelotte http://www.neighborwebmaster.com -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of dwain Sent: Sunday, May 06, 2007 2:35 PM To: web standards group Subject: [WSG] problem with 1 and 1 wordpress blog i'm stuck. since i don't know php i went with 1 and 1's default blog. it doesn't render correctly in firefox 2.0.0.3, but it does in firefox 1.5.0 according to tech support at 1 and 1. the calendar sticks out of the gray div, at least on my machine. is it just me or does anyone else have the same visual i do? would you check please? there is an error in the css and the xhtml is riddled with errors. i just got off the phone with them and they are looking into it. i really would like to install my own copy and have it look like the rest of my site, but like i said, i don't know php. i don't even know which file to edit to add the menu on my site. may i have some suggestions where i can get information on which file to edit and how i may accomplish making the blog look like my site. i can edit the css colors to match. i know this is going to be another fun project and a great learning experience. i just want to have the same look on my blog as for the rest of my site and i'm willing to do what it takes to accomplish this. here are the addresses to both. http://blog.studiokdd.com/ http://www.studiokdd.com any help would be appreciated. dwain -- Dwain Alford http://www.studiokdd.com The artist may use any form which his expression demands; for his inner impulse must find suitable expression. Kandinsky *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
