Re: [css-d] search box
CSS won't help with the actual function of the search... just the way the results are displayed. I would recommend checking into one of the many scripting languages out there for searching. It also depends on what you are searching. Right now I am working on a website with a function for php to search a database, but that search function won't help me find content on a website unless my entire website is in the database :) What exactly do you want to be able to search for? On Feb 4, 2008, at 1:08 PM, Terri Houston wrote: Can someone help me with css code for a search box that stays within my website? I want the search to take the visitor to the item searched, not to a page of my own personal search engine. I hope I'm making my self clear. Thank you for your help. Terri www.ttcollectiblegifts.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Jason Pruim Raoset Inc. Technology Manager MQC Specialist 3251 132nd ave Holland, MI, 49424 www.raoset.com [EMAIL PROTECTED] __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] search box
Can someone help me with css code for a search box that stays within my website? I want the search to take the visitor to the item searched, not to a page of my own personal search engine. I hope I'm making my self clear. Thank you for your help. Terri www.ttcollectiblegifts.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Noob with float/div problems
On Feb 2, 2008, at 12:53 PM, Ken Davies wrote:
I will be trying to see what this does with some adjustments,
thanks but please clarify
you show #banner each line. Is there a reason other than MY future
reference?
Specificity. I wanted to only affect an img in the div id'ed as banner:
img [ float: left }
applies float left to every img in the entire document.
#banner img {float:left}
applies float left to every img in a container with the ID of banner.
#banner img#logo {float: right}
applies float right to the img ID'ed as logo in the container id'ed
as banner.
On this subject, if you're ever interested in knowing precisely what
a bit of CSS means, don't forget the Selectoracle at http://
gallery.theopalgroup.com/selectoracle/
Also if reference in a stylesheet is to an img should that preface
the #name-ie img#name.
img#name selects the img with the ID of name
#name img selects all images inside a container with the ID of name.
Have Fun,
Arlen
--
In God we trust, all others must supply data
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Suckerfish Drop-Down breaks on IE6
Hello, I'm trying to make a sucker-fish-style drop-down menu (a hybrid that also uses sprites for the top level items), but it's not working on IE6. There seems to be a problem with the content div that sits immediately below the menu. If I isolate the menu from all other code on the page, it works fine. But if I place just one div beneath the menu, on IE6, the drop-down disappears after my cursor passes over the first menu item. It's as if the z-index of the adjacent item exceeds that of the drop-down, although this is not the case. Here is the page with the example: http://windows.pedrera.com/clients/greenbaum/nav.asp Thanks, John John Gribben Pedrera, Inc. 215 348 7446 [EMAIL PROTECTED] http://www.pedrera.com http://www.pedrera.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Hover state background remains
I'm helping out on a page (https://webtools.uiuc.edu/webservices/temp/toolbox.html) that uses Javascript for rollovers in the top navbar. I've replaced it with CSS on this page - http://www.ahs.uiuc.edu/toolbox/toolbox-2.htm - however when you follow any of the links and then come back to the page, the hover state background remains until you hit refresh (except in Opera Safari). (The specific CSS is here - http://www.ahs.uiuc.edu/toolbox/styles/header2.css.) Any ideas on how to make the visited state show up when coming back to the page? -Tim __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] scrolling in IE7 when you increase text size
Hi Sandy, I don't know how to fix it... but if you want to see what it's doing this is a great page: http://ipinfo.info/netrenderer/index.php On Feb 4, 2008, at 10:33 AM, Sandy wrote: hey all, http://cantoraccess.com/beta_sandy2/publications/paper01b.html#skip http://cantoraccess.com/beta_sandy2/css/ca.css http://cantoraccess.com/beta_sandy2/css/menu2.css http://cantoraccess.com/beta_sandy2/css/ie6-hacks.css http://cantoraccess.com/beta_sandy2/css/ie7-hacks.css in IE 7 if you increase the zoom level (control in lower right corner) you have to do horizontal scrolling to read the entire text. I am on a mac, and I can't test this. Using FireFox, Safari and Opera this isn't a problem. What's up with IE7? How can I fix this? thanks loads! Sandy __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Jason Pruim Raoset Inc. Technology Manager MQC Specialist 3251 132nd ave Holland, MI, 49424 www.raoset.com [EMAIL PROTECTED] __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] scrolling in IE7 when you increase text size
hey all, http://cantoraccess.com/beta_sandy2/publications/paper01b.html#skip http://cantoraccess.com/beta_sandy2/css/ca.css http://cantoraccess.com/beta_sandy2/css/menu2.css http://cantoraccess.com/beta_sandy2/css/ie6-hacks.css http://cantoraccess.com/beta_sandy2/css/ie7-hacks.css in IE 7 if you increase the zoom level (control in lower right corner) you have to do horizontal scrolling to read the entire text. I am on a mac, and I can't test this. Using FireFox, Safari and Opera this isn't a problem. What's up with IE7? How can I fix this? thanks loads! Sandy __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] scrolling in IE7 when you increase text size
Sandy wrote: http://cantoraccess.com/beta_sandy2/publications/paper01b.html#skip - - in IE 7 if you increase the zoom level (control in lower right corner) you have to do horizontal scrolling to read the entire text. Is this a quotation from somewhere? A user's report? Anyway, the answer is works as designed. The zoom control in IE 7 (a novelty, didn't exist in IE 6) is for zooming everything, so a zoom larger than 100 % inevitably introduces horizontal scroll bar - on _any_ page. It is _not_ a text size control. It affects the page as a whole, including images and maintaining the layout. IE also has text size control, which only affects the font size of text and generally causes the layout to be reformatted, so on fluid design pages, no horizontal scroll bar appears. IE users might not know about this and might take the zoom control for it, since there is no button for it by default. The user needs to use the View command to find the text size control menu (and he _can_ modify the button bar to contain the text size control). Moreover, the text size control has five alternative sizes only, and it does not affect texts that have their font size set, in a page's style sheet, in pixels or points (unless the user takes action to override all font size settings on web pages, which can be done but is rarely known and rarely done). For your page, the latter is not a problem since it apparently does not set font size or sets it in relative units. What's up with IE7? How can I fix this? There's nothing you need to do and nothing you can do about it, but you might wish to pass forward the information on IE usage to the user(s) who reported the problem. (It's a real problem to them, of course - they're confused with the zoom function.) Jukka K. Korpela (Yucca) http://www.cs.tut.fi/~jkorpela/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] What Margin Unit Does IE6 Want?
Validated page with included styles is here: www.springfieldmo.gov/egov/cityclerk/minutes_testHtags.html Everything is fine except for the h2 class=description items. These are the left hand, called out headers. They are supposed to line up vertically with the text to the right of them, which they do everywhere but IE6 (don't have IE7 to test). Firefox, Safari on Mac are great as well as Firefox on PC. I'm using a top margin unit of 1 em on those elements to push them into place, but in IE6 this unit lets them move around with text re-sizing. That doesn't happen in the other browsers. So what unit should I use that IE will like? I was trying to go with em's for the very reason of keeping things consistent even with text sizing. Thanks for any tips. Chris __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site check please
Sandy wrote: I am working on a web site, and I would be grateful if you could take the time to look at a rough version of it, and let me know what you think. http://cantoraccess.com/beta_sandy2/index.html Any comments or suggestions are much appreciated! Sandy You may want check you pages in IE/6, IE/7, and the Gecko's at 800 with and without a little font-scaling. On a nothing to do with CSS, does it make a difference, or who cares, aside: If you are seeking /an opinion/, mine is that this information: Skip to content Search: Search main menu * About Us * Contact * Presentations * Publications * Resources * Services should appear on the screen as you have it, but be called from beneath the primary content and above the footer. And that Go to top (in the footer) is not necessary or needed. -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] site check please
hello all, I am working on a web site, and I would be grateful if you could take the time to look at a rough version of it, and let me know what you think. http://cantoraccess.com/beta_sandy2/index.html the first level pages are all done, as well as the pages in the presentations section. Publications has a few internal pages http://cantoraccess.com/beta_sandy2/publications/pub_access.html http://cantoraccess.com/beta_sandy2/publications/paper01b.html http://cantoraccess.com/beta_sandy2/publications/pub_keyboard.html Services has one internal page http://cantoraccess.com/beta_sandy2/services/att.html One of the things I have done is use h5 positioned off screen to identify menus, so that JAWS users using headings to navigate can get a sense of how the page is laid out. Does this make sense to you guys out there? Is there a better way to do this? Any comments or suggestions are much appreciated! Thanks for your help, Sandy __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] scrolling in IE7 when you increase text size
Jason, Thanks for getting back to me. Sadly, a screen capture won't show me this. I need to be able to use the browser controls - the page only breaks when you increase the text size. It's ok as long as you don't mess with it. This is a great service, though, *way* faster than browsercam! Sandy I don't know how to fix it... but if you want to see what it's doing this is a great page: http://ipinfo.info/netrenderer/index.php On Feb 4, 2008, at 10:33 AM, Sandy wrote: hey all, http://cantoraccess.com/beta_sandy2/publications/paper01b.html#skip http://cantoraccess.com/beta_sandy2/css/ca.css http://cantoraccess.com/beta_sandy2/css/menu2.css http://cantoraccess.com/beta_sandy2/css/ie6-hacks.css http://cantoraccess.com/beta_sandy2/css/ie7-hacks.css in IE 7 if you increase the zoom level (control in lower right corner) you have to do horizontal scrolling to read the entire text. I am on a mac, and I can't test this. Using FireFox, Safari and Opera this isn't a problem. What's up with IE7? How can I fix this? thanks loads! Sandy __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Jason Pruim Raoset Inc. Technology Manager MQC Specialist 3251 132nd ave Holland, MI, 49424 www.raoset.com [EMAIL PROTECTED] __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html 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/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] What Margin Unit Does IE6 Want?
Chris Akins wrote:
www.springfieldmo.gov/egov/cityclerk/minutes_testHtags.html
Everything is fine except for the h2 class=description items.
These are the left hand, called out headers. They are supposed to
line up vertically with the text to the right of them, which they do
everywhere but IE6 (don't have IE7 to test). Firefox, Safari on Mac
are great as well as Firefox on PC.
I'm using a top margin unit of 1 em on those elements to push them
into place, but in IE6 this unit lets them move around with text
re-sizing. That doesn't happen in the other browsers.
One part of the problem in IE/win comes from the em font-resizing bug...
http://www.gunlaug.no/contents/wd_additions_13.html
...and the other part from the fact that defaults are not identical
across browser-land.
If you add...
html {font-size: 100%;}
...to fix that IE/win bug, and thereafter declare suitable *and*
identical margin-top on both the .description and the p, the line-up
will be near perfect in all browsers - including IE/win.
regards
Georg
--
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] What Margin Unit Does IE6 Want?
Chris,
You may find it more efficient to zero out the margins etc. then set the
variables to your liking. Thus your chosen rules will apply across all
browser types. Something like:
h2 {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
}
Then enter h2 again and set the rules to fit your design.
If you want to jump in with both feet read Eric Meyer Reset info here:
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
Jim
On Feb 4, 2008 10:50 AM, Chris Akins [EMAIL PROTECTED] wrote:
Validated page with included styles is here:
www.springfieldmo.gov/egov/cityclerk/minutes_testHtags.html
Everything is fine except for the h2 class=description items. These
are
the left hand, called out headers. They are supposed to line up
vertically
with the text to the right of them, which they do everywhere but IE6
(don't
have IE7 to test). Firefox, Safari on Mac are great as well as Firefox on
PC.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] printing online forms
On 2/2/08, Jessica Tanny [EMAIL PROTECTED] wrote:
Hello --
I'm the webmaster for a regional archives organization who have asked me to
update an online member application form.
They do not want members to email the form to them, but rather fill in the
form online, print it out, and mail it in. I know this could be accomplished
very easily with a PDF form, but I think the idea is to be as user-friendly
(and accessible) as possible, so we've tried to limit the number of PDFs on
the site...
So... since I am in the process of teaching myself tableless design with CSS
and thought I'd start here. I built the form with CSS (with many thanks to
CSS Mastery by Andy Budd), but now I need it to print properly.
I've created a print stylesheet and now the biggest issue I'm having is
getting the checkbox columns to work in the print-out. They look great on the
screen and they print really awful... I'm trying so hard to make this work,
but I'm not exactly sure what I am doing wrong.
Here is the online form:
http://www.lib.umd.edu/MARAC/members/member-app.html
Here is the form stylesheet:
http://www.lib.umd.edu/MARAC/forms.css
Here is the print stylesheet:
http://www.lib.umd.edu/MARAC/print.css
Any suggestions or resources you could point me to?
Your checkboxes are still governed by the rule
input {width: 400px;} and it appears that most browsers center a
standard checkbox widget in the defined width if it is greater than
the minimum necessary.
The following should correct it:
input.checkbox {width:auto;}
By the way I'm not sure about the frustration level of asking people
to print a form which includes half a dozen select fields (they have
to remember to make all the selections prior to printing, especially
as the choose one text gets in the way of them simply writing their
response in the box.)
--
Richard Grevers, New Plymouth, New Zealand
Dramatic Design www.dramatic.co.nz
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Nested Horizontal Menu Problem
I am trying to create a nested horizontal menu at the bottom of my Web
page.
I got it to work just the way I'd like on a test page (where the menu
is
the only thing on the page): http://outtacontext.com/list5b.html. But
when
I put into my Web page, all the links are pushed together (see the
bottom of the page): http://inourpath.com/about.html.
It seems that some style for the site itself is affecting the
css/placement of this menu. But for the life of me, I can't figure it
out.
I need some fresh eyes or a workaround.
Hi Jeff,
Try this:
Remove the inline styles you have on the LIs
Remove the width and the max-width from the #TJK_dropDownMenu li {} rule
Change the padding value in the #TJK_dropDownMenu li a {} rule, from 0 7em
to 0 1em
Change the width value in the #TJK_dropDownMenu li ul {} rule, from 30em
to 100%
Feel free to reply off-list if you want.
--
Regards,
Thierry | http://www.TJKDesign.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] printing online forms
On Feb 4, 2008 12:47 PM, Richard Grevers [EMAIL PROTECTED] wrote: On 2/2/08, Jessica Tanny [EMAIL PROTECTED] wrote: : : By the way I'm not sure about the frustration level of asking people to print a form which includes half a dozen select fields (they have to remember to make all the selections prior to printing, especially as the choose one text gets in the way of them simply writing their response in the box.) One way around that is to make the submit button validate. On submit the server produces a nicely formatted application with all the values from the form filled in. It has instructions to print and mail in (with address), a link Print, and the print-style-sheet masks all the customary webpage decorations, so that a simple application letter results. Stephan -- Richard Grevers, New Plymouth, New Zealand Dramatic Design www.dramatic.co.nz __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Stephan Wehner - http://stephan.sugarmotor.org - http://www.thrackle.org - http://www.buckmaster.ca - http://www.trafficlife.com - http://stephansmap.org __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Nested Horizontal Menu Problem
I am trying to create a nested horizontal menu at the bottom of my Web page. I got it to work just the way I'd like on a test page (where the menu is the only thing on the page): http://outtacontext.com/list5b.html. But when I put into my Web page, all the links are pushed together (see the bottom of the page): http://inourpath.com/about.html. It seems that some style for the site itself is affecting the css/placement of this menu. But for the life of me, I can't figure it out. I need some fresh eyes or a workaround. Thanks, Jeff __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Crashing IE7 with CSS a.k.a. IE7 doesn't like button[value]
A few days ago, while testing for coherence in a webpage, IE7 crashed on me. I've isolated the offending code here: http://www.mundoplus.tv/atnbueno/ie7crash.html After a few tests (actually, a lot of them) I've found it's simply more of IE lack of support for the button tag. No CSS applied to button[value] is shown, and any value for value crashes (closes down) the current IE window. So remember, don't style with the button[value] selector. Yes, the code effectively crashes my IE7 immediately. I don't think the problem is the button tag, which I have used extensively for many years. The problem in the code on that page is the lack of a space between the two parts of the selector. Add a space and no crash. Still, you are right. Pretty pathetic. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] background-image and background-color question
Hi All,
The background image on this page -
http://www.cargovango.com/misc_equip.htm - is 2000px high and repeats at
the bottom of the page. I have removed the top 108px and set a new
repeating background that only contains the vertical lines.
My question is can I combine the header image with the solid gray such
that the solid gray only appears at the top of the page? I know I'm
constrained by the pageDef width but wonder if there is another way.
Thank you!
Tim
body
{
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
background-color: #FF;
color : #00;
height: 100%;
font-size: 12px;
background-image: url(../images/bg2.gif);
background-repeat: repeat;
}
#pageDef {
width: 700px;
background-color: #FF;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}
body
div id=pageDef
div style=background-color:#CC;border-bottom:solid 1px
#00;margin:0;width:700px;
img src=/images/header.gif width=700 height=108
alt=www.CargoVanGo.com /
/div
div id=content
hr noshade=noshade /
!-- #include virtual=/includes/rightContent.aspx --
div id=contentPad
div id=pageTitleEquipment For Sale/div
... etc ...
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] background-image and background-color question
Big Moxy wrote: http://www.cargovango.com/misc_equip.htm My question is can I combine the header image with the solid gray such that the solid gray only appears at the top of the page? I know I'm constrained by the pageDef width but wonder if there is another way. Tim Would it be best to begin here?: http://validator.w3.org/check?verbose=1uri=http%3A%2F%2Fwww.cargovango.com%2Fmisc_equip.htm Regards, ~dL __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] weird safari width issue
ok, i suppose weird isn't really apropos there. I have a 2-div layout. The left div's width is set to 180px and is a sidebar. The right div has no width or position set, and it just floats to the right of the div, and takes the remainder of its container's space up. Its overflow property is set to hidden. Inside the right div is a table that is longer than the div itself. I have the overflow property set to auto, and in IE and firefox the scroll bars show up going only to the edge of the container, much like i'd expect. However, on Safari, the table believes that its containing div is really 100% wide and attempts to fill it up. Has anyone seen anything like that in Safari, and more importantly, do you know of a fix? Here are some screenshots of the issue at hand. http://i63.photobucket.com/albums/h128/fobaysnrl2/ffoverflow.png http://i63.photobucket.com/albums/h128/fobaysnrl2/ieoverflow.png http://i63.photobucket.com/albums/h128/fobaysnrl2/safoverflow.png Thanks! Josh -- Internets. Serious business. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] [ccs-d] Problem width on div nested - IE 6
http://win.fluiddesignlab.com/hydroven/ Content Div have some problem on IE6, it's too big (185px)... but on IE 7, FF 1.5, FF2, Opera 9 work correctly. Can someone help me? Where is the bug? Thanks Luca __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Problem width on div nested - IE 6
http://win.fluiddesignlab.com/hydroven/ Content Div have some problem on IE6, it's too big (185px)... but on IE 7, FF 1.5, FF2, Opera 9 work correctly. Can someone help me? Where is the bug? Thanks Luca __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] background-image and background-color question
David, I didn't create the current site and want to distance myself as much as possible from it. I am converting it to .NET and making significant CSS changes too. Tim David Laakso wrote: Big Moxy wrote: http://www.cargovango.com/misc_equip.htm My question is can I combine the header image with the solid gray such that the solid gray only appears at the top of the page? I know I'm constrained by the pageDef width but wonder if there is another way. Tim Would it be best to begin here?: http://validator.w3.org/check?verbose=1uri=http%3A%2F%2Fwww.cargovango.com%2Fmisc_equip.htm Regards, ~dL __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] [ccs-d] Problem width on div nested - IE 6
Luca Pellanda wrote:
http://win.fluiddesignlab.com/hydroven/
Content Div have some problem on IE6, it's too big (185px)... but
on IE 7, FF 1.5, FF2, Opera 9 work correctly.
IE6 doesn't respect declared dimensions, and will always expand an
element until its content fits inside - it's a genuine IE/win bug.
Can't see what's pushing, but the following addition will fix IE6' bug...
#content_box {overflow-x: hidden;}
regards
Georg
--
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] background-image and background-color question
Big Moxy wrote: My question is can I combine the header image with the solid gray such that the solid gray only appears at the top of the page? I know I'm constrained by the pageDef width but wonder if there is another way. Only by adding another container that stretches with the page-content and fills the body, and set the gray background-image on that without repeating it vertically. Multiple (CSS) backgrounds would also solve it, but support isn't good enough for practical use yet. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] background-image and background-color question
On Feb 5, 2008, at 12:03 PM, Big Moxy wrote:
My question is can I combine the header image with the solid gray such
that the solid gray only appears at the top of the page? I know I'm
constrained by the pageDef width but wonder if there is another way.
html {background: #ccc url(./stripped-png) repeat 50% 0;}
body {background: transparent url(./flat-grey-with-a bottom-
border.gif) repeat-x 50% 0;}
stripped.gif is a fragment of your current background-image, can be as
small as 10px by 10px, covers the whole viewport/document.
Philippe
---
Philippe Wittenbergh
http://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/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
