Re: [css-d] OT: What to do now Webdesign-l is gone

>> comp.infosystems.www.authoring.*, e.g.: >> >> & >> >> and many more. comp.infosystems.www.authoring.html comp.infosystems.www.authoring.misc comp.infosystems.www.authoring.stylesheets OK I have

Re: [css-d] OT: What to do now Webdesign-l is gone

List, Call me old - and old fashioned - but I like using lists like CSS-D and Webdesign-l. For non-css things that came up I used webdesign-l, but it is now dead. Is there a substitute list for all things non-css-d? How about these:

Re: [css-d] Basic questions about the box model

You can avoid all the problems of box model by using box-sizing. I suggest read this Mozilla (MDN) article: After using this, I don't have to worry about something not fitting in a DIV. This is what original Microsoft IE6, IE7 and

Re: [css-d] menu item color question on submenu hover

Website Under Construction Check back by June 1! I'm modifying a commercial WordPress theme for a client and am having trouble with the main menu subitems: http://www.thingjiggy.com/about/qualifications/ If you mouse over Pet Services Pet Sitting Overnight Stays you'll see my problem -

Re: [css-d] IE 10 issue

-- From: Eric e...@minerbits.com Sent: Monday, April 28, 2014 7:12 PM To: css-d@lists.css-discuss.org; Russ Peters rpet...@redcanoecu.com Subject: Re: [css-d] IE 10 issue I don't think running IE 9, 10 or 11 is a good idea right now until they

Re: [css-d] Subject: Font Size Small in FireFox ?

You need validate your HTML because I have noticed you have DIV tags as children of h3 tags. These errors do affect how the page is displayed in Standards Compliant Web Browsers. Same thing with CSS. It should also be validated. I haven't done it but you get the idea.

Re: [css-d] CSS Progress Bar Help

I suggest enter this style: .progbox {padding-left: 0; margin: 0 auto;} Good luck. Hello, I'm new to CSS here, so forgive me if this is a basic question. I just added a CSS progress bar to our open source shopping cart, SurfShopPRO. It looks nicer than the graphics we were using before,

Re: [css-d] HTML email question

Will something like this work? @media only screen and (min-width: 769px) { img { display:none; } } you can add specificity if there is one image you want to block. Good morning all, I  am writing a  HTML responsive email template. I

Re: [css-d] website dimensions

Dreamweaver's standard window sizes for Fluid Grid Layout is as follows: http://content.screencast.com/users/JT19560819/folders/Jing/media/9a00744d-e655-4960-9616-ddf7ca858a8b/2013-09-17_0258.png Hope this helps. -- From: John

Re: [css-d] Firefox the new pixel density ??

Not sure about the CSS solution but Firefox solution is here: https://support.mozilla.org/en-US/kb/webpages-are-large-and-blurry-after-updating Hope this helps. I was wondering a number of things... 1. Is there a way to target this with media queries (I read that now one can target dpi, but

Re: [css-d] Question regarding the use of section

AFAIK, Section's role is implied but if you want to make it specific then you should be using DIV. For example this code would validate: div id=section role=main This is a section of my page! /div Lots of HTML tags will not accept the role attribute. Don't know why but it could be

Re: [css-d] Centering contained div with unknown width.

You need to have margin-left and margin-right to be auto something like this: #container { width: 960px; background-color: silver; } #contained { width: 500px; margin: 0 auto; background-color: gray; } Your HTML might look like this: div id=container

Re: [css-d] What's the official/technical name of...

I call it hybrid layout. ... a layout where one column is fixed at, say, 200px and the other column just fills up the space? Everything I can find points to the word liquid or fluid. Is a layout still liquid if one of the columns is of a fixed width and the other takes up the

Re: [css-d] How to prevent the content to be wider than the header?

I'm building a website using responsive design and HTML5 and would like the content not to exceed the width of the banner in the header. The banner was provided by the client, and I am using the following code to implement it:     background: url(../images/banner.png) left

Re: [css-d] Scrolling Within a DIV tag

Paste this css at the end of your styles after the footer styles but before the IE7 styles: #outer1, #outer2, #outer3 { height : 600px; overflow : scroll; } And also comment-out this css: /* #outer1, #outer2, q #outer3 { padding-bottom : 32767px; margin-bottom : -32767px; } */ Hope this

Re: [css-d] Multiple classes...

You also need a comma after each Id and/or clas like this: #invitelist, div.window { display: block; width: 98%; height: 100px; overflow: auto; padding: 5px; background-color: #ff; color: #00; } #invitelist, .window, .redframe { border: 3px ridge #b90025;

