Re: [css-d] Vertically aligning image and text
On 30.09.2005 04:55, JJ wrote: I need to display a map legend. This consists of a vertical list of images with a text explanation (never more than a few words) immediately to the right of each image. What is best way to display the image (26px tall) and then the text (about 12px tall) on the same line, with the text vertically aligned at the middle of each image? __ Look at these pages, please. http://www.brunildo.org/test/ http://www.brunildo.org/test/inline-block3.html http://www.brunildo.org/test/valimid2.html http://archivist.incutio.com/viewlist/css-discuss/56710 http://archivist.incutio.com/viewlist/css-discuss/56713 Uwe K. __ 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] Flash, Video, CSS -- Can they live together?
On Thu, 29 Sep 2005, Christian Montoya wrote: But when I'm designing XHTML for N+1 CSS files made by different designers, and some who want to add video and/or flash in addition to their images+CSS, I can't think of how to implement it, other than to give the designers the ability to put custom Javascript files up and auto-include them as well. Your users want to add custom flash and videos? Then stand up to them and say no. If you want to teach CSS, flash and videos are not relevant. If they want to learn about implementing flash and videos, they can go look up the appropriate references for that. Flash is sexy. If I want pure CSS + XHTML (ala CSS Zen Garden) I can't have sexy. I can have sensual, but not sexy. No multimedia for you! From what I've gathered from responses, CSS + XHTML makes embedding flash and video impossible without hard-coding it into the XHTML or including it as a JavaScript functionality. Probably the most ideal solution for now is: Each user can upload their CSS + JS file(s), all of which are included dynamically upon display of the XHTML (which does NOT include flash or video) via PHP. It is up to them to find the way to implement video (Flash will be done with UFO [Unobtrusive Flash Objects] from Bobby VanderSluis). Until Flash, video and other multimedia objects can be included via CSS without fancy JS hacks, including multimedia other than images as part of the look and feel of a page is not pheasable using only XHTML + CSS. That pretty accurate? Thanks to all who replied. Beckman --- Peter Beckman Internet Guy [EMAIL PROTECTED] http://www.purplecow.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] too many browser hacks.
[EMAIL PROTECTED] wrote: hi, is there a quick way to fix the positioning difference between ie and firefox/safari WITHOUT doing lots of htmlbody browser hacks? Ross, Have you considered IE conditional comments? http://www.quirksmode.org/css/condcom.html Don Hinshaw __ 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][OFF TOPIC] Anyone know of a good usability list
Aaron Roberson wrote: I am looking for a list that is as good as this one but for usability issues. Anyone know of such a list? The question is off topic for this list. Please consult the list of OFF Topic resources in the WIKI. http://css-discuss.incutio.com/?page=OffTopic -- 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] columns of lists
Kristina Floyd wrote: Dear List I am trying to create a two column list, that displays the sitemap. The content is being generated by a CMS and I have no control over the number of items in each list, but the column headings need to be level with each other. Thee latest issue of A List Apart has TWO articles about multi-column lists. http://www.alistapart.com -- 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] too many browser hacks.
[EMAIL PROTECTED] wrote: hi, is there a quick way to fix the positioning difference between ie and firefox/safari WITHOUT doing lots of htmlbody browser hacks? R. Some suggestions: -Start with a stable cross-browser reliable layout. This is a good one. http://www.alistapart.com/articles/negativemargins Add a containing wrapper if you want it fixed width. -Zero out: html, body {margin: 0: padding: 0; }, and all id's. -Use lists that meet your browser support requirements: http://css.maxdesign.com.au/listamatic/browser-support.htm. -Apply these avoiding hack principles: http://css-discuss.incutio.com/?page=AvoidingHacks -Feed any un-avoidable hacks for Win/IE via condition anal comments [1].: 1. |link rel=stylesheet href=allbrowsers.css type=text/css /| 2.3. |!--[if lte IE 6]| 4. |link rel=stylesheet href=iefix.css type=text/css /| 5. |![endif]--| [1]http://www.satzansatz.de/cssd/onhavinglayout.html HTH. ~dL -- David Laakso http://www.dlaakso.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] three layers, not two.
I have long held the opinion that there are three, not two, layers that need to be kept separate. content layout style However, I regard these a meta-layers that should be thought of as orthogonal to the multi-layered web application architecture, containing: data base table layer (plain text) data base management system (I use PostgreSQL) system logic (I use EJB2 - but am currently migrating to EJB3) document layer (JSPs in XML format; in some cases site DTD is written) parsing layer (XSLT which uses a simple table for a three column layout) style layer, with very little emphasis on positioning (CSS, of course) presentation layer (which is where everything comes together: XHTML/CSS) Have a look at a site using this approach http://www.wikidiction.com Look at Geek Notes for an explanation of the techniques used, and the advantages gained. I am curious to know what your thoughts are. Benjamin Rossen __ 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] An IE problem I can't figure out
Go to http://www.homedesigntrends.com in IE6. Click on the search button on the left side. This should bring you to a page called tables.php. Now, you can either view this page in 800X600 screen resolution or minimize the screen to where weird things start happening. Now, do the same thing in Firefox. There are 2 things I'm noticing going wrong in IE6: 1.) The images of the houses don't shrink like they do in FF. 2.) If you declare a smaller % for the width of the images or their spec boxes next to them (just to play around - not to fix the issue), the columns that the pics and the spec boxes are, still remain too wide to fit on the screen like it does in FF. How do I fix this? I've tried max-width and min-width approaches too. -Chris Harris _ Express yourself instantly with MSN Messenger! Download today - it's FREE! http://messenger.msn.click-url.com/go/onm00200471ave/direct/01/ __ 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] Hodgepodge horizontal menu / submenu help
I'm working on a menu based on Doug Bowman's Sliding Doors. My menu, however, requires a horizontal submenu beneath the main tabs. The problem I'm having is that the absolute position of the submenu aligns the submenu ul beneath the current main tab. I need the submenu to align left of the page. It's easier to show than to explain... http://erichassler.com/test9/ index.php Obviously, the graphics, colors, etc... are temporary. The Home and Calendar tabs are working links. Everything else is #. Click the Calendar link to see the problem. Imagine that behavior if someone were to click the Month End link: the submenu would run right off the browser window. Apologies if this has been discussed before... Also, I'm using Jason Pearce's method of Keeping Navigation Current with PHP, which btw works like a charm. And... I've only previewed this in Firefox and Safari. I'll fix any IE probs later. TIA, Eric __ 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] Hodgepodge horizontal menu / submenu help
Ah! I think I found it. I added left: 0; to the #navigation ul ul. On Oct 1, 2005, at 1:57 PM, Eric Hassler wrote: I'm working on a menu based on Doug Bowman's Sliding Doors. My menu, however, requires a horizontal submenu beneath the main tabs. The problem I'm having is that the absolute position of the submenu aligns the submenu ul beneath the current main tab. I need the submenu to align left of the page. It's easier to show than to explain... http://erichassler.com/test9/ index.php Obviously, the graphics, colors, etc... are temporary. The Home and Calendar tabs are working links. Everything else is #. Click the Calendar link to see the problem. Imagine that behavior if someone were to click the Month End link: the submenu would run right off the browser window. Apologies if this has been discussed before... Also, I'm using Jason Pearce's method of Keeping Navigation Current with PHP, which btw works like a charm. And... I've only previewed this in Firefox and Safari. I'll fix any IE probs later. TIA, Eric __ 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] Background Image not Displaying in FF
I have a background image that does not display in FF, and I think it is because my outer most div (#wrapper) is not getting any height. I looked at all of my floats, and I think everything should be clearing correctly, but apparently it isn't, because FF doesn't display it. Any ideas on what I have done wrong? Any help would be awesome, thanks. http://dev.tzappe.com/jud/ -Tim -- www.tzappe.com http://www.tzappe.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] Background Image not Displaying in FF
Tim Zappe wrote: I have a background image that does not display in FF, and I think it is because my outer most div (#wrapper) is not getting any height. I looked at all of my floats, and I think everything should be clearing correctly, but apparently it isn't, because FF doesn't display it. Any ideas on what I have done wrong? Any help would be awesome, thanks. http://dev.tzappe.com/jud/ -Tim -- www.tzappe.com http://www.tzappe.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/ First of all, the div around the h1 actually isn't necessary. Try attaching the id to the h1 itself. The problem here is that you set an absolute height on div#page. Browsers not named IE will take that height literally, and make div#page (and div#wrapper) exactly the height specified, and allow the content to spill out the bottom. I believe what you really want here is min-height, not height. Either that, or change it so that the content is not inside #page. -- http://www.mozilla.org/products/firefox/ - Get Firefox! http://www.mozilla.org/products/thunderbird/ - Reclaim Your Inbox! Please avoid sending me Word or PowerPoint attachments. See http://www.gnu.org/philosophy/no-word-attachments.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/