My client's page is losing its top margin when any of the internal links
in the green content area are clicked:
http://biz82.inmotionhosting.com/~soliss5/faq.html
Can someone tell me how to fix this issue?
-
When you click a link it tries to go to a later part of
-Original Message-
Let's say you have a table to 10 columns and 100 rows.
With rows you can fairly easily set up a custom style to apply to a row,
but what about columns?
The first column is a key of sorts, the rest data. Yes I can do
something like:
trtd class=c1some key/tdtd
Also, does anyone have a mnemonic to remember the order?
I remember it by the word TRouBLe (top-right-bottom-left)
---
Tranversal Corporation Ltd will be exhibiting at CIPD Annual conference
exhibition 2009 in
Manchester between 17 - 19 November, stand 510.
On top of what has already been suggested (position is everything is a
seriously brilliant resource), I would strongly advise getting the IE
web development toolbar. It can help a lot when totally lost with an IE
bug.
With time it becomes pretty quick to figure out if you have margin
doubling,
I work with major blue-chip companies in the UK, and can say that well
over 90% of our clients would not accept an unsupported IE6. IE6
currently has roughly 20% of the market share of the browser market,
which is around 4-5 times as much as Safari and Opera combined, and only
just shy of
From: Ingo Chao
When clients are comparing the similarity of user experience, they DO
look at performance issues in IE too, I assume. So what does it costs to
make the page look really equal?
I'd like to hear from one of these IT people who have held back our
entire industry, and wasted everyone's money for so much time now.
Exactly how long are you going to leave it before migrating this c...@ppy
IE6-only application you've forced on everyone? Another month? A year? A
decade? Are you
-Original Message-
According to these statistics
http://www.w3schools.com/browsers/browsers_stats.asp
Firefox is used by
about 42% of the population with IE7 and IE6 combined making up 51.7%
of usage with IE7 just under 27%. I think these stats might only refer
to those that
-Original Message-
I am trying to use some syndication code on a page but it over rides the
background color in Firefox.
Any ideas?
http://www.junglejims.com/friends/vera-test.html
You have a quotation mark after your
-Original Message-
I am trying to use some syndication code on a page but it over rides the
background color in Firefox.
Any ideas?
http://www.junglejims.com/friends/vera-test.html
Additionally, I would try to move away from using
-Original Message-
I'm trying to set it up so that all checkboxes on my site have a margin
or padding to the right. In my main css, I thought I could address the
element and tried:
checkbox {margin-right:40px; padding-right:40px;}
It didn't work. If I made it into a class, it then
Many Thanks Georg,
That has worked perfectly.
James
-Original Message-
http://metafaq.com/clients/jamestesting/tabtest.html If you increase
the font-size one notch (in firefox) then the 'radio shows' text wraps
around but the others don't. Does anyone know how I can get the other
Hi,
I am working on a project that requires fixed width tabs for a
navigation bar. I figure that seeing as the spec says it cannot scale
horizontally, I will have to allow for vertical movement to allow for
text resizing.
However I am having a problem getting the images to display as required
Hi,
It is not a standalone, it will write over IE7 but has a button on it to
emulate IE7.
I don't know if it is possible to uninstall it
Hope that helps
James
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of
[EMAIL PROTECTED]
Sent: 06 March 2008 15:58
You should be able to send different stylesheets using a combination of
JavaScript OS detection and the methods on here:
http://24ways.org/2007/conditional-love
HTH
James
__
css-discuss [EMAIL PROTECTED]
Can I put the style tag below the body tag instead of in the head? I
am using CSS in an HTML email (not spam by the way) and have heard you
want to do this for web based clients that chop off the head section. I
just wanted to make sure this was ok. It seems to work ok for
Thunderbird on my
I've designed a site that works:
www.themeridiangrp.com
In creating the footer though I needed to set each page separately...
--
Hi Rick,
The site may work for you, but try resizing your text up a couple of
Microsoft is pushing an update on February 12th, 2008 that will
force-upgrade Internet Explorer to IE7.
http://support.microsoft.com/kb/946202 has the details.
---
Forgive my ignorance on server matters, but does this mean that all
machines running
Firstly, I feel that the attack on David is wholly unjustified, and the
general tone of the mail is unlikely to endear your views to the
mindless majority (of which I appear to be one), however I do not wish
to be in any way involved in a flaming war, and do have a couple of
questions about your
It is the problem of IE6 reloading background images in links every
time they are hovered on.
I am using a sliding doors style technique for a few tabs as shown at
http://jamestesting.metafaq.com/clients/jamestesting/debug.html (CSS
in
head) whenever they are hovered over in IE6 the
it to be a CSS fix.
At the moment the only thing I can think of is to try to position
another image directly behind it so that the under-image is shown when
the top one disappears but this will add superfluous code I would prefer
to avoid.
Thanks in advance
James
James Leslie
Web Designer
I am using a sliding doors style technique for a few tabs as shown at
http://jamestesting.metafaq.com/clients/jamestesting/debug.html (CSS
in
head) whenever they are hovered over in IE6 the image is reloaded
causing a flicker.
Try this:
script type=text/javascript
!--
try {
I have an absolutely positioned div #button iside a relative container.
div id=container
div id=inside-container
div id=top_curve/div
div id=buttona href=http://www.mysite.com;Our Website/a/div
This is fine in FF and ie7 but in ie6 it disapears. Anyone hazzard a
guess why this happens. It
I am wondering if anyone knows what the asterisks in the following CSS
do:
#mainNav, #secondaryContent {
padding-top: 20px;
padding-bottom: 20px;
}
#mainNav *, #secondaryContent * {
padding-left: 20px;
padding-right: 20px;
}
#mainNav * *, #secondaryContent * * {
padding-left: 0;
I'm having a bit of a problem here. For some reason the red square
bullet before About won't show up in IE, however the bullet for
Career and Education shows up fine. Any suggestions?
Below is the markup and the css:
http://www.liquidscience.net/andrew/testercopy.html
I'm having what I think might be a well known problem with IE, but have
tried all the usual solution to no avail. My CSS menu at
www.henryfelton.net/ca has mysterious white space between the lis. FF
shows exactly what is wanted in terms of spacing, with a dividing bar
1px high (anyone think of a
Can someone please explain how to tell when the following should be
used:
a:link or a.link
a:hover or a.hover
a:visited or a.visited
a:active or a.active
---
You should be using the first option in each of those choices as they
use the link related pseudo-classes, the
Computed font size in pixels can also be found by clicking on elements
using the selector found in Information Display Element Information in
the web developer toolbar for firefox.
Hope that helps and I don't have the wrong end of the stick :-)
James
What's the most efficient way of doing image based tabs?
First thing that comes to my mind are CSS sprites:
http://alistapart.com/articles/sprites
However, there are two approaches and I am not sure which one is best:
1. using one image for all the tab states 2. using one image per
Hi,
I seem to be having a couple of problems with a site in konqueror (it
works pretty much fine on every other browser on mac/pc/linux) and came
across the following hack through google. I was wondering if anyone had
any experience of using it and how 'safe' it might be in the future?
http://www.top25web.com/contact.html
Looks fine in FF, but the fieldset background color is flooding the
legend tag...any ideas around this without changing my design?
This should help with the problems
In IE6 (winXP SP2), I get bits of the paragraph about the book missing
at browser widths above about 970px. Refreshing seems to cause the fault
to display intermittently. It almost looks like a float is going over
the text, but selecting the text makes it visible. It also smacks
slightly of the
Hi Dave,
I think it is important to note that the statistics you use do carry a
disclaimer beneath them stating W3Schools is a website for people with
an interest for web technologies. These people are more interested in
using alternative browsers than the average user. The average user tends
to
I have two columns side by side, and under some circumstances the left
column is being cut off level with the bottom of the right column - it
only seems to manifest when the left column is longer, so I never see
this truncation in the right column. It only happens in IE6. It
occasionally happens
The site is at:
http://theriveryouth.info/
http://theriveryouth.info/wp-content/themes/riveryouth/style.css
In the navcontainer the Go bit should be alongside the search box but
I can't get it to go there.
Because you are floating the form, if you float the fieldset and inputs
Anyway to set the {height} element on the br / tag?
I've tried the following:
.form html br{--}
.form br {--}
The line-height of the containing element (p for example) will be the
thing you are wanting to adjust to change that spacing. The br just
causes the text to break to the next line
The line-height of the containing element (p for example) will be
the thing you are wanting to adjust to change that spacing.
Or maybe padding or margin, as suggested in another reply. Setting
line-height for a paragraph affects _all_ lines, so it would be somewhat
problematic here. Anyway,
I would like to be able to use a Header and a paragraph on the same
line in
Where there is an H5 such as:
h5Jeff Altemus - Director/h5
I would like to add a paragraph such as pFirst and Second
Week/p
The result would be h5Jeff Altemus - Director/h5 pFirst and
Second Weeek/h5
I was just wondering what the best practice is for handling default
user-agent margin and padding? For more control over my layout I suppose
I could set a universal selector to eliminate the default stuff (*
{margin: 0; padding: 0;))and then override it where I need to further on
in the document,
For some reason that post went very funny with the colons and
semi-colons, but I hope the point came across :-)
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information --
I have all the input tags in a site but want to set a different value
for all the checkboxes.
I have tried
checkbox {
}
can checkboxes be isolated for css changes in this way or do I need to
apply a class or id?
--
Hi Ross,
A checkbox is a type of input so to
Hi Garth,
One thing to be aware of is that you will be removing borders from Form
items such as input boxes, you will also be removing the padding on
these items which will need to be reapplied or the input will look
pretty bad (IMHO).
I used to use the universal selector to do what you are
I too use Homesite/Top Style pro and check in firefox as I code.
Sporadically I check everything is fine in Opera/Safari and then tidy up
IE with conditional commented stylesheets. I haven't even opened
Dreamweaver or any other WYSIWYG for over a year.
James
http://en.wikipedia.org/wiki/Favicon should have all the info and links
you need.
James
Can someone point me in the right direction I would like to put my own
icon in the address bar but dont know what size to create the graphic or
what the code is, thanks in advance
Hi David,
div#secondary form { margin-top: 0px; }
Sorts it out locally for me in IE7, I seem to remember hitting a similar
wall myself recently and discovering IE puts top margin on the form. I
haven't got any lower versions to hand at the moment but hopefully that
will sort it out.
James
try what you suggested about been specific didnt work but I
will try the suggestion from James Leslie I only wish I understood the
difference between specifying the way you said and I did and this other
one.
ul#something{
Attributes in here
}
ul#something li{
Attributes in here
}
Thanks
Does anyone know of any major (of course in the proper sense there are
none, but relatively speaking...) differences between the two?
I have been finding some peculiarities too, also with firefox on Linux
compared to Mac and win
I am working on an app which is here -
Hi Ana,
Instead of having:
div id=something
ul
li./li
/ul
/div
You can use
ul id=something
li/li
/ul
And then you can control the lists individually using css such as
ul#something{
Attributes in here
}
ul#something li{
Attributes in here
}
That way you can put different
Hi,
On the site below when I first load the page in Opera 9.02 the input and
select box at the top of the page are positioned around 8px higher than
they should be. When you refresh or click any links (i.e. go elsewhere
in the site) it sorts itself out and displays correctly as in all other
that was threatening my hairline!
James
-Original Message-
From: Ingo Chao [mailto:[EMAIL PROTECTED]
Sent: 30 November 2006 17:31
To: James Leslie
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] Opera 9 bug (?) shunting up by 8px
James Leslie wrote:
Hi,
On the site below when I
Surely as website designers we can put links on our sites recommending
which browsers to use and start steering people away from IE instead
of pampering to their needs like spoilt children, it seems everyone else
is moving quicker than microsoft - it would save a lot of time too -
I would
I'm running our sites through Cynthia WAI validation and need to put
some characters other than whitespace between adjacent links to pass a
checkpoint. From various bits of reading I have elected to use a pipe
symbol hidden with CSS as a separator.
My question comes from nearly all of the
On the page below, in IE6 and 7 if you hover over the pager images
(previous/next) underneath the list of questions there is a small
underline which appears just to the bottom right of the image. It almost
looks like the edge of text-decoration.
It doesn't happen in Netscape or Firefox and even
Thanks Ian, thats fixed it... Can't believe I missed that!
James
The default a: code in global.css is text-decoration:underline.
I would try .pager a{text-decoration:none}
Ian
__
css-discuss [EMAIL PROTECTED]
I believe that the doctype has to be in capitals as below:
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN
http://www.w3.org/TR/html4/loose.dtd;
James
Thanks to ~dL, it's up and running. I removed the two [seemingly minor]
validation issues (type not specified on
Hi Tee,
Sorry I don't have time to properly look at your code, but I have a
similar thing here that I managed to get to work after a bit of
tweaking, apologies for putting the full code up but you should be able
to find the bits you need easily enough.
This uses lists for the tabs. (The links
-discuss.org
Subject: Re: [css-d] Opera collapsing contentbox on input hover
James Leslie wrote:
That works a treat in opera 7.54, but it still has the same fault in
opera 9.02 and I know that some of our clients are using the latest
opera browser.
I thought I had the latest versions covered since I
Hi,
First post, after a fair amount of lurking/learning and i think it is a
tricky one (sorry!)
I have a problem in (seemingly) all versions of Opera (windows) where my
contentboxes collapse to a certain extent when an input on my menu is
hovered over. The page has an outer box and inner box
58 matches
Mail list logo