Re: [css-d] Multiple classes...

#invitelist, (AND) .window, (AND) .redframe That makes each entry separate, no? #invitelist, (OR) .window, (OR) .redframe I was intentionally making it as specific as I could so it would only apply to that one specific element. Mike

Re: [css-d] Is it bad practice to float the child but not the parent?

P.S.: For anyone wondering there is a reason why I'm not doing just one list. This is a thumbnail gallery and each list is precedded by an h3. I will position:absolute the h3 at the side. Well in that why not do something like this: http://www.mytechnet.x10.mx/thumbnail-test.html You

Re: [css-d] border-radius and image corners

Is there a reason the round-corner images' radius doesn't match the radius of the container it's in, whose corner radius is the same? I suspect it could be due to paddings and margins of the container or even of the image. I will try later to see why this is so. It's always a good

Re: [css-d] border-radius and image corners

Is there a reason the round-corner images' radius doesn't match the radius of the container it's in, whose corner radius is the same? I suspect it could be due to paddings and margins of the container or even of the image.  I will try later to see why this is so.  It's always

Re: [css-d] Food menus and definitions

I am trying to achieve, in CSS and HTML, a menu structure like the one pictured here: http://coffeeonmars.com/testing/menu.png I have been attempting with definition lists, and I can get the first line just fine, but subsequent lines do not line up properly. I realize that I'm not

Re: [css-d] border-radius and image corners

Thank you, David...as I was applying your source to my page, it seemed necessary to have the class specified within the img tag...why is that? the img tag is already inside that div..is inserting the class= a way of making it extra-clear that this is to apply to the image itself?

Re: [css-d] border-radius and image corners

Actually you can apply the css to the img directly like this: img {     border:1px solid red;     border-bottom-left-radius:20px;     display: block; } David's picture: http://www.mytechnet.talktalk.net/round-corners.html

Re: [css-d] Page height trunaction

Nope... I replied too soon. Setting html and body to a height of 100% works for most pages in Chrome, but not this one: http://eigen.com/about/Management.shtml Also, in IE8 I can force a scroll bar to appear, but it's pretty much static. I don't want to set the height to something

Re: [css-d] flexible height of div

Can you not use something like this: min-height: 733px; instead of height? hth Hi, I've got a div (#main) which normally should have the height of 733px because that's the height of the background pic. On some pages the text goes over this height. The text is inside #content. This

[css-d] Fw: Re: css measures - em grid system makes sense ?

--- On Thu, 10/11/11, Jay Tanna jta...@rocketmail.com wrote: From: Jay Tanna jta...@rocketmail.com Subject: Re: [css-d] css measures - em grid system makes sense ? To: mem talofo.l...@gmail.com Date: Thursday, 10 November, 2011, 2:09 You can convert a px size into em size by using

Re: [css-d] way to force every cell in column to be text-align:center?

Sure. You can define colgroup for formatting. You can try this link for a quick over-view: http://www.w3schools.com/tags/tag_colgroup.asp Or you could download an excerpt from David Power's book from this link:

Re: [css-d] Mysterious Div URL

The easiest way is to add this code in your CSS file http://www.datecreekranch.com/splash.css: #newslinks { background-color: lime; } You may also like to know that your home page is not a Standards Compliant page because it is missing lots of things at the top. The page should always

Re: [css-d] Centering text within a float with fluid layout

That certainly seems a very good explanation of what one sees. Thank you. Actually the floated h1 is centering but because you have floated it, it automatically shrinks to fit within the contents of that floated element. That is why when you increase the width of the h1, you can see it

Re: [css-d] Centering text within a float with fluid layout

The background color is coming from this style. #banner { position: relative; width: 100%; background-color: #369; display: block; overflow: auto; /* ensures height adjusts to enclose floats (ClearFix ) */ border-bottom: 1px solid #FFF; } Change #369 to white (or

Re: [css-d] Centering text within a float with fluid layout

I would change the #banner h1 style to look like this: #banner h1 { /* float: left; */ background-color: #369; color: #FFC20F; font-size: 150%; width: auto; text-align: center; } You can't have float:left and text-align: center. In the above style, I have commented out

Re: [css-d] Horizontal menu when menu name spans 2 lines

You could do something like this: http://www.btinternet.com/~jtanna/menus05.htm The css is: style type=text/css /* Header styles */ #header { clear:both; float:left; width:100%; } #header { border-bottom:1px

Re: [css-d] Centering the nav: EASY one. ?

