[css-d] Styling for Print Question Please
On a website I am developing I have a link that will pop up a window intended for printing. Sort of like a coupon if you will. My question pertains to the formatting of that page so it prints neatly on an 8.5 x 11 piece of paper. Can someone please explain to me how to be style that pop up window? I believe there are 72 pixels to the inch so would I multiply 72 times 8.5 for a container width? Thanks so much. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Bizarre img margin behavior in IE7
Could someone peek at this page - www.atrachapter.com http://www.atrachapter.com/ in IE7. When the page loads look at the margin on the main image of the page. When I move my mouse over the left hand navigation (ul) the margin on the image disappears. I put a border on the ul and li's and there doesn't seem to be any change in their width that might cause this to happen. Thanks for any feedback. Tom __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] H-Scroll in IE7 - Please Help
Can someone please look at this page and tell me where the horizontal scroll in the browser is coming from and how to get rid of it? http://www.tmhdesign2.com/sedation-dentistry.asp Thanks. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Vertical Align for Header Elements?
I am curious to now if there is such a thing as a vertical alignment for headers? I have an h5 element within which I am placing an image AFTER the text. The image is 30 pixels high and the font is sitting at the bottom of the h5 element whereas I would like it to sit at the top. Thanks. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Image Width Height
I have this working in IE but not FF, why? div.pic_div img { width:150px; height:110px; border:0; } __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Layout (in FF) Driving me Nuts
If someone can peek at this and tell me why I am having such an issue with this in FF would you please let me know? I sure would appreciate it. I have spent an hour turning on and off borders, adjusting margins, padding, etc. Thanks so much http://www.atramember.com/gallery2.asp?pic=187 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Are table-less layouts important - why?
I was asked this question today by a fellow designer - Is there an advantage to the non-use of tables in SEO? As I am not sure how to best answer this question I thought I'd solicit the opinions of you experts. Thanks for any help on this. Tom __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Help w/ Div Width Issue FF IE
I have a site at this address - www.atramember.com/services.aspIf you look at the page in FF as you scroll down you will see there is about a 20px gap on the right side that is not there in IE. I have played around with the widths and paddings and margins of the div elements in question but can't quite get it to look the same in both browsers. Here is the element code in question - #main_content{float:left;position:relative;margin-top:0;background-color:#ff f;} #main_body_left{float:left;background-color:transparent;width:520px;position :relative;margin:10px 0 0 0;padding: 0;} __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Styling text in a textarea element
I am trying to get a size 10px font inside a textarea but can't seem to do it. textarea style=font-size:10px;Text Here/textarea __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] To table or not to table...
That is the question I poised in my online college Web Programming HTML course at the Univ. of Phoenix. I raised some issues with the demo web site the school uses to teach beginning html to students. It relies solely on tables and nested tables for its layout. I initiated a discussion thread as to how this was poor design and my observation caused a bit of discussion. What I am hoping to gather from this group are some references I can provide as to why tables should be used or limited to tabular data only and not relied on for a site's entire layout presentation. Thanks for any help. Tom __ 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] Positioning Help Please
Please look at this layout - http://webhost.bridgew.edu/etribou/layouts/3col_footer/archives/3col_footer_ 02 This is about what I am after except I'd like to be able to absolutely position elements inside the header, footer, and columns. It seems that when I attempt this though the elements I specify as position:absolute; do not position in the parent element properly. Also would it be difficult to set this to a fixed width layout of 780px and centered horizontally? Thanks for any help. Tom __ 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] ul won't auto center in body
Maybe a stupid question but why won't this ul center in the page: html body ul style=width:800px;margin:0 auto; liTest/li /ul /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] Layout Consultation/Analysis
Group, I have been asked to recode an existing site for seo purposes - http://www.bestlubrication.com http://www.bestlubrication.com/ As you can see in the code it is not properly structured using a plethora of tables and inline styling. After poking around the site a bit you can see it is a pretty elaborate site but the layout seems consistent from page to page. That being said I am curious to know what type of div layout you see from looking at it. I see a header section across the top, a nav section on the left, and a main content section. This would be a 2-column layout with a header and a footer no? Thanks. __ 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] LI Padding IE Firefox
No matter what I try I can't get this list to look the same on IE and Firefox. Any help would be appreciated. (I really messed this project up as I designed in IE but should have done so in Firefox. I am in the process of going page by page fixing little bugs like this. Lesson learned. http://www.thomashall.com/discover-northern-california.asp div#local ul{ float:left; margin:25px 0 0 0; background: transparent url(../images/local-area-nav.jpg) no-repeat 0 16px; list-style:none; height:300px; } div#local ul li{ margin-top:20px !important; font-weight:bold; font-size:14px; padding:0 0 0 25px; } __ 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] P float:left; makes P jump out of containing Div in Firefox
http://www.thomashall.com/real-estate-listings.asp?county=Sonoma Look at this page in Firfox. If I put the float:left on the paragraph of description it causes the p to jump out of the containing div altogether, might someone please explain, it looks ok in IE. __ 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] LI's Line Up in IE but not FF
Appreciate any help on this. This page - http://www.dolphincoveinn.com/manzanillo-tourism-attractions.asp has a list of links for various pages in the site. I set a background on the UL with icons (you will see) but in IE they line up perfectly but on Firefox the alignment is off. I have played with the margins and paddings on the list-items but to not success. Thanks for any help at all. 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/
[css-d] Site Check - http://www.dolphincoveinn.com
If anyone has a spare moment please look at http://www.dolphincoveinn.com http://www.dolphincoveinn.com/ and let me know if I missed anything. Thanks so much 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/
[css-d] Site Check - www.fargerkave.com
Please see if I missed anything, thanks. www.fargerkave.com http://www.fargerkave.com/ (English Version please) 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/
[css-d] Nav Bar - From Table to Horizontal List - Please Help
I am attempting to take a site I developed some time back and convert a bulky table navigation to a nice horizontal list navigation. Sounds simple, but I have a hard time comprehending the padding issues that make the links fill the list-items and the list items fill the ul. Below are two links, the first link contains the table formatted navigation. The second contains the early beginnings of my attempt to accomplish this. Thanks for any help www.atra.com/~bullfrog (tables) http://design.tmhdesign.com/atra_template/default.asp (my attempt) 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/
[css-d] li bg great in Firefox - but not in IE ???
I have a page that uses a list to display spa treatments - http://design.tmhdesign.com/szidonia/beauty-wellness-spa-e.asp?spa=9 If you look at it in Firefiox, you will see all li have the background color of red, but in IE, only half of them do??? 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/
[css-d] Element won't move up in IE, fine in Firefox...
Please look at this page - http://design.tmhdesign.com/szidonia/hungary-map-e.asp The header element and the map won't move up regardless of what I set the margins to, but it looks and works fine in Firefox. 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/
[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/
[css-d] Filling li with an a
I have a horizontally oriented list of 3 li's. In each li, I have a specific background image that for the sake of this question, is 100 pixels x 50 pixels. Let us say I want to put a link in each li that says Welcome in three languages. I want it so that when the visitor mousse over the entire li, not just the link text, that it is a hyperlink. How do I fill up the li so to speak. I don't want to put the images directly in the li as I want them to be backgrounds for seo purposes. 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/
[css-d] Forgot Link for Div jumping in FF
Sorry, I forgot to put in the link for my earlier post - http://design.tmhdesign.com/meran/italy-golf-spa-e.asp Please look at this page. The div titled copyright jumps up mid-page when first loaded, but after a refresh it jumps to where it is supposed to be. I am not quite sure why that is, I looked in Firefox using the outline for the block elements but it just isn't clear to me what is going on. The overall layout is a modified version of a css template I located online. Thanks for any tips. 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/
[css-d] Vertical Text for Castle Hotel Menu (Italy)
Ok, so world traveler that I am I walk into this hotel to finish their website (http://design.tmhdesign.com/meran) for them and I find a lovely young girl at the reception using MS Word to type the menu for the evening in 3 languages English, German, and Italian. I ask her if she does that every night and if the menu items repeat themselves. She answers yes to both. I suggest a database solution whereas menu items could be categorized and then selected, printed, and/or displayed online. Great idea she says, but then I was left scratching my head. Getting the data into the database is a cake walk for me, but figuring out how to print the menu is another ball game so to speak. The menu is printed on a standard 8 ½ x 11 piece of paper, but the paper is turned sideways, so as you are holding it, the width is 11 the height is 8.5. Ok, so can I somehow use CSS to they can open a web page and print it so it can fold neatly in half and display the wine list on one half, the menu on the other. If so, how would I do this? If anyone would help, I would be s grateful. 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/
[css-d] Site Check - http://www.appesbach.com
Hello, if anyone might take a peek at this site, http://www.appesbach.com http://www.appesbach.com/ and let me know what you think and if I missed anything. I looked it over in FF and IE and it looks pretty good. I am sure I probably missed a thing or two so would appreciate any feedback. If you pick this up in a German speaking country, you will need to start here http://www.appesbach.com/accommodations.php Thanks for your feedback, good or bad. ;-) I put a lot of effort into this site and I hope it pays off for my client. (Look at the guestbook, it is kind of cute) 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/
[css-d] Mac Site Check Please
Hello, I MAY have already asked a site check on this site I did, do forgive me for asking again if I did. Anyway, I was told by my client today that a friend of hers pulled the site up in a Mac and she was told it either didn't load or when it did, it looked terrible. I tried to be careful in designing this site to standards and I know it looks ok in FF and IE. Can someone check this site in a modern Mac and send me a screen shot, good or bad? Thanks for your help - www.point-reyes-online.com http://www.point-reyes-online.com/ 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/
[css-d] Site Check - http://www.centralfunding.com
If anyone would be so kind as to check this site, http://www.centralfunding.com http://www.centralfunding.com/ I sure would appreciate it! Thanks. 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/
[css-d] Site Check Please
Please if any folks would be so kind; just give this site a quick glance over for me. http://www.point-reyes-online.com http://www.point-reyes-online.com/ One thing that I can't quite figure out is why on non IE browsers I can't click on the Site Map link in the lower right corner. I have been tweaking this template I downloaded from some kind soul's css web site and in doing so somehow managed to mess that up. I think it has to do with the #copyright div, as it may be sitting on top of the site-map link. I tried using a z-index to see if it might be a layer issue but that didn't work. Anyway, any feedback would be great. Thanks. 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/
[css-d] Help with layout clear:left issue in Firefox...
Here is a page, http://design.tmhdesign.com/dolphin/tom.asp Look at what is happening with this div - div style=width:390px ! important;margin:30px 0 20px 10px;padding:0;clear:left;position:relative;float:left;border-right:2px dotted #66;height:200px; /div I just seems to jump for reasons unbeknownst to me. Don't spend too much time on it, but if it is obvious to why this is happening, please let me know. Thanks! 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/