Would someone be able to tell me why when, in Firefox, the thumbnails floated
to the right on this page shift to the right when clicked? Everything looks
fine in IE and Opera.
http://www.drkdesign.com/portfolio.php
http://www.drkdesign.com/drk_css/drk_import.css
Thanks!
Debbie
__
> My guess is that you have turned on AutoFill in your Google Toolbar. Go
> into
> the Settings dialog for the Google Toolbar and turn off AutoFill, then
> reload the page and you should see what you expect.
Thanks so much to all of you who helped me identify the problem here...I
have never seen
Would someone be able to tell me why these input fields have turned
yellow...this just happened...its been looking fine for months but today they
are yellow.
http://www.figureskatersonline.com/parkerpennington/contact.php
http://www.figureskatersonline.com/parkerpennington/css/parker_form.css
Hi,
I am trying to give this site a fluid look rather than in a container (per the
client's request)...I removed the container and for a time, the content and
copyright were fluid (stretched across the screen) but somehow it has gone back
to the container look (see the block outline in Firefox)
Okay, one more thing with this layout...everything looks fine now in IE but the
copyright block doesn't extend all the way over in Firefox and Opera. I set the
copyright div id to 100% width so I am not sure why this is happening:
http://www.figureskatersonline.com/znew/about.php
http://www.fig
Would someone be able to tell me why this horizontal menu css looks fine in
Firefox and Opera, but not in IE?
http://www.figureskatersonline.com/znew/about.html
http://www.figureskatersonline.com/znew/stylesheets/menu_B.css
Thanks!
Debbie
__
> Please, Debby, not again tables vs CSS!
>
> http://css-discuss.incutio.com/?page=TablesVsDivs
Uh-oh, it appears I may have opened up an old can of worms here...if so I
truly apologize...Thanks for the link and the info Christian, and for your
info as well Tom...I will just refer to that...
De
I have a general question on tables. I am noticing many, many web sites out
there are still using tables...particularly web sites, such as Monster.com that
have multiple blocks of content. I have eliminated tables from all my web sites
and use float for blocks of text, but my websites are fairly
In this layout...is there any way possible to get the filmstrip (a background
image) to show up *over* the banner (using a z-index or some other way)? I am
trying to get away from a "boxy" looking layout...
http://www.drkdesign.com/parkerpennington/
http://www.drkdesign.com/parkerpennington/css
Hi, I just wanted to pass along a good article that is helping to clear up some
of the position questions I posted here yesterday...it addresses the
differences between fluid vs. fixed sites:
http://www.flyte.biz/resources/newsletters/04/12-fluid-v-fixed-web-pages.html
Debbie
__
> Debbie -- It could be the order.
> You have:
> scrollbar-face-color: #030E52; /*navy blue*/
> scrollbar-shadow-color: #B7C8E5; /*light blue*/
> scrollbar-highlight-color: #030E52; /*navy blue*/
> scrollbar-3dlight-color: #B7C8E5; /*light blue*/
> scrollbar-darkshadow-color: #B7C8E
> Yes, but you can only position floats with margins by setting front-edge
> margins on them.
>
> So since that's a 'float: right' the front-edges are 'top' and 'right'
> for positioning. For a 'float: left' the front-edges are 'top' and 'left'.
>
> In your case a positive margin-right will do the
>Try playing around with the width value for #content.
>75% looked good.
Well, the trouble is, when I set the content to the width I want, it is
still shifted too far over to the right...I am trying to get the content to
be about the same width as the links so that it centers fairly well60
Hi again,
I apologize for the plethara of questions right now...I am going through some
of my previous web sites and restructuring the css so that all the elements are
in containers (thus stablizing the elements when the browser is stretched).
On this one, I created a subcontainer for the banne
Hi,
Does anyone know how to make colored scrollbars work for sure in IE? It seems
that sometimes they work and sometimes they don't. Right now, they are not
working for me for these two sites, yet I always use the same code (except for
colors).
www.figureskatersonline.com/katz-lynch
www.figur
>http://www.kennygraham.net/drk/index.html
>http://www.kennygraham.net/drk/style.css
>should get you started in the right direction. css is commented.
thank you Kenny and David...it looks just fine with floating the menu...one
difference is is that I assigned the centering margin: {0 auto} to t
A followup to my last message on positioning:
In general, I am trying to set up my sites now so that everything stays within
the container box even when the browser is stretched at higher resolutions. I
am finding that not assigning a width to the container seems to accomplish this
but then the
I am attempting to clarify my muddled thinking on various types of positioning
by restructuring this page...I am trying to position the datestamp so that it
appears at the top right of the banner and stays fixed even when the browser is
stretched at higher screen resolutions. I have been going r
Hi,
Is there anyway to use relative positioning with float? I need to use a z-index
and know that you have to be using absolute or relative positioning in order
for it to work...however, I seem to only be able to position the cutout picture
on the home page here where I want it using float:righ
> I'm prepared to be corrected, but it looks like Firefox is doing the wrong
> thing. The "margin box" of tables is not supposed to overlap floats.
>
> To get your fun facts over the table, you'd need to use positioning, but
> then you'd run the risk of table text going underneath the funfacts bo
>Currently you use a DocType that triggers 'quirksmode' in all browsers.
> If you use a full doctype, e.g
>> > "http://www.w3.org/TR/html4/loose.dtd";>
> or
>> > www.w3.org/TR/html4/strict.dtd">
Thank you Philippe and Andrew! I am not sure how the old document type got
in there...I copied these
Hi, I have added a javascript text box to three pages on the following site and
am trying to figure out why the widths of the text box are so different between
Firefox and IE...it is making positioning a real pain! Does anyone know how I
can minimize the width differences between the two browser
Els wrote:
>It actually is working, only the dropdowns are hidden behind
>div#content-pane.
>I think you have to do something with z-index maybe :-)
I just had the same problem...try adding a z-index and relative position to the
#nav ul id:
#nav, #nav ul {
margin:0;
padding:0;
background-co
>ah, ok, I downloaded your htc file to test it properly, and the following
>works for me-
adding the z-index and position:relative a step higher on your #menu ul:
#menu ul {
padding: 0;
margin: 0 0 0 18px; /*sets left margin for menu*/
list-style: none; /*removes bullets*/
pos
>I also had this problem with my suckerfish menus... In theory z-index only
>works with positioned elements -
Try putting your z-index declaration on the #menu li ul rather than the #menu
li:hover ul.
James,
I tried this putting the z-index here and several other places too but none
worked.
I'm trying to put together a sample layout page for horizontal dropdown SOS
menus based mostly on the code on alistapart.com. I've got it looking great,
all except that the submenus appear *underneath* the container in IE only. The
other week when I was trying to put a horizontal dropdown layout
This is an update to the border problem I posted about earlier. The borders for
the #header and #search divisions for some reason are appearing *at the top of
the divisions* rather than containing the content within the division, even
though I have them nested in the html. Would someone mind tak
>Also, in IE, the font for the menu links is coming in very large...I have not
>seen this inconsistency before between browsers and was wondering if anyone
>knew how to resolve it before I resorted to adding a hack.
I have resolved this problem (found an incorrect selector)...am still having
tr
Hi,
In this layout, the dashed line below the Property Search image and menu
disappears when I float the menu. I tried adding a line height to the #search
id but that didn't help.
Also, in IE, the font for the menu links is coming in very large...I have not
seen this inconsistency before betw
>Float everything left and then they will abut one another. Ed and Ells,
Thanks so much! After going round and round, I finally got it! :)
http://www.drkdesign.com/LRE/
Debbie
__
css-discuss [EMAIL PROTECTED]
http://www.css-d
Is it typical when floating to have a situation like this one where I will need
to use large negative top and level margins to adjust for the right floated
element? Using the block outline tool in Firefox I am seeing that the elements
are no where close to each other.
If this is not normal for
>if I want to insert a JavaScript slideshow in a CSS
page, do I just insert it between tags or is it more
complicated?
Riva,
I have a site where I used a javascript slideshow but I just used it on the
home page, so I inserted the javascript inbetween the html head tags on the
index.html page
Hi, I have a really strange thing going on when hovering over menu links in IE
in this web site. I just added a background image for the menu links on
hover...it works fine in Firefox and Opera, but in IE, hovering over and
clicking on the links causes really strange things to happen, including
> btw-1: Perhaps you can give the '#menu li ul li a' the padding instead of
> the '#menu li ul li', then the (yellow) clickable area can be greater.
Francky and others, another thing I am noticing with the submenus in IE is
that hovering is a bit "jumpy" between the parent link and child links r
> Maybe you can try to give the submenu-li's some IE-layout:
>#menu li ul li a { width: 100%; }
> so that IE can use the {display: block;} which is already in the code.
Francky, I made these adjustments but unfortunately, I am still not able to
hover over the bottom link of two of the submenu
Well I thought I had my SOS problems fixed, but I had failed to notice before
that in IE, two of the submenus disappear when I try to hover over the bottom
link. The third one works fine however. Is this part of the peekaboo problem?
The submenus also seem to be a bit unstable.
http://www.drkde
Oh, you're just setting the z-index on the wrong element. Try adding...
>
> #menu-container {z-index: 1;}
Well it looks to me like that's all it was Georg. And you answered something
I was wondering about too with the high index levels...that was set in the
code I used from Tedd's site..didn't r
Do you have a new link for "IE-minded people", so we can hobby some
> more?
Francky...
sorry...I changed it to php...its
http://www.drkdesign.com/voicebox_demo/index_h.php
What exactly is the peekaboo bug? Is that what this problem is with the
submenus showing up underneath the container? Will
> Typo? Or confused mix of styling?
> '#menu' and '#menuh' isn't the same.
>
> Looks like all I needed to do was to make the CSS ID correspond to the
> HTML ID...
argggh!! I thought I changed all those to just plain "menu" (I brought the
code in from Tedd's site and he had menuh throughout)bu
I am now setting up the CSS code for a horizontal SOS menu display but am
having trouble getting the submenus to display on hover.
Also, in IE, the menu is stretched vertically. Would this be due to the size of
my background image? Its only 10 pixels in height.
http://www.drkdesign.com/voicebo
I need to contact the list master...could someone let me know who that would be
and the best way to contact them?
Thanks!
Debbie
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hu
This is for all the SOS experts out there...I have set up a cascading menu
using SOS but can't get the submenus to stay displayed upon hover. I have
included the csshover2.htc file. I have a feeling that it is some small thing
in the code that I am forgetting ;(
Thanks!
Debbie
Link:
http://ww
ooops...apologies to Jim and everybody on that last message...forgot to trim :o!
Also, thank you Rahul for your input as well...will save for future reference.
Debbie
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/ma
Thank you Jim...the first suggestion here worked after some tweeking to the
padding settings...(don't know why I didn't think of it ;o!)
Debbie
- Original Message -
From: Jim Davis
To: Iorhael
Sent: Saturday, February 25, 2006 9:31 PM
Subject: Re: [css-d] Borde
I am drafting up a new layout here and was wondering if there would be any way
to tweek the menu links to seamlessly extend the dashed line (a left border on
the content div) up to right under the banner.
Thanks!
Debbie
www.drkdesign.com/chloejoseph/
CSS:
#container {
text-align: left;
> You might consider the IE-only "behavior" CSS - it won't validate (so put
> it in a conditional
> comment block for IE and hide from the validator) and you'll have to write
> an .htc in javascript to force IE to modify the class of the element -
> then update your conditional CSS to mention t
> If you can't get the target browser to work with attribute selectors, try
> your idea again using
> the syntax: element.class:pseudoclass ex: input.radio:focus
Mike, okay, using this syntax, it works in Firefox but not in IE. And in
Opera, the buttons are blanked out so that you can't selec
Does anyone know if there is any way to set up :focus for input, textarea, and
select in forms without having it applied to the radio buttons? I tried
input:focus.radio and specifying the background color of the form but that did
not work.
Debbie
http://www.drkdesign.com/debscards/cards_form.p
Ingo, I found your previous post and tried apply the width...and it
worked!!!
Thank you so much and I'm sorry I missed it before!
Debbie
- Original Message -
From: "Ingo Chao" <[EMAIL PROTECTED]>
To: "Iorhael" <[EMAIL PROTECTED]>
Cc:
Sent: Saturd
Hi, am still wondering if anyone knows I can prevent the Submit and Reset
buttons from shifting when clicked in this form:
http://www.drkdesign.com/debscards/cards_form.php
The code for the buttons:
input[type=submit], input[type=reset] {
margin: 15px;
padding: 3px;
width: 5em;
text
>input:focus, textarea:focus, select:focus { background-color: #ABE2C4;
>color: #590F81; margin: >15px; padding: 3px; width: 5em;
>}
>is it?
Leyrson,
Oh geesh! I forgot the CSS code for the buttonsmy apologies :(
Here it is:
input[type=submit], input[type=reset] {
margin: 15px;
When I click submit on this form, the space above the Submit and Reset buttons
disappears in IE. It doesn't effect the function but it looks ugly. Does anyone
know of a fix for this?
http://www.drkdesign.com/debscards/cards_form.php
Thanks!
Debbie
__
> Zero out default-margins before positioning, and most differences will
> be gone.
hupon re-opening Opera, the date stamp position looks just fine
now...thanks again Georg! I must not have refreshed after making the change.
Debbie
__
Zero out default-margins before positioning, and most differences will
> be gone.
Georg,
Thanks for that ...that eliminated the difference between IE and Firefox, so
I don't need the html>body hack anymore. However, the Opera still brings in
the date stamp lower.
http://www.drkdesign.com/LVS/php
Hi, I am trying to line up the date stamp with the menu links on this site, but
there is a vertical spacing difference between IE, Firefox, and Opera. I have
coded for the IE difference but am not sure how to code for the Opera
difference. Can someone help me out with this or direct me to a link
- Original Message -
From: "francky" <[EMAIL PROTECTED]>
To: "Iorhael" <[EMAIL PROTECTED]>
Cc:
Sent: Sunday, January 15, 2006 3:33 AM
Subject: Re: [css-d] Button text off-center in IE > easy
css-webdeveloper-tools
> Iorhael wrote:
>
>> 3. Th
3. The short and easy use way: magic on screen!
> Follow step 2, but now click "CSS" and then "Edit CSS". That opens on your
> left hand a sidebar with directly the content of the stylesheet. If more,
> they are tabbed.
> And a little wonder: in the sidebar you can change things! Real time you
>
Hi,
Does anyone know of a fix to center button text in IE and insert the padding
underneath the buttons? I've been looking through browser fixes but haven't
found anything that specifically addresses this problem. This looks fine in FF
and Opera.
http://www.drk-writing.com/debscards/debscards3
tom links, copyright*/
#footer {
border-top: 1px solid #2C8F96;
width: 475px;
}
.nav {
padding-top: .5em;
font-size: 70%;
}
.copyright {
font-size: 65%;
color: #2C8F96;
}
- Original Message -----
From: Iorhael
To: css-d@lists.css-discuss.org
Sent: Thursd
Hi, I need some adviceI am attempting to recode a web site (and possibly
others) so that I have everything nested at the same level...that is: container
with the content, link, footer, etc. nested underneath. (Previously I had the
link and footer inside the content). When I am done with thi
thanks Thomas and to the others who responsed as well. I am still getting
this width and percentage down in my mind..the menu width never occurred to
me! Seems so obvious now ;o!
Debbie
- Original Message -
From: "Thomas Peklak" <[EMAIL PROTECTED]>
To: "Iorhael&qu
Am still tweaking this particular sitegot it to where I want it now, except
that I am wondering how I can eliminate all the extra space to the right...I
don't want users thinking they have to scroll sideways since there is nothing
there. The banner graphic at the top ends right after the "R"
Hi,
Last night I changed all my font sizes for my various sites to percentages.
However, in one site the content is now shifting downward in IE. I had posted
this same problem the other week with another site but was able to fix it by
shortening the content width. However, I have tried that her
Hi,
I have a form in which I wanted to change the properties for the p:firstline
pseudo-element, just for the form. However, when I added the :first-line
psuedo-element to the p.formleft and p.formright rules, the text centered,
despite my alignment designations. I would think that the text ru
"Mike Soultanian" <[EMAIL PROTECTED]>
To: "Iorhael" <[EMAIL PROTECTED]>
Cc:
Sent: Monday, January 02, 2006 2:25 PM
Subject: Re: [css-d] Background color with image?
> Yeah.. just set a background color on your body (an outer container div).
> Now, if you wan
Is there any way to add a background color to a page that already has a
background image? I want to put the background color around the container:
www.drk-writing.com/northwesternesse/
Debbie
__
css-discuss [EMAIL PROTECTED]
htt
Here are my 'rules of thumb'
for font issues. 1. For efficiency's sake declare it on the body and
let it inherit through to the rest of the elements on the page. If an
element needs a different font family, declare it in a selector for
that element only. 2. Set the size to 100% so the user's
Hi, my apologies to Felix and this list... I responded a few minutes ago to a
message that Felix sent and cc'd the list...and totally missed that it was sent
privately. My boo-boo.
Happy New Year! :)
Debbie
__
css-discuss [EMAI
Either way, setting:
> body { font: 100.01%/1.2 'Lucida Grande', 'Nimbus Sans', 'Luxi Sans',
> Arial, sans-serif; }
> and deleting *each and everyone* of those font-families, pixel
> font-sizes, pixel line-heights, replacing justify /with/ left, and
> changing the headers to percent for font-s
> David Laakso wrote:
>
>> Iorhael wrote:
>
>> >http://www.drk-writing.com/3columnlayout/
>
>> Either way, setting:
>> body { font: 100.01%/1.2 'Lucida Grande', 'Nimbus Sans', 'Luxi Sans',
>> Arial, sans-serif; }
>&
the right column has a bad declaration:
background-image: #fff url(images/sidebar2.gif) repeat-y top right;
should be
background: #fff url(images/sidebar2.gif) repeat-y top right;
and IIRC you can't declare a position for a repeating element...
the left column has no height beyond the navigati
> Hi I faced the same problem this week, David Laakso pointed me here
> http://www.alistapart.com/articles/negativemargins/
> It describes a two column layout first but then goes on to add a third
> column. It might be just what your looking for...
>
> Best Regards
>
> Chris
Well, I'm half-way the
Has anyone had a problem with the scrollbar being very jumpy and rough when
scrolling in Firefox and Opera? I have a site where this is a real problem in
Opera...it does it in Firefox too though not nearly as badly...and there's no
problem at all in IE.
www.drk-writing.com/northwesternesse.com
Hi, I working on a three-column layout but having trouble setting the color for
the left and right columns. I have been looking at several online tutorials and
it appears that I'm doing the CSS right, but the images aren't coming in for
the column backgrounds. When I put the background image for
>The only thing that shifts is the "IE 3 Pixel Shift". This is
documented through-out the web. This effect is when the page renders
correctly in a standards-compliant browser (Mozilla Firefox) but is
slightly off when viewed in IE. I am presuming this is the case. Do a
google search for IE 3 Pixel
Is there any way, other tnan using absolute positioning, to keep content from
shifting downward in IE when the Favorites menu bar is displayed? If not, I'll
go with the absolute positioningbut I've got this positioned just how I
want it so I hate to change it to absolute unless I have to.
w
George,
You can ignore my previous message with the stylesheet...when I redid the
templates for those pages I forgot to update the stylesheet link...I have
done that now and everything is looking fine :) Thank you so much for the IE
tips!
Debbie
__
This comment before the doctype: " ... throws IE6 into old 'quirks mode'. Other browsers won't react on
> such a comment, so they'll stay in 'standard compliant mode'. Thus, IE6
> won't react to 'margin: 0 auto 0 auto'.
>
> Solution:
> 1: get rid of the comment and give IE6 a chance. (IE5/5.5 will
Hi, I posted a few days before Christmas but with all the pre-Christmas
busy-ness it most likely got overlooked. So I'm posting again now...
I have set of pages in a subfolder on a site with their own stylesheet. The
page contents center beautifully in Firefox and Opera, but not in IE (the
content
One final IE quirk to tweak.I have the content for this and other pages
specified so that the title, arrows, and art all center align. But its not
matching up in IE. Would this be another case of adding padding: 0 somewhere to
correct IE?
http://www.drk-writing.com/northwesternesse/FanArt/a
Regarding my last post about bottom links not aligning on one of my
sitesplease ignore...I had missed a fix that Holly suggestedI have made
that now and everythink looks good. Here's the fix in case anyone has a similar
problem:
#nav ul {
clear: both;
list-style-type: none;
tex
I posted about this site last night, but thanks to Holly and others I 've
gotten most everything straightened out...the problem I have still having not
being able to get the bottom links to align left on pages 1 and 2 in Firefox (I
have centered them for page 3). Holly, I realize that this most
> ...which shows an ID selector for the clearer. However, you have -
> class="clear" - on the div in your HTML. Either change the selector to
> indicate a class, or change the class attribute to an ID attribute in your
> HTML. That should get things working.
ooops! Thanks for catching that! I star
> The selector/properties (style sheet stuff) are fine, the location of the
> div is not. You'll need to move it above the closing div tag that is right
> above it, following the closing div tag that is next to the words "Thank
> You" -
Well, I moved the div tag but its still not working :(...*
> You'll also need a clearing element, perhaps a div, between the close of
> the last thumbnail div, and the closing div tag (content?) that comes
> right before the nav div code.
Thanks for this Holly! I fixed the height and margins of the
thumbnails...(that was a "duh" for me on the height..
To allI just want to thank everyone who has jumped in to help me with my
three site problems. I see I still have *tons* to learn and have to start
working things around Firefox now and have some things to fix up or add to
my FF browser. I may not get to all of it before we head out of town f
> Always build for FF first, then go back and tweak for IE if you need to.
> It takes much less time and effort this way.
A general question on building for Firefoxmy pages usually look similar
in Opera, IE, and Netscape...but radically different in FirefoxSo I've
been going more by wha
> 1. Make sure you have the DOM Inspector installed in your copy of FF, and
> if not, reinstall FF and select Custom installation to get it.
I had not heard of this before...how would I check to see if this is
installed?
Always build for
> FF first, then go back and tweak for IE if you need to.
> I don't see any discrepancies between the two. Is this happening in a
> particular browser? I looked with FF 1.5. Or did you perhaps fix it?
Zoe, I didn't fix this but I had just sent my friend some updates so
apparently it "fixed itself" when she uploaded those...it did that once
before b
> Maybe need to let us see whole stylsheet?
> Ian
Okay, I had to remove a couple of the thumbnails that were too wide...here's
the finished version of the page and the stylesheets. It looks fine in IE,
Opera, and Netscape now but not in Firefox.
http://www.drk-writing.com/debscards/debscards2.h
rom: "Matt Fitzwater" <[EMAIL PROTECTED]>
To: "Iorhael" <[EMAIL PROTECTED]>
Cc:
Sent: Wednesday, December 21, 2005 3:47 AM
Subject: Re: [css-d] breaking up thumbnails into separate rows
> You need to declare a width: on .thumbnail.
> after that you will p
Hi, I am brand new to this board and just posted three messages, the last of
which was entitled "One more...server descrepancies"
It appears that this problem has been resolved on the other person's
server...though I'm not sure how. So you can ignore this message (unless you
might have some ins
I have a site that I maintain but that is uploaded on someone else's server (I
have to send her updates...she doesn't have ftp uploading capabilities). When I
upload it onto my server, everything looks fine but when she puts it on hers
for some reason, some of the styles don't seem to be applyin
I have made up this site to display my computer graphics in my portfolio.
However, I am having a problem with the text shifting to the left in Opera and
Firefox (yet it looks fine in IE). Does anyone have an idea of how I might
prevent this from happening? Here's the link and stylesheet.
http:/
I am setting up a very simple website for my portfolio that started out as a
class project for an online CSS class. I set up thumbnails on this page
according to how we'd been taught in class but I would like them to be on a
separate row for each header category listed. I have put the thumbnails
95 matches
Mail list logo