It looks centered in Mozilla Firefox version 5 and IE8. See this picture: http://content.screencast.com/users/JT19560819/folders/Jing/media/65697f4c-dd5d-4fef-b81b-9edfe84681f4/2011-07-17_0137.png I also tested in compatibility mode and it looks the same as in previous two browsers. hth

Re: [css-d] page layout off in Safari/Win

Debbie, For the future, if you want to see all your tags in different colors and properly formatted, I suggest download a Firefox Addon from here: https://addons.mozilla.org/en-US/firefox/addon/655/ Once you installed it in FF, restart the FF and load a test website. Then go to: View View

Re: [css-d] Adjacent Sibling Selectors in Reverse?

Adjacent sibling in reverse is not possible but you could adapt direct siblings using something like this: h2 p { color: yellow; } hth --- On Mon, 30/8/10, Rick Gordon li...@rickgordon.com wrote: Is there some way to address the first member of an adjacent sibling selector, as opposed

Re: [css-d] IE Problem - logo appearing on top of text

The page is identical in Mozilla 3.6.8 and IE8. What version of IE have you tested in? IE8 screen shot is here: http://lh4.ggpht.com/_K3_a3GBHwyA/THxTkgeRM0I/ADw/9cNUSd8puwo/s640/31-08-2010%2001-51-58.png hth --- On Tue, 31/8/10, Timariane Thornewig timandari...@yahoo.com wrote: I

Re: [css-d] General question

Yes that is exactly what I normally do. This means the OP gets two messages but we can't help it unless you remove the individual's email from To: item. This should be fixed but nobody seems to have complained about it up to now. --- On Sun, 22/8/10, Cheryl Smith robix97...@yahoo.com wrote:

Re: [css-d] Problem floating an image to right

Put this code in your CSS file: .h img { display: inline; float: right; margin: 0 1em 1em 1em; padding: 10px 10px 70px 10px; background: orange; } This should sort itself out. --- On Wed, 28/7/10, Chris u24y...@gmail.com wrote: From: Chris

Re: [css-d] Tool to tell me where a rule is used

The only way I can think of is to to do a search for class name or ID name. Notepad is pretty good doing this. Try Edit, Find. Then you can use Find Next to go to the next occurence. For ID you will have only one item on the page so that is not the problem. hth --- On Thu, 8/7/10, Ellen

Re: [css-d] ID overly qualified with tag

I normally style my IDs as follows: #footer p { } /* I don't use DIV before # */ #nav { } #nav ul { } #nav ul li { } #nav ul li a:hover, a:active { } Notice that each line follows/builds from the one before to ensure everything is taken care of. To validate your HTML and/or CSS I don't think

Re: [css-d] Chasing a fantasy??

This is how I would do: http://jtanna.tripod.com/blockquote01.htm Check the source of above page and let me know if you have any questions. I have taken two paragraphs from your page and quoted above. hth --- On Sun, 27/6/10, Brian M. Curran br...@draftingservices.com wrote: Well, it's a

[css-d] New Version of Mozilla Firefox Released Today! Version 3.6.4

New version is available today from here: http://www.mozilla.com/en-US/firefox/3.6.4/releasenotes/ hth __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ --

[css-d] Fw: Re: centering 3 float: left boxes

This message was sent to the list but got lost in the system!!! Gremlin again? --- On Wed, 23/6/10, Jay Tanna jta...@rocketmail.com wrote: No you can't center the three boxes of size 25% because the total width is only 75%  So I suggest change your css as follows: #container

Re: [css-d] Tests on HTML5 video and CSS

--- On Mon, 21/6/10, Climis, Tim tcli...@indiana.edu wrote: Just FYI, Chrome Dev branch (6.0.437.3) autoplayed every one of those videos, so it appears that the Webkit nightlies must have support. Safari 4 seems to fair better when it comes to HTML5 and CSS3 according to this survey:

Re: [css-d] Sum total greater than 100%

The reason could be that you have mixed px and % sizes and so the calculations becomes difficult in browsers. However, I suggest try this: Setup your html as follows: - body div id=wrapper div id=container2 div

Re: [css-d] Generating a multiplication table with CSS

Gabriele, Your posts are always very interesting and I am always learning something from you. However, have you kept yourself up to date with the progress of Italian National Team in World Cup Football? Unfortunately, they drew today and so the last match next Thursday is very imporant for

Re: [css-d] IE6 padding

Without posting your outline CSS, basic html and/or a link to your site, you are not likely to get any help here. People have to see what you have done to get this padding. It could be the borders around the images or it could be your own design style and we can't provide solutions to

Re: [css-d] web page help

