[css-d] How to stop text from wordwrapping.
This has been driving me nuts. If you make the browser window small (less than half of the screen) the header text will wordwrap. If there are no spaces between characters then the text stays put. I have add "_" and change the color to match the background color. Is there any other way to make the text just stay put, short of making the header an image. Here is a link to an example. http://www.precisemessenger.com/private/header.html Thanks, Kevin __ 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] Popups and script blocker in IE7
I am developing a site using a client side shopping cart. It requires cookies to be enabled and uses some Javascript. IE7 blocks the cart when it pops up and also blocks the script associated with the cart. Is there anything I can do about this? Thanks, Kevin __ 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] Two images side by side
I have two images that I would like positoned side by side. I have setup a mouseover effect on image#1. After setting up this effect the images are now lined up one ontop of the other. How can I position the images side by side and still keep the effect on image#1. Here is a link to my code. http://www.precisemessenger.com/private/help2.html Thank you, Kevin __ 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/
Re: [css-d] Two images side by side
What I am looking for is to have image#1 and image#2 horizontally next to each other on the same line. I want the mouse over large image 1 to overlap both image 1 and image 2 without displacing them. __ 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] How to center the entire page
I am looking to have my page evenly centered on the screen. It is currently on the left side of the screen. Here is the link to my site http://www.precisemessenger.com/private/help1.html I would like it to have two even spaces on both sides of the page, here is an example http://www.precisemessenger.com/private/sample.gif Any help would be great. Thanks, Kevin __ 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] CSS image swap
Thank you all for all the help you have given already! I have two different color images in my site. When I click on either image it changes the color of the main image. This works great. I would also like to have the names of the colors of the images centered above each image and have the names of the images also change the color of the main image when clicked. So far I have been unsuccessful, any help would be great. Here is my site http://www.precisemessenger.com/private/help3.html Thanks, Kevin __ 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] Layout issues
Here is my site http://www.precisemessenger.com/private/help4.html I have a problem with getting text to align where I want it. On the top of the page The links Home, About Us and Contact are not centered inbetween the lines. The select a size form and add to cart are not centered under the price $2.95 Image description is not centered under the square image 1 and the spaces between image description, product photos(click here), available colors and the color squares are to far apart. I have been trying for two days to work these problems out. Any help is greatly appreciated. Thanks, Kevin __ 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] Positioning div without padding
I would like to center the text under image1 and have a blue border background around "Product Photos click to view" I cannot seem to get the positioning right without using right padding. If I use right padding then when I put the background color in it shows the padding also. Here is a link to my site http://www.precisemessenger.com/private/help4.html and here is an image of what I am looking to do http://www.precisemessenger.com/private/images/samplesite.gif Thanks in advance, Kevin __ 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] Text inline with graphic
I would like to raise the text "3." to be in the center of the graphic "add to cart" Right now the "3." is at the bottom of the graphic. Not sure how to achieve this. Hope I explained this well enough. Any help would be great. http://www.precisemessenger.com/private/placeorder.html Thanks, Kevin __ 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/
Re: [css-d] Text inline with graphic
It works great in Firefox but IE puts an additional extra blank line after the graphic. Thanks, Kevin - Original Message - From: "Jukka K. Korpela" <[EMAIL PROTECTED]> To: Sent: Monday, June 04, 2007 1:47 PM Subject: Re: [css-d] Text inline with graphic > On Mon, 4 Jun 2007, jana coyle wrote: > >> I would like to raise the text "3." to be in the center of the graphic >> "add to cart" Right now the "3." is at the bottom of the graphic. Not >> sure how to achieve this. Hope I explained this well enough. >> Any help would be great. >> http://www.precisemessenger.com/private/placeorder.html > > div#numbform input{ vertical-align: middle; } > > You have the text "3." and an image input button, which acts pretty much > like an image in styling. Setting vertical-align: middle should align the > vertical middle of the image on half of the x height of the text. > This is probably sufficiently close to what you want. > > This seems to work on Firefox 2. Let's hope other browsers get it right, > too. There are some oddities in implementations of vertical-align. > > -- > Jukka "Yucca" Korpela, http://www.cs.tut.fi/~jkorpela/ > > __ > 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-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] Unwanted space at the bottom of container in IE7
Everything works great in Mozilla. IE7 adds extra unwanted space at the bottom of the container. Not sure how to fix this. Any help would be great. Here is a link and code also. http://www.precisemessenger.com/private/placeorder.html Thanks, Kevin http://www.w3.org/TR/html4/strict.dtd";> Layout html, body { height: 100%; } div#enlarge { width: 292px; position: relative; float: left; margin-top: 0px; font-weight: bold; padding-left: 0px; height: 164px; } div#orderhere { width: 220px; position: relative; font-weight: bold; font-size: 14px; background-color: #0066CC; border-top-width: thin; border-right-width: thin; border-bottom-width: thin; border-left-width: thin; border-top-style: solid; border-right-style: solid; border-bottom-style: none; border-left-style: solid; border-top-color: #33; border-right-color: #33; border-bottom-color: #33; border-left-color: #33; color: #FF; margin-left: 30px; } div#selectsize { width: 220px; border: thin ridge #33; margin-left: 30px; } div#sizechart { font-weight: normal; } div#numbform { vertical-align: top; } .style1 {font-size: xx-small} Place Your Order Here 1. Select Color/Size Small Medium Large XL 2X ($2) Size Chart 2. Choose a Quantity: 3. __ 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] Looking for CSS graphic effect
I have a image that represents the two products I sell, shirts and stickers. I would like when the user clicks the image that it gives them a choice for either the shirt or the sticker. Here is a simple example using flash. http://www.cratima.com/ Thanks for any help. __ 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/
Re: [css-d] Links centered under images
Sorry, I forgot the link to my code. http://precisemessenger.com/private/ __ 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] Links centered under images
I need a little help. I am looking to have two links centered under each image, link 1 and link 2. Each time I try I lose the symmetry of the images. The class "toggleborder" will be deleted. Any help is greatly appreciated. __ 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/
Re: [css-d] Links centered under images
I almost have it. http://precisemessenger.com/private/ Two issues are: I cannot seem to have a margin in between the images. I would also like link1 and link2 to be side by side not on top of each other. For example http://precisemessenger.com/private/images/link.gif __ 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] Margin space between images
I would like to have 4px margin in between the images. I have set margin-right 4px but it doesn't seem to work. Any suggestions? http://precisemessenger.com/private/indexlink.html __ 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] CSS shorthand
Thanks for your suggestions. As you can tell I am new to the CSS world. I am using Dreamweaver to design then learning how to fix the code manually. What is the main purpose of using shorthand? Does it speed up loading time? Thanks again, Kevin __ 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] Formating problems
My layout seems to work in Firefox and IE7 but early versions of IE are distorting my layout. I would like to make the product photos box the same size as the place your order here box. I am also having trouble fixing the validation errors. http://precisemessenger.com/private/shirttest.html Any help is greatly appreciated. Thanks, Kevin __ 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] Same code different results
I have a container setup for placing orders, as seen in the following link. http://precisemessenger.com/private/orderbox.html Notice line 1. has both radio buttons on the same line. This is what I am looking for. Unfortunately when I implement this container into my page, extra space is added and the radio buttons are on two lines. Here is a link to see what I mean http://precisemessenger.com/private/placeorder.html Please help me find what I am doing wrong. Thank you, Kevin __ 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/