Re: [css-d] Background images
Olá Abyss,
Maybe it's this you want?...
body {
background-image: url(/images/whatever.jpg);
background-position:center;
background-repeat:no-repeat;
}
Hth!
Adeus,
Roberto
--
Abyss Information wrote:
Hiya all,
does anyone know where I can grab some css code to display a
background image right in the center of the page
regardless of the screen resolution?
Regards,
Abyss
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] absolutely positioned menu vanishes with IE
This is driving me a bit nuts so any help appreciated. I'm trying to build my first site using CSS - taking the big leap from table based design. Anyway, I'm wanting a page with a header, footer, a navigation menu, and a two column fluid layout for the contents and I found a design philosophy which seems to allow this to work really nicely, except I can't get it to work properly in IE. I've chosen to do it the way I have as I wanted to have the source of the page to contain the information with the most important stuff at the top and the least important stuff at the bottom as this is apparently good practice. For this reason (ignoring the header and footer) I have the main content appearing first in the page source, the stuff in a side pane on the left appearing second in the source and the navigation menu last . To achieve this, I've found that using negative margins works really well - enabling me to have a two column design with a footer that appears properly however long either of the two columns are. I've postioned the menu absolutly as this seems to be the only way to get it to appear where I want on the rendered page with it appearing after the other gubbins in the page source. The problem is that in IE, if I try and combine the menu and stuff in the two columns, the menu vanishes. Some test pages illustrating this are at: http://www.rupespad.com/test1.php This shows the two column layout working fine http://www.rupespad.com/test2.php This shows the menu (with nothing in the left hand column) http://www.rupespad.com/test3.php This is the same as test2, except this time I've added in the left hand column contents and the menu vanishes in IE (6 on PC). Works fine in Firefox and Safari. The css is at: http://www.rupespad.com/test.css Any suggestions what I can do about this without sacrificing my design principles. I would like to avoid the use of hacks if possible. Any help very very gratefully recieved. Cheers and many thanks in advance. Rupert __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Sidenotes v Footnotes
John Gruber has an article at Daring Fireball which shows another way of doing footnotes that has very simple markup and includes a return link that is both attractive and convenient. http://daringfireball.net/2005/07/footnotes I took a look at the accessibility of the techinhque here: http://www.access-matters.com/2005/07/23/daring-fireball-footnotes/ -- Bob Easton Accessibility Matters: http://access-matters.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Sidenotes v Footnotes
Hi Bob, If the sidenote was inserted like this: pSome textsup1/supsmall class=sidenote1. This is a sidenote./small that appears in the middle of a sentence./p How would that be presented in a screen reader? What can we do to improve it? Thank you, Beau On 29-Jul-05, at 5:51 AM, Bob Easton wrote: John Gruber has an article at Daring Fireball which shows another way of doing footnotes that has very simple markup and includes a return link that is both attractive and convenient. http://daringfireball.net/2005/07/footnotes I took a look at the accessibility of the techinhque here: http://www.access-matters.com/2005/07/23/daring-fireball-footnotes/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] HUGE gap tween DIVS in Firefox, not in IE???
Please help - http://design.tmhdesign.com/szidonia This page looks as it should in IE, but not in Firefox. I validated it and also viewed the block level outlines in Firefox but am clueless as to why the div is not butting up in Firefox as it does in IE. Thanks in advance. Thomas M. Hall __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Table of Contents with flexible dotted lines
On Jul 28, 2005, at 5:45 PM, Christian Heilmann wrote: On 7/28/05, Jared Stein [EMAIL PROTECTED] wrote: Hey all, I've come up with this work-around to deliver a typical book-like table of contents entry appearance (with dashes/dots between toc entry and page number) and while it seems fully flexible, pretty reliable, and not too trashy in terms of coding, I'd still welcome anyone's alternative approaches or experiences. Page available, with CSS embedded: http://stein.uvsc.edu/steinja/tableofcontents.html Nice, but suffering from non-semantic HTML and classitis. However, you could apply the same styles to a nested ordered list... The other question is if I need to have a book style TOC on the web when there are no page numbers per se Page numbers, I can think of reasons: 1. Its easier for the readers to keep track of where they are/were if they are reading in multiple sessions. 2. If you are putting an old book with an index and TOC online. Jazz is freedom. - T. Monk www.panix.com/~cassidy __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] HUGE gap tween DIVS in Firefox, not in IE???
On 7/29/05, Thomas Hall [EMAIL PROTECTED] wrote: Please help - http://design.tmhdesign.com/szidonia This page looks as it should in IE, but not in Firefox. I validated it and also viewed the block level outlines in Firefox but am clueless as to why the div is not butting up in Firefox as it does in IE. Thanks in advance. Just tried to grasp what you are doing there, but the mix of embedded styles, tables and css layout makes it really hard to trace what is going on. Things like that are mostly useless though: div id=top nbsp; /div I would think it a good plan to either do tables or do CSS layouts, and either do all in the CSS or all embedded. Mixing and matching is a maintenance nightmare. Also, starting with Firefox and then fixing it for MSIE is the safer way ahead. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE navigation positioning/padding/margins
I guess you don't realizes IE comes with OSX. If I took your advice about 75% of my users would be ignored; since my corporate intranet people set up their sites for IE MAC and WIN and many of my users use IE MAC as their browser for everything. Something tells that a site for a institute teaching graphic arts has MAC users. I know in NYC 95% of the graphic arts community uses MACs. On Jul 28, 2005, at 7:13 PM, D Ross wrote: Don't code your site for ie mac. ie mac has been abandoned by microsoft and hasnt been updated in 3 or so years and never will be. More importantly, don't code for ie mac for the simple fact that your catering to people who havent updated their browsers and computers in a VERY long time. The trouble it has with some basic css is not worth all the extra hours you'll spend coding for it when it's a browser only used by 1 in 5,000 users. If youre worried about mac browsers code for safari and firefox. Jazz is freedom. - T. Monk www.panix.com/~cassidy __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE navigation positioning/padding/margins
On 29 Jul 2005, at 7:02 am, Virtuallee wrote: Not IE mac - haven't thought about mac yet :( http://www.alisonbranagan.com/new_website/index.htm The 30% or so Mac users who still use IE Mac in my stats will be happy. Your site display identically to Firefox 1.0+ latest nightly build. (except that the font-size is pretty darn small for my old eyes, but let's not nitpick...;-) Philippe --- Philippe Wittenbergh http://emps.l-c-n.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] spacing between bullets and text
Hi folks, Our new design uses a graphic for bulleted lists. Looks great in FF, etc, but IE leaves far too little padding between the image and the beginning of the text for each list item. Is there a way to get IE to give it some more space without screwing up real browsers? Example: http://www.pcc.com/pedguidetest/software.html Thanks for you help. Barb -- Barbara Dozetos ~ Web Designer/Graphic Designer Physician's Computer Company * (p)802-846-5532 1 Main St., #7* (f)802-846-8178 Winooski, VT 05404* [EMAIL PROTECTED] www.pcc.com Pediatric software just got smarter. Your practice just got healthier. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE navigation positioning/padding/margins
Hi Thanks everyone for your feedback as well as advice on mac IE. Quite a debate on the subject! GREAT to hear it (miracle of miracles) actually looks okay in Mac IE (hadn't tested it yet). Thanks, Michael for your advice below on how to fix the positioning. I'm away for the night but will give it a go tomorrow and hopefully all sorted... Cheers Lee Michael Landis wrote: Virtuallee wrote (about http://www.alisonbranagan.com/new_website/index.htm): I've got most of a site working in Firefox, but the navigation is moving out of alignment in IE. I can't seem to get it right. Does anyone have any ideas? Not IE mac - haven't thought about mac yet :( Actually, a lot of this probably has to do with your HTML. The UL's you are styling have title=Navigation or title=NavigationTop. It looks like IE is improperly translating this into class=Navigation and class=NavigationTop and therefore implementing the rules that are removing your margins. Firefox is properly ignoring the titles, and giving you the advantage of its default margins and padding. Try switching title with class on your UL's, then start working on it again. -- Lee-Ann Olivier Virtuallee Web Services http://www.virtuallee.co.uk Telephone: +44 (0)870-760 6614 Mobile: +44 (0)7905 225 232 No virus found in this outgoing message. Checked by AVG Anti-Virus. Version: 7.0.338 / Virus Database: 267.9.6/59 - Release Date: 27/07/2005 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Fwd: [css-d] Mysterious gaps -first
That space before the subnav div worked! Thanks a million. Never knew about
that part of the bug.
Now, does anyone have any idea about the unwanted boxpunching? For
reference, here's the relevant CSS:
#header {
position: absolute;
top: 7px; left: 0;
margin-left: 180px; }
#styleswitch {
padding-left: 6.7em;
text-align: right;
float: right; }
For XHTML that goes like this:
div id=header
div id=styleswitch title=Change the default font size.
h3font size:/h3
pa href=# onclick=setActiveStyleSheet('small');return false;s/a
|
a href=# onclick=setActiveStyleSheet('medium');return false;m/a |
a href=# onclick=setActiveStyleSheet('big');return false;l/a/p
/div
...some code...
/div
And for some reason, #styleswitch is extruding from its parent containers.
Thanks in advance.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] spacing between bullets and text
: Hi folks, Our new design uses a graphic for bulleted lists. Looks great in FF, etc, but IE leaves far too little padding between the image and the beginning of the text for each list item. Is there a way to get IE to give it some more space without screwing up real browsers? Example: http://www.pcc.com/pedguidetest/software.html Instead of list-style use background image and padding. http://css.maxdesign.com.au/listutorial/introduction.htm -- Chris Heilmann Blog: http://www.wait-till-i.com Writing: http://icant.co.uk/ Binaries: http://www.onlinetools.org/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] SOT: background-image article on A List Apart?
Hi all, A while back I stumbled across an article somewhere that detailed how to apply a background image to just the bottom of the page and have a background color for the rest. The article used a gradient for the bottom image. I thought the article was at A List Apart, but I can't seem to find it. I want to have my coworker read it (I already know how to do it, but thought it was a good article). Anyone know where I can find it? I searched the ALA archives and perused the CSS articles, but alas, I'm coming up empty. Also checked out MezzoBlue, in case it was there, but I can't seem to turn anything up there either. Thanks, Robyn __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
RE: [css-d] spacing between bullets and text
Barbara Dozetos ink wired: Is there a way to get IE to give it some more space without screwing up real browsers? Would it be practical to modify the bullet graphic with transparency on the right that would create padding? Just a thought... --- I made magic once. Now, the sofa is gone. www.dwacon.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Fieldset woes
Hi All, I have been experimenting with creating forms without tables. I like it. I have however noticed some issues in IE with fieldset. The form is here and as you can see if you look in IE, the background color of the fielset is overlapping outside of it's area (at the top edge). Also the margin that is present at the bottom of each fieldset in other browsers is not there. http://www.lampdesign.co.uk/formtest.html Am I missing something here? Thanks, Vince __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS background images and Macromedia
KavinskyC wrote: Anyone familiar with the WYSIWYG view in Dreamweaver and Contribute not rendering background images imported via CSS properly? They render fine in the browser. I haven't had any luck finding anything on the web on it. The problem I'm having is we have content editors using Contribute (which only views pages in WYSIWYG), and it renders the background image as black, making the text impossible to see. Can anyone point me to a resource that addresses this issue? Chris, I never saw an answer to your post, but I apologize if I'm providing info you've already found out... Anyway, DW will render a background image as black if it is positioned with a zero unit that has no unit identifier. For example: background: url(tile.gif) 0 50%; The solution is to add a unit identifier to the zero unit. Let me know if this doesn't solve your problem. Zoe -- Zoe M. Gillenwater Design Specialist UNC Highway Safety Research Center http://www.hsrc.unc.edu __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Strange CSS Error in IE
Jim Jeffers wrote: http://www.jltmobilecomputers.com/notyet/ If you browse through the site but then click the back button in IE the top half of the page does not load. Also, if you goto a page in IE and then hit the refresh button the top half of the page does not load as well. Awkwardly enough on this page specifically it does not even show up on the initial load: http://www.jltmobilecomputers.com/notyet/products/ This is very strange and I'm not experiencing the problem in Fire Fox or Safari. The top half of the page consist of two absolutely positioned divs within the main container div. Upon refresh these divs can no longer be seen and the container divs tiling background is all that is displayed. I'm not seeing this problem on any page in IE6, WinXP, SP2. Did you fix it, and if so, can you post back to the list so that others can benefit from what you found? Zoe -- Zoe M. Gillenwater Design Specialist UNC Highway Safety Research Center http://www.hsrc.unc.edu __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Inline image not appearing in IE/Win
H Shaw wrote: I'm having a problem in IE/Win where the background color of the main content div in the page linked below, is covering up the embedded divs (a photo/caption div and the footer div) that reside within the content div. It looks perfect in FireFox, so you can reference what it's supposed to look like by viewing it there. http://www.urbancrunchy.com/surfrider/e_fordBoardContest.shtml Heather, It looks as though it's been fixed, as the page appears identical on FF and IE. Would you mind sharing with the list how you fixed it, so that people searching the archives for a similar problem can benefit from your experience? Thanks, Zoe -- Zoe M. Gillenwater Design Specialist UNC Highway Safety Research Center http://www.hsrc.unc.edu __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] HUGE gap tween DIVS in Firefox, not in IE???
On Jul 29, 2005, at 10:20 AM, David Laakso wrote: and coding to FF instead of IE? It might make things go easier for you (if not everyone else). Wondering about this: how do people tackle the problem of browsers working differently. Since 90+% of users use IE Win wouldn't it be better for most sites to get their pages to work in IE Win then modify them for other browser? Or is it better to get it working in a browser that conforms to specs the go after IE Win? Jazz is freedom. - T. Monk www.panix.com/~cassidy __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Win Firefox extra space first time loaded
i lagos wrote: weired problem: the first time http://www.ilagos.com/marco/published-work is loaded in Win Firefox there is extra space between the bottom of the box and the p that has the caption. when i reload the page, the extra spacing goes away. once page is cached you can't see extra space. it only happen on first load. any one has run into this? all other modern browsers in win and mac ok (have not tested in opera). http://www.ilagos.com/marco/published-work style sheet: http://www.ilagos.com/marco/textpattern/css.php?s=default This is actually not a CSS problem. It is because you don't have a height set for your image. Since the height of the box depends on the height of the image, the browser draws the box, then loads the image in, and your box ends up bigger than it needs to be. Once it's in the cache the browser knows how tall the box needs to be and shortens it accordingly. The old rule to always set the width and height of your images in the source still holds true. Zoe -- Zoe M. Gillenwater Design Specialist UNC Highway Safety Research Center http://www.hsrc.unc.edu __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Floats crashing IE6/Win?
Hello everyone, This homepage is giving me more headaches than I expected. Take a look at the following link in Firefox (and Firefox only, for now): http://www.cityofdis.org/flash/?irpara=contato (relevant css: http://www.cityofdis.org/flash/default/contato.css) I have styled a form using backgrounds, both Firefox and IE6 seemed happy with this, but now IE6 is complaining about... floats. I haven't tried to reproduce this effect in other computers, but it seems to me that IE6 crashes everytime it tries to load this page, with a pure virtual function call run-time error. If I remove the float: left from the short fields to the left, altough the layout is gone, IE6 won't crash. Curious is that I almost managed to solve this problem putting a div called leftform around the three floating fields. I have left its style commented out in contato.css. However, if I put a div inside a paragraph, the page won't validate. Is this a problem of my IE only? And, if it's not, what should I do? Should I forget about validation, use the ugly and rude tables (I have tried this and it validated...)? Thanks in advance. -- ~ ugo pozo ` [EMAIL PROTECTED] ~ icq, msn ` 61410828, [EMAIL PROTECTED] ~ aim, irc ` ugopozo, [EMAIL PROTECTED] __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] indenting the text in a textbox?
Anyone know how to indent the place where the cursor begins in a text
box? I'm having a hard time getting it to work without affecting other
things in IE...
I have a text box with a background image (for a google search) and the
textbox contains a 15 px image to the far left with the google 'G' in
it. I want the cursor for the text box to appear to the right of this,
so I used the text-indent : 17px on the style for that textbox. It
works, but it creates a space between the TD that holds my drop down and
the TD that holds my search box. This happens in in IE only. Firefox
is ok.
I checked my doctype, 'cause I thought it could be box-model related,
but I'm using XHTML strict in standards mode. My CSS + HTML is below.
Please excuse the layout with tables :-/
div#portal_header_navigation {
background-image:url(/images/Header.gif);
position:absolute;
width:1000px;
height:115px;
z-index:1;
left: 0px;
top: 0px;
}
.portal_search_field_web {
vertical-align:top;
padding:0px;
margin:0px;
border: 1px black solid;
font-size:10px;
height:16px;
width:120px;
text-indent:20px;
background-image: url(/images/GoogleSearch.gif);
background-repeat: no-repeat;
}
div id=portal_header_navigation
table width=296 cellpadding=0 cellspacing=0 border=0
tr
td
width=56
id=portal_search_text
align=right
img
src=/includes/images/portal/Search.gif
border=0
/td
td width=65
select
name=selSearch
id=selSearch
onchange=checkWebSearch(this);
class=portal_search_select
option
value=school
selected=selected
School
/option
option
value=people
People
/option
option
value=web
Web
/option
/select
/td
td width=175
input
type=text
id=txtSearch
name=txtSearch
class=portal_search_input
/
input
type=submit
value=GO!
id=portal_search_button
/
/td
/tr
/table
/div
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] faux columns need a border and curved look
Scot Schlinger wrote: I am trying to use faux columns so that my columns will have the same height in the body section of the page. I have part of it working, but now I wish to get a border and curved appearance to the bottom of each division (box). I was wondering if someone could shed some light on this topic? This is how I would like it to look: http://www.rell.com/test/index1.html Got a 404. This is how it looks currently: http://www.rell.com/test/index.html This is basically the same sort of design Macromedia has. I wrote an article about how their layout is constructed for CMX, and the same principles would apply to your design: http://www.communitymx.com/abstract.cfm?cid=AC5AC Basically, since an element can only have one background, you either need to nest divs within divs and layer the backgrounds, or get creative and add the pieces of the backgrounds to elements that are already there, such as the headers in the boxes. Zoe -- Zoe M. Gillenwater Design Specialist UNC Highway Safety Research Center http://www.hsrc.unc.edu __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
RE: [css-d] Refresh needed and Jumping Div's (IE6/Win)
From: Glenn E. Lanier, II Sent: Wednesday, July 27, 2005 4:28 PM http://bellsouthpwp.net/S/p/Speedy7/transcript.html (CSS inline for ease in troubleshooting)) that displays a section of a form on page load. The problem is that when additional fields are displayed, the bottom border of the fieldset is redrawn (as new items are contained in the fieldset), but a little portion of the line is still displayed at the original location. Resizing the window and/or switching to another window and back clears this left-over bit. My question, what should I do to correct this behavior? Not sure it was the correct thing to do, but I fixed this by hiding the containing div and redisplaying it. Also, in IE, when the additional fields are displayed, the last one is mostly cut off -- why? Also corrected, by adding a _margin-bottom:1em to the div.Self, div.College, div.Other, div.CollegeOther definition. The second problem, and probably easier to diagnose, deals with the divAddTranscript (the Add Transcript) link -- when you mouseover/hover in IE it shifts vertically toward the top of the screen a few pixels; subsequent mouseovers have it staying put (once shifted, no more shifts). I'm still having trouble with understanding what is causing the upward vertical shift when hovering on the Add Transcript button the first time. Thanks for any help. --G __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Table of Contents with flexible dotted lines
Jared Stein wrote: Hey all, I've come up with this work-around to deliver a typical book-like table of contents entry appearance (with dashes/dots between toc entry and page number) and while it seems fully flexible, pretty reliable, and not too trashy in terms of coding, I'd still welcome anyone's alternative approaches or experiences. Page available, with CSS embedded: http://stein.uvsc.edu/steinja/tableofcontents.html Our wiki has a page with some examples of this, so I'd encourage everyone to keep it up to date and make it more useful. I've added the two links mentioned in this thread, but I'd encourage the other participants to add more info about browser support, pros/cons, and techniques used to create the effect. http://css-discuss.incutio.com/?page=DotLeaders Zoe -- Zoe M. Gillenwater Design Specialist UNC Highway Safety Research Center http://www.hsrc.unc.edu __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] HUGE gap tween DIVS in Firefox, not in IE???
and coding to FF instead of IE? It might make things go easier for you (if not everyone else). Wondering about this: how do people tackle the problem of browsers working differently. Since 90+% of users use IE Win wouldn't it be better for most sites to get their pages to work in IE Win then modify them for other browser? Or is it better to get it working in a browser that conforms to specs the go after IE Win? Personally I do the latter, seems more future proof to me. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] absolute div growth problem
Michael Landis wrote: For more information on 2-column layouts, feel free to check out the Wiki: http://www.westga.edu/~www/projects/library/index2.html I think the wrong link got pasted there. :-) Michael meant this: http://css-discuss.incutio.com/?page=TwoColumnLayouts Zoe -- Zoe M. Gillenwater Design Specialist UNC Highway Safety Research Center http://www.hsrc.unc.edu __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Floats crashing IE6/Win?
ugo pozo schrieb: http://www.cityofdis.org/flash/?irpara=contato Is this a problem of my IE only? And, if it's not, what should I do? No, it crashes mine too, thanks. On a local copy, it crashed when I was playing with the text-zoom. This can happen in tight fittings. In div#content form#contato p.formcontainer I changed the padding: 0px 20px; to padding: 0px 19px; and I didn't manage to crash it anymore. This is not a fix, of course. The cargo-box is shifted a little to the right for some reasons. Maybe a duplicated spurious char in a tight float fitting. You might try to reduce the width of the contained boxes, some air for exploder's bugs. Ingo -- http://www.satzansatz.de/css.html __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] UAs which allow user to select alternate style sheets?
I know that Firefox/Win, Mozilla/Win, and Opera 7/WinLinux 8/WinLinux permit a user to select an alternate style sheet from a menu. I've looked for a 'comprehensive' list of UAs that give users this ability, but have been unable to find one. At this point, I'd settle for any kind of listing that includes the main browsers for Windows, Linux, and Mac. Any one know of something like that? -- T. R. Valentine The only excuse for using IE is ignorance (or testing) (stupidity is a reason, _not_ an excuse) __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
RE: [css-d] float help
Am I not understanding floats correctly? Ben, I am not the greatest at this either, as I am learning, but Jim Davis passed this url (http://www.projectseven.com/csslab/testing/lists/grid.htm) along to me and it help out with a project I am currently working on. I hope it helps, Scot __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
RE: [css-d] HUGE gap tween DIVS in Firefox, not in IE???
I also do the latter. A bit counter intuitive, but I have actually found that getting the site to work properly and as desired in FF and then tweaking what is necessary for IE is easier and quicker then the other way around. I think it is because it separates the problems of whether the error is my code or quirks of IE. Once I have it worked out in FF and verified by a validator. I know the problems with my code have been worked out. Then I can test in IE and usually don't have too many problems as long as I have avoided the worst short comings of IE. -- Ian Skinner Web Programmer BloodSource www.BloodSource.org Sacramento, CA C code. C code run. Run code run. Please! - Cynthia Dunning ...-Original Message- ...From: Christian Heilmann [mailto:[EMAIL PROTECTED] ...Sent: Friday, July 29, 2005 9:36 AM ...To: Michael Cassidy ...Cc: David Laakso; CSS list ...Subject: Re: [css-d] HUGE gap tween DIVS in Firefox, not in IE??? ... ... and coding to FF instead of IE? It might make things go easier for ... you (if not everyone else). ... ... Wondering about this: how do people tackle the problem of browsers ... working differently. ... Since 90+% of users use IE Win wouldn't it be better for most sites to ... get their pages to work in IE Win then modify them for other browser? ... Or is it better to get it working in a browser that conforms to specs ... the go after IE Win? ... ...Personally I do the latter, seems more future proof to me. ...__ ...css-discuss [EMAIL PROTECTED] ...http://www.css-discuss.org/mailman/listinfo/css-d ...List wiki/FAQ -- http://css-discuss.incutio.com/ ...Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ Confidentiality Notice: This message including any attachments is for the sole use of the intended recipient(s) and may contain confidential and privileged information. Any unauthorized review, use, disclosure or distribution is prohibited. If you are not the intended recipient, please contact the sender and delete any copies of this message. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] CSS Image Map Popup Dysfunctional with Netscape/Firefox
The following HTML is a simple example of a CSS image map. The mapped image in
this case is yahoo.gif which is the large red yahoo! at the top of the
www.yahoo.com homepage. For this example the 'h' in yahoo has been mapped.
When the mouse cursor is moved over the 'h' in yahoo, a border is displayed
around the 'h' and some text is displayed in a separate popup.
This example works correctly using IE6. The background of the popup is clipped
in Netscape/Firefox. It appears that the background color of the popup will
not extend beyond the edge of the block defined for the anchor located over the
'h' in yahoo. This is apparent by changing the left attribute of the popup
text (#imap1 a:hover span) which is currently set to 20px.
There is an obvious difference in functionality between IE and
Netscape/Firefox, but which is correct? The IE functionality is definitely
more desirable for this application. I would like to find a solution for all
the browsers. Any help would be greatly appreciated.
html
head
titlePopup HTML/title
style type=text/css
#imap1 {
display:block;
width:232px;
height:44px;
background:url(yahoo.gif) no-repeat;
position:relative;
}
#imap1 dd {
position:absolute;
padding:0;
margin:0;
}
#imap1 #area1 {
left:85px;
top:6px;
}
#imap1 a {
position:relative;
display:block;
width:42px;
height:29px;
text-decoration:none;
}
#imap1 a span, #imap1 a:visited span {
display: none;
}
#imap1 a:hover {
border:1px solid #000;
}
#imap1 a:hover span {
position: absolute;
top: 30px;
left: 20px;
display: block;
background: #fdd;
border: 1px solid red;
}
/style
/head
body
dl id=imap1
dd id=area1a href=#spantable cellpadding=0 cellspacing=0
border=0trtdPopup/td/trtrtdtext!/td/tr/table/span/a/dd
/dl
/body
/html
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE form problem
Greetings All! Would you please have a look at the following page: www.volume4.com/dmp/lead_buyer/update_registration.html I have got this form to work completely except, in IE, the fourth group last field of the 'Additional Contacts' field set. For some reason IE drop this field down to the next line. I have changed the size of this form element but this does not produce any results. The other aspect of this that is strange to me is that the previous 3 groups do not produce this problem even though they are marked up the same. Am I missing something? Thank you in advance. -- Kind Regards Schalk Neethling Web Developer.Designer.Programmer.President Volume4.Business.Solution.Developers emotionalize.conceptualize.visualize.realize Landlines Tel: +27125468436 Fax: +27125468436 Web email:[EMAIL PROTECTED] Global: www.volume4.com Messenger Yahoo!: v_olume4 AOL: v0lume4 MSN: [EMAIL PROTECTED] We support OpenSource Get Firefox!- The browser reloaded - http://www.mozilla.org/products/firefox/ This message contains information that is considered to be sensitive or confidential and may not be forwarded or disclosed to any other party without the permission of the sender. If you received this message in error, please notify me immediately so that I can correct and delete the original email. Thank you. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS Image Map Popup Dysfunctional with Netscape/Firefox
Friday, July 29, 2005, 6:00:08 PM, Mark wrote: This example works correctly using IE6. The background of the popup dd id=area1a href=#spantable cellpadding=0 cellspacing=0 border=0trtdPopup/td/trtrtdtext!/td/tr/table/span/a/dd You can't have a TABLE in an A. Invalid markup = unreliable results. You probably want to use something like http://www.alistapart.com/articles/sprites/ or just a plain old image map. Steve -- http://mrclay.org/ : http://frenchhorns.mrclay.org/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