Let us solve one problem at a time: 1) To solve your image problem, I suggest enter the following code in your css file: #header img { display: block; border: 0; } Let us know if this solved the problem. Then we should try to fix your footer problem. hth --- On Thu,

Re: [css-d] Any order columns with liquid layout

Thierry, Perhaps the OP was confused because your td id=nav isn't closed properly. You have missed out /td just before /tr My 2 pence contribution here! I don't understand the question though! hth --- On Thu, 17/6/10, Thierry Koblentz n...@tjkdesign.com wrote: I think this should work

Re: [css-d] Sizing bullets in IE6/IE7

--- On Wed, 16/6/10, Jay Carlson jaycarl...@neb.rr.com wrote: And yes, I'm not a fan of the bullets, but the client insists. Ugh. In that case why not adapt borders so that they look like bullets!. for example this would look like bullets in most browsers: ul.navbar li {

Re: [css-d] vert position question

There is a contradiction in your CSS. For example the CSS for #container is as follows: #container { margin : 0 auto; width : 800px; text-align : left; margin-top : 38px; } I suggest comment out the margin-top to show this: /* margin-top : 38px; */ Save the file file and

Re: [css-d] Will -{moz, webkit}-border-radius ever be replaced by border-radius?

--- On Mon, 6/14/10, Philippe Wittenbergh e...@l-c-n.com wrote: Opera 10.5 and Safari 5/Chrome 5 already support the CSS3 syntax (not vendor prefix). Firefox.next will almost certainly also support that syntax. I suspect IE 9 preview also support the vendor-prefix-less syntax (but I've no

Re: [css-d] help needed

Yes the page is not centered in IE8. You need to change the CSS as follows: body { color: black; font-size: medium; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-image: url(graphics/graytile.gif); text-align: center; }

Re: [css-d] equal columns

You haven't said whether you want all columns to be equal in length as well as width! Assuming you want equal in both, then the simplest way is to use a background image in div wrapper something like this (please try this in your test document first and also have a simple background image any

Re: [css-d] need page to take up entire screen

OK try this: 1) Create a basic html doc like this as your test page: div id=container div id=headerYour header goes here/div div id=bodyYour body contents goes here/div div id=bottom_sectionYour bottom_section text goes here/div /div 2) Now use the following in your css file or

Re: [css-d] Mystery space

Change your footer style to: #footer{width: 850px; margin: 0 auto 0 auto;} #footer p{ color: #fff; } You had a margin of 20px and this should be zero. hth --- On Fri, 6/4/10, Tom Livingston tom...@gmail.com wrote: Having an issue with Safari 4 Mac and a

[css-d] OT: IE seems to be improving!

Just seen Microsoft's own Cross-browser Test Results Summary and it has scored 100% in everything! Now this must be an improvement! the test result is for IE9 so don't get carried away soon. http://samples.msdn.microsoft.com/ietestcenter/ hth

Re: [css-d] Firefox wont align content in a table properly

Try to put the following code at the end of your css: td { padding-left: 16px; } Effectively, I am padding the left side by 16px. You will need to readjust this figure. Incidentally, I tested your site in Firefox 3.6.3 and IE8 and both are showing identical and the data is

Re: [css-d] tiny font in Safari and Chrome

What you are seeing is 100% of .8em (em being the size of the font relative to font size of the body). There are three units one should be very careful; They are em, px and ex. px is relative to the device used to view the web; ex is the x-height of the font ie the width of the font (in

Re: [css-d] Why won't this item center?

Ellen, I had a quick look at your code and have noticed that your nav_wrapper has lots of redundant empty links and so I suggest try something like this: 1) Your basic code for nav should look something like this: div id=my_menu ul lia href=#Tab 1.0/a/li lia href=#

Re: [css-d] Adding something to the top left and surrounding it by text to the right botto

OK try this: In the header of your html file enter this code: style media=screen type=text/css #GoogleAd { float:left; width: 250px; height: 250px; border: 1px blue solid; margin-right: 10px; margin-bottom: 10px; } /style In the body of your HTML

[css-d] HTML 5 Extension pack?

Does anyone know whether Eric Meyer has any plans to release HTML 5 Extension Pack for Dreamweaver CS4? Adobe have released a version for CS5 (this is CS five - http://labs.adobe.com/downloads/html5pack.html) but I am interested something similar for CS4. Perhaps Eric can reply if he is

Re: [css-d] Need Footer to always go to bottom

Try this article for a starter: http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page hth --- On Mon, 12/28/09, J.M. Knowles websp...@san.rr.com wrote: Probably an easy way to do this that I am spacing on - but how do I get my footer

Re: [css-d] suckerfish woes

Just done a quick check and there are 19 errors on your page. I suggest correct the errors first and then see if the problems is still there: http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Ftheresaweb.com%2Frowny-testprofile=css21usermedium=allwarning=1lang=en I have also noticed

Re: [css-d] suckerfish woes

. --- On Sat, 11/28/09, Jay Tanna jta...@rocketmail.com wrote: Just done a quick check and there are 19 errors on your page.  I suggest correct the errors first and then see if the problems is still there: http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Ftheresaweb.com%2Frowny

Re: [css-d] aligning elements

OK I misunderstood you. Try this: 1) Create an extra div called logo01 and enter your logo in it as follows: div id=logo01 img alt=villa_phuket height=39 src=villaphuket_300.gif width=308 / /div 2) create an additional css rule as follows: #logo01 img { padding: 0;

Re: [css-d] aligning elements

Lisa,   Try this example from STU's website (copy paste the link to visit):   http://www.cssplay.co.uk/menus/vertical.html   Let me know if you want any more help. the code and CSS is at the bottom of the page --- On Wed, 11/25/09, Lisa Frost birdiefr...@gmail.com wrote: Hi, How do I go

Re: [css-d] Div height trick not working in IE

OK change your CSS to as follows or copy and paste it on your test page to see if this is what you want.  The columns are of equal length and they work perfectly.  Enter some data in your columns like I did in my code.   #section2 {  clear:left;  float:left;  width:100%;  overflow:hidden;  

Re: [css-d] Div height trick not working in IE

If you tell us what exactly you are trying to do then I may be able to help you.  Tell me how many columns you have, and what is the size of each columns in percentage.  I will be able to post here a code for the div and related CSS.   I use Matthew James Taylor's method which in my opinion is

Re: [css-d] Links not adhering to style sheet in IE 7/8

You need to give us an example of which link seems to be dodgy in IE7/8 and not in FF/Safari. I had a quick look at your site but found it ok in IE7. --- On Mon, 11/16/09, Jason Lander jasonwlan...@gmail.com wrote: Two firsts for me today - This is my first email to this group and I put my

Re: [css-d] IE7 stretching floated div

You haven't said which DIV is causing the problem. You have only one div in your snippet so it is difficult to comment. Generally, floated elements are relatively positioned within one another. Therefore, a non floated DIV will stretch 100% while floated DIV will be positioned relatively and

Re: [css-d] fixed width horizontal list

First change your code to this: div id=centeredmenu ul lia href=/Home/a/li lia href=consultingConsulting/a/li lia href=ica-atomICA-AtoM/a/li lia href=clientsClients/a/li lia href=aboutAbout/a/li lia href=contactContact/a/li /ul div Then change your css to this:

Re: [css-d] Where is Eric Meyer's most recent CSS Reset

The recent file is located here nothing has changed in web tehchnology since this file was created): http://meyerweb.com/eric/tools/css/reset/ The above link allows you to either copy the code from the web or download a css file by clicking on the link provided. The way I use it is to copy

Re: [css-d] How can I avoid vertical scrollbar in frame?

Have you tried changing the code to show: SCROLLING=NO As to advice to improve the site, I would strongly suggest that you use CSS with a header, two columns and footer. If you want a source for this then please tell us. I can certainly give you a very simple one to start with and this can

Re: [css-d] The holy grail

Apparently, Micro$oft IS complying with standards but it is their standards they are complying with NOT international standards. When they brought out IE8, they said they are doing us all a favor by trying to comply with international standards. I guess they are still trying but NOT hard

Re: [css-d] why does Firefox add padding?

In IE7 and FF 3.5.3 I see the pages identical. The right side image is slightly above compared to left side images. On the left side there is a heading Category Title which is pushing the contents down. Is it what you are asking about. --- On Mon, 11/9/09, r...@catjuggling.com

Re: [css-d] What defines a ture holy grail layout?

let lassko have a look at it. If he doesn't swear at you it must be fine ;) So is Lassko our resident expert on all things CSS here? It is useful to know so that we can fire quick questions towards him to his direct email.

Re: [css-d] Misalignment in IE6

Have you tried using reset code? Reset code sets all different styles and selectors to zero so that browsers don't make any assumptions to mess up the layout. Eric Meyer's code is as comprehensive as you can get. Try this link: http://meyerweb.com/eric/tools/css/reset/ I suggest copy the

[css-d] Does anyone know the diference?

Does anyone know the difference between the following two units of measurements: 3em 3pt This is normally used in setting margins. I just want to know which is bigger and is there a simple relation like converting from inches to centimetres etc etc. Thanks.