[css-d] draggable images - can it be stopped?
I'm working on a web app that, for much of the navigation, uses links with background images letting css control the button-blinking behavior. The primary use of the app will be with touch-screens and I've run into an issue where the images are being dragged instead of 'clicked'. Is there a CSS attribute (or any other way) to specify that images are not draggable? TIA, Bill __ css-discuss [cs...@lists.css-discuss.org] 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] draggable images - can it be stopped?
On Tue, Jan 27, 2009 at 10:01 AM, Bill Walton bill.wal...@charter.netwrote: I'm working on a web app that, for much of the navigation, uses links with background images letting css control the button-blinking behavior. The primary use of the app will be with touch-screens and I've run into an issue where the images are being dragged instead of 'clicked'. Is there a CSS attribute (or any other way) to specify that images are not draggable? TIA, Bill Bill, Nope. All of that has nothing to do with styling itself: I'd be surprised if someone comes out and says otherwise. -Jack -- -Jack Timmons http://www.trotlc.com Twitter: @jorachim __ css-discuss [cs...@lists.css-discuss.org] 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] draggable images - can it be stopped?
But you should be able to capture the drag event and cancel it with JS ... Thanks- - Andy Badera - and...@badera.us - (518) 641-1280 - Tech Valley Code Camp 2009.1: http://www.techvalleycodecamp.com/ - Google me: http://www.google.com/search?q=andrew+badera On Tue, Jan 27, 2009 at 12:24 PM, Jack Timmons jorac...@gmail.com wrote: On Tue, Jan 27, 2009 at 10:01 AM, Bill Walton bill.wal...@charter.net wrote: I'm working on a web app that, for much of the navigation, uses links with background images letting css control the button-blinking behavior. The primary use of the app will be with touch-screens and I've run into an issue where the images are being dragged instead of 'clicked'. Is there a CSS attribute (or any other way) to specify that images are not draggable? TIA, Bill Bill, Nope. All of that has nothing to do with styling itself: I'd be surprised if someone comes out and says otherwise. -Jack -- -Jack Timmons http://www.trotlc.com Twitter: @jorachim __ css-discuss [cs...@lists.css-discuss.org] 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 [cs...@lists.css-discuss.org] 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 with table in a div
I have a table in a div. it¹s a pretty simple table it¹s the same no cell spacing... Just plain reg tabular data. But it fills the whole width of the div. however since both the td and the div have 1 pix table borders, it appears to have a 2px border around the table. Any suggestions? __ css-discuss [cs...@lists.css-discuss.org] 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] Problem with table in a div
Why not remove the border on the div? Sarah Atkinson wrote: I have a table in a div. it¹s a pretty simple table it¹s the same no cell spacing... Just plain reg tabular data. But it fills the whole width of the div. however since both the td and the div have 1 pix table borders, it appears to have a 2px border around the table. Any suggestions? __ css-discuss [cs...@lists.css-discuss.org] 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 [cs...@lists.css-discuss.org] 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] Problem with table in a div
Sarah Atkinson wrote: I have a table in a div. it¹s a pretty simple table it¹s the same no cell spacing... Just plain reg tabular data. But it fills the whole width of the div. however since both the td and the div have 1 pix table borders, it appears to have a 2px border around the table. Any suggestions? Take the border off the div? -- Els __ css-discuss [cs...@lists.css-discuss.org] 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] Problem with table in a div
I have a table in a div. it¹s a pretty simple table it¹s the same no cell spacing... Just plain reg tabular data. But it fills the whole width of the div. however since both the td and the div have 1 pix table borders, it appears to have a 2px border around the table. Any suggestions? On 1/27/09 1:18 PM, Kevin Rodenhofer ke...@rodenhofer.com wrote: Why not remove the border on the div? There is more to the div then the table. The div is more like a window with the table and other stuff about the data in the table. __ css-discuss [cs...@lists.css-discuss.org] 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] Problem with table in a div
Sarah Atkinson wrote: I have a table in a div. it¹s a pretty simple table it¹s the same no cell spacing... Just plain reg tabular data. But it fills the whole width of the div. however since both the td and the div have 1 pix table borders, it appears to have a 2px border around the table. Any suggestions? On 1/27/09 1:18 PM, Kevin Rodenhofer ke...@rodenhofer.com wrote: Why not remove the border on the div? There is more to the div then the table. The div is more like a window with the table and other stuff about the data in the table. You could set a padding on the div so that there's space between the table and the div's border. -- Els __ css-discuss [cs...@lists.css-discuss.org] 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] Problem with table in a div
Does it need to fill the div - can you put a width: on the table eg 95% -S --Original Message- -From: css-d-boun...@lists.css-discuss.org [mailto:css-d- -boun...@lists.css-discuss.org] On Behalf Of Sarah Atkinson -Sent: 27 January 2009 18:15 -To: Untitled -Subject: [css-d] Problem with table in a div - -I have a table in a div. it¹s a pretty simple table it¹s the same no -cell -spacing... Just plain reg tabular data. But it fills the whole width of -the -div. however since both the td and the div have 1 pix table -borders, it -appears to have a 2px border around the table. Any suggestions? -__ -css-discuss [cs...@lists.css-discuss.org] -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 [cs...@lists.css-discuss.org] 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] Problem with table in a div
Well, you'll have to eliminate the left border of the leading cells, and the right border of the last cells in each row. This should be fairly simple, if you have access to the code that generates the table. Sarah Atkinson wrote: There isn't a border on the table itself just the td tags (cells) It is data pulled from a database.. But so far I'm just doing the front end of the design On 1/27/09 1:40 PM, Kevin Rodenhofer ke...@rodenhofer.com wrote: Is this a dynamically created table? Do you need the surrounding border on the table? Sarah Atkinson wrote: I have a table in a div. it¹s a pretty simple table it¹s the same no cell spacing... Just plain reg tabular data. But it fills the whole width of the div. however since both the td and the div have 1 pix table borders, it appears to have a 2px border around the table. Any suggestions? On 1/27/09 1:18 PM, Kevin Rodenhofer ke...@rodenhofer.com wrote: Why not remove the border on the div? There is more to the div then the table. The div is more like a window with the table and other stuff about the data in the table. __ css-discuss [cs...@lists.css-discuss.org] 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 [cs...@lists.css-discuss.org] 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 [cs...@lists.css-discuss.org] 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] Logo drops down in IE67
Hi, I'm a graphic designer just learning how to code. I'm working on my first website using XHTML CSS and using Dreamweaver as a text editor, but hand coding to make sure everything is right. I need this website to show up consistently over the following browsers: * Windows / IE6 IE7 * Windows / Firefox3 * Mac / Firefox3 * Mac / Safari3 ...but I'm having multiple issues making this actually happen. So I'm going to tackle one issue at a time. I'm attaching just the top section of the website (minus the JavaScript) to keep it simple. The first issue I'm having is, the EmSpaceDesign logo, which is an img (and also an h1 for search engine reasons), is supposed to be flush top, along with the main navigation. But it drops down below the navigation in IE67. It works fine in every other browser I've tested so far. Does anyone know what the issue is in IE, and how to fix it? Thanks in advance for your help! Take care, Emily Songster __ css-discuss [cs...@lists.css-discuss.org] 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] Logo drops down in IE67
Emily Songster wrote: I need this website to show up consistently over the following browsers: Emily Songster Attachments do ot go through the list. Put the page on a public serverand provide a clickable link to it in your post. -- A thin red line and a salmon-color ampersand forthcoming. http://chelseacreekstudio.com/ __ css-discuss [cs...@lists.css-discuss.org] 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] Image Roll-Over (Second Attempt)
I am back with the same question (sorry, I asked last week and received no response... hoping for some help so I can stop scratching my head)... Please take a look at the following (validated): Here is the HTML: http://www.eddysound.com/dev/hangmenmc/ Here is the CSS: http://www.eddysound.com/dev/hangmenmc/hangmenmc.css Basically, the navigation roll over (image swap fully CSS) is not functioning correctly in IE. The roll-over state is showing all the time. (Top navigation in red.) I have made two other sites with this type of navigation but I cannot seem to find my error. If you want to see the roll over function properly, take a look at the page in Firefox. Any help is greatly appreciated as I am trying to complete this mock-up this week. Matt Stoneback __ css-discuss [cs...@lists.css-discuss.org] 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] Fw: Logo drops down in IE67
Sorry, I didn't include the images. This is my first time posting to this list, have mercy on me please! :) And the site is actually live at: http://www.emspacedesign.com/index.html - Forwarded Message From: Emily Songster shmemsp...@yahoo.com To: css-d@lists.css-discuss.org Sent: Tuesday, January 27, 2009 1:47:49 PM Subject: Logo drops down in IE67 Hi, I'm a graphic designer just learning how to code. I'm working on my first website using XHTML CSS and using Dreamweaver as a text editor, but hand coding to make sure everything is right. I need this website to show up consistently over the following browsers: * Windows / IE6 IE7 * Windows / Firefox3 * Mac / Firefox3 * Mac / Safari3 ...but I'm having multiple issues making this actually happen. So I'm going to tackle one issue at a time. I'm attaching just the top section of the website (minus the JavaScript) to keep it simple. The first issue I'm having is, the EmSpaceDesign logo, which is an img (and also an h1 for search engine reasons), is supposed to be flush top, along with the main navigation. But it drops down below the navigation in IE67. It works fine in every other browser I've tested so far. Does anyone know what the issue is in IE, and how to fix it? Thanks in advance for your help! Take care, Emily Songster -Inline Attachment Follows- * * * * __ css-discuss [cs...@lists.css-discuss.org] 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] Logo drops down in IE67
Hi,
I'm very sorry about my prior post with attachments. I did read the posting
guidelines, but it was a while ago, so I forgot about the no attachments part.
Please have mercy on me and help me if you have some time.
ISSUE#1
The logo is supposed to be flush top, along with the main navigation. But it
drops down below the navigation in IE67. It works fine in Safari and Firefox.
ISSUE#2
Random(?) white gaps in the bottoms of the second third columns of the
subpages, showing up only in IE67 and Safari. It works fine in Firefox.
The site is located at: http://www.emspacedesign.com/index.html and the CSS is
below.
Thanks in advance for your help!
Take care,
Emily Songster
CSS FILE FOR HOME PAGE:
@charset UTF-8;
* {
padding: 0;
margin: 0;
}
#container {
width: 780px;
background-color: #fff;
margin: 2% auto 0 auto;
text-align: left;
}
#mainNav ul li {
float: right;
list-style-type: none;
display: inline;
}
#mainNav img {
border: 0;
}
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 62.5%;
text-align: center;
background-color: #999;
}
#logo {
background-color: #fff;
padding: 0 0 10px 85px;
margin: 0;
width: 695px;
background-color: #fff;
}
#logo img {
border: 0;
}
#logo h1 {
margin: 0;
padding: 0;
}
#header {
float: left;
display: inline;
width: 695px;
margin: 0px 0px 0px 85px;
background-color: #666;
height: 40px;
background-image: url(images/rounded_corners.gif);
background-position: top right;
background-repeat: no-repeat;
}
#columnOne { /* Left Sidebar */
float: left;
display: inline;
width: 85px;
background-color: #fff;
background-image: url(images/spacer_white.gif);
background-position: top center;
background-repeat: repeat-y;
}
#columnOne h2 { /* Left Sidebar */
margin: 0;
padding: 0;
}
#columnTwo { /* Main Content */
float: left;
display: inline;
padding: 0 40px 0 40px;
margin: 0;
width: 480px;
height: 45em;
background-color: #333;
background-image: url(images/spacer_666333666.gif);
background-position: top center;
background-repeat: repeat-y;
}
#TopColumnThree { /* Top of Right Sidebar */
float: left;
display: inline;
width: 135px;
height: 16px;
padding: 0;
margin: 0;
}
#columnThree { /* Right Sidebar */
float: right;
display: inline;
background-color: #666;
width: 125px;
height: 43.4em;
margin: 0 0 0 10px;
padding: 0;
background-image: url(images/metalTypeTop.jpg);
background-position: bottom right;
background-repeat: no-repeat;
}
#columnThree img {
padding: 0;
margin: 0;
}
#columnThree p {
font-family: arial, helvetica, sans-serif;
font-size: 1.1em;
line-height: 1.1em;
font-weight: normal;
white-space: normal;
padding: 10px 5px 0 15px;
}
#columnThree a {
text-decoration: none;
color: #ccc;
}
#columnThree a:link {
color: #ccc;
}
#columnThree a:hover {
color: #999;
}
#columnThree a:active {
color: #f60;
}
#bottomAnchor {
width: 695px;
height: 40px;
clear: both;
background-color: #666;
margin: 0 0 0 85px;
background-image: url(images/metalTypeBot.jpg);
background-position: bottom right;
background-repeat: no-repeat;
}
#footer {
width: 778px;
height: 20px;
clear: both;
background-color: #333;
border: 1px solid #333;
vertical-align: bottom;
}
#footer p {
font-family: Arial Narrow, arial, helvetica, sans-serif;
font-size: 10px;
line-height: 1.3em;
text-align: left;
color: #ccc;
padding-left: 5px;
padding-top: 5px;
float: left;
}
#easterEgg a { /* unvisited link */
float: right;
display: inline;
font-family: arial, helvetica, sans-serif;
font-size: 1.1em;
line-height: 1.1em;
color: #f60;
font-weight: bold;
text-decoration: none;
margin: -16px 7px 0 0;
border: 1px solid #333;
}
#easterEgg a:link {
color: #f60;
}
#easterEgg a:hover {
color: #ccc;
}
#easterEgg a:active {
color: #f96;
}
---
CSS FILE FOR SUBPAGES:
---
@charset UTF-8;
* {
padding: 0;
margin: 0;
}
#container {
width: 780px; /* using 20px less than a full 800px width allows for browser
chrome and avoids a horizontal scroll bar */
background-color: #fff;
margin: 2% auto 0 auto; /* the auto margins (in conjunction with a width)
center the page */
text-align: left; /* this overrides the text-align: center on the body element.
*/
}
#mainNav ul li {
float: right;
list-style-type: none;
display: inline;
}
#mainNav img {
border: 0;
}
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 62.5%;
text-align: center; /* this centers the container in IE 5* browsers. The text
is then set to the left aligned default in the #container selector */
background-color: #999;
}
#logo {
background-color: #fff;
padding: 0 0 10px 85px;
width: 695px;
background-color: #fff;
}
#logo img {
border: 0;
}
#header {
float: left;
display: inline;
width: 695px;
margin: 0px 0px 0px 85px;
background-color: #666;
height: 40px;
background-image: url(images/rounded_corners.gif);
background-position: top right;
[css-d] FW: Logo drops down in IE67
Hello Emily,
I've had a look at the code and H1 is a block level element so tries to take
up 100% width.
Make these changes to fix it (tested in both IE7 FF3):
#logo - remove width:695px;
#logo h1 - add width:205px;
As for the second issue - full length spanning colums are usually a
nightmare! I'll have a look and see what I can do to assist.
~Mx
-Original Message-
From: css-d-boun...@lists.css-discuss.org
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Emily Songster
Sent: 27 January 2009 23:41
To: css-d@lists.css-discuss.org
Subject: [css-d] Logo drops down in IE67
Hi,
I'm very sorry about my prior post with attachments. I did read the posting
guidelines, but it was a while ago, so I forgot about the no attachments
part. Please have mercy on me and help me if you have some time.
ISSUE#1
The logo is supposed to be flush top, along with the main navigation. But it
drops down below the navigation in IE67. It works fine in Safari and
Firefox.
ISSUE#2
Random(?) white gaps in the bottoms of the second third columns of the
subpages, showing up only in IE67 and Safari. It works fine in Firefox.
The site is located at: http://www.emspacedesign.com/index.html and the CSS
is below.
Thanks in advance for your help!
Take care,
Emily Songster
CSS FILE FOR HOME PAGE:
@charset UTF-8;
* {
padding: 0;
margin: 0;
}
#container {
width: 780px;
background-color: #fff;
margin: 2% auto 0 auto;
text-align: left;
}
#mainNav ul li {
float: right;
list-style-type: none;
display: inline;
}
#mainNav img {
border: 0;
}
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 62.5%;
text-align: center;
background-color: #999;
}
#logo {
background-color: #fff;
padding: 0 0 10px 85px;
margin: 0;
width: 695px;
background-color: #fff;
}
#logo img {
border: 0;
}
#logo h1 {
margin: 0;
padding: 0;
}
#header {
float: left;
display: inline;
width: 695px;
margin: 0px 0px 0px 85px;
background-color: #666;
height: 40px;
background-image: url(images/rounded_corners.gif);
background-position: top right;
background-repeat: no-repeat;
}
#columnOne { /* Left Sidebar */
float: left;
display: inline;
width: 85px;
background-color: #fff;
background-image: url(images/spacer_white.gif);
background-position: top center;
background-repeat: repeat-y;
}
#columnOne h2 { /* Left Sidebar */
margin: 0;
padding: 0;
}
#columnTwo { /* Main Content */
float: left;
display: inline;
padding: 0 40px 0 40px;
margin: 0;
width: 480px;
height: 45em;
background-color: #333;
background-image: url(images/spacer_666333666.gif);
background-position: top center;
background-repeat: repeat-y;
}
#TopColumnThree { /* Top of Right Sidebar */
float: left;
display: inline;
width: 135px;
height: 16px;
padding: 0;
margin: 0;
}
#columnThree { /* Right Sidebar */
float: right;
display: inline;
background-color: #666;
width: 125px;
height: 43.4em;
margin: 0 0 0 10px;
padding: 0;
background-image: url(images/metalTypeTop.jpg);
background-position: bottom right;
background-repeat: no-repeat;
}
#columnThree img {
padding: 0;
margin: 0;
}
#columnThree p {
font-family: arial, helvetica, sans-serif;
font-size: 1.1em;
line-height: 1.1em;
font-weight: normal;
white-space: normal;
padding: 10px 5px 0 15px;
}
#columnThree a {
text-decoration: none;
color: #ccc;
}
#columnThree a:link {
color: #ccc;
}
#columnThree a:hover {
color: #999;
}
#columnThree a:active {
color: #f60;
}
#bottomAnchor {
width: 695px;
height: 40px;
clear: both;
background-color: #666;
margin: 0 0 0 85px;
background-image: url(images/metalTypeBot.jpg);
background-position: bottom right;
background-repeat: no-repeat;
}
#footer {
width: 778px;
height: 20px;
clear: both;
background-color: #333;
border: 1px solid #333;
vertical-align: bottom;
}
#footer p {
font-family: Arial Narrow, arial, helvetica, sans-serif;
font-size: 10px;
line-height: 1.3em;
text-align: left;
color: #ccc;
padding-left: 5px;
padding-top: 5px;
float: left;
}
#easterEgg a { /* unvisited link */
float: right;
display: inline;
font-family: arial, helvetica, sans-serif;
font-size: 1.1em;
line-height: 1.1em;
color: #f60;
font-weight: bold;
text-decoration: none;
margin: -16px 7px 0 0;
border: 1px solid #333;
}
#easterEgg a:link {
color: #f60;
}
#easterEgg a:hover {
color: #ccc;
}
#easterEgg a:active {
color: #f96;
}
---
CSS FILE FOR SUBPAGES:
---
@charset UTF-8;
* {
padding: 0;
margin: 0;
}
#container {
width: 780px; /* using 20px less than a full 800px width allows for browser
chrome and avoids a horizontal scroll bar */
background-color: #fff;
margin: 2% auto 0 auto; /* the auto margins (in conjunction with a width)
center the page */
text-align: left; /* this overrides the text-align: center on the body
element. */ }
#mainNav ul li {
float: right;
list-style-type: none;
display: inline;
}
#mainNav img {
[css-d] FW: Image Roll-Over (Second Attempt)
Hi Matt, In your HTML code on the IMG tags you've got the following: li id=homea href=# title=Homeimg src=img/home.jpg width= height=49 alt=Home //a/li Whilst FF ignores the width= and defaults to CSS, IE seems to assume that you mean the image was a width of zero. If you remove both the width and height values here (you specify a dimension of the LI anyway) it fixes the IE issue. Referring to http://www.htmlcodetutorial.com/images/_IMG_WIDTH.html#required you would only realistically need these if you had a larger image and you wanted it viewed smaller. Without these values IMG will assume they match the images dimensions. Also if I were to specify image sizes I would aim to stick it in my CSS - it's more a style thing than a content thing :) ~Mx -Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Matthew Stoneback Sent: 27 January 2009 23:16 To: Untitled list Subject: [css-d] Image Roll-Over (Second Attempt) I am back with the same question (sorry, I asked last week and received no response... hoping for some help so I can stop scratching my head)... Please take a look at the following (validated): Here is the HTML: http://www.eddysound.com/dev/hangmenmc/ Here is the CSS: http://www.eddysound.com/dev/hangmenmc/hangmenmc.css Basically, the navigation roll over (image swap fully CSS) is not functioning correctly in IE. The roll-over state is showing all the time. (Top navigation in red.) I have made two other sites with this type of navigation but I cannot seem to find my error. If you want to see the roll over function properly, take a look at the page in Firefox. Any help is greatly appreciated as I am trying to complete this mock-up this week. Matt Stoneback __ css-discuss [cs...@lists.css-discuss.org] 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 [cs...@lists.css-discuss.org] 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] Logo drops down in IE67
On Tue, 27 Jan 2009 15:40:57 -0800 (PST), Emily Songster wrote: ISSUE#1 The logo is supposed to be flush top, along with the main navigation. But it drops down below the navigation in IE67. It works fine in Safari and Firefox. Seems to be a hasLayout problem, making the #logo clear the floats on the #mainnav. Deleting the width declaration from the #logo seems to fix it my end. ISSUE#2 Random(?) white gaps in the bottoms of the second third columns of the subpages, showing up only in IE67 and Safari. It works fine in Firefox. Various gaps appear all over the page on all browsers here. Just try altering the text-size in any browser to see what I mean. Setting heights on major structural elements rarely works. Perhaps you could try using faux columns to get the effect you are aiming for? http://www.alistapart.com/articles/fauxcolumns/ The site is located at: http://www.emspacedesign.com/index.html and the CSS is below. No need to send the CSS. We can get it from your web site via the link you gave us. Thanks anyway. FWIW - I am getting a strange display issue in IE 8 RC 1. The #mainnav often shows only partially. (As tact | Home.) It takes several refreshes to get it to appear completely. (Running Win xp under VMware Fusion on a Mac OS X laptop.) Dunno what that is about? Cordially, David -- __ css-discuss [cs...@lists.css-discuss.org] 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] Global Rules?
does anyone know how to apply !important globally to all properties of an
element?
like this?:
a.myclass !important {...
You can just be more specific in defining the selector
html body a.myclass {...
--not quite what i mean. i want to apply the !important rule to all the
properties (height, color, etc) of a.myclass, by stating !important only
once for the entire element.
__
css-discuss [cs...@lists.css-discuss.org]
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] draggable images - can it be stopped?
Bill Walton wrote: I'm working on a web app that, for much of the navigation, uses links with background images letting css control the button-blinking behavior. The primary use of the app will be with touch-screens and I've run into an issue where the images are being dragged instead of 'clicked'. Is there a CSS attribute (or any other way) to specify that images are not draggable? Hmmm, I've not encountered that. But I use a wev app every day at work that uses a frame structure, and in one of the panes, it's possible to drag the contents of the pane up outside the viewable area of the pane. This only happens in IE6. Can't think of anything in CSS that would stop that - I'd think it impossible to interact with a background image in the first place. -- David gn...@hawaii.rr.com authenticity, honesty, community __ css-discuss [cs...@lists.css-discuss.org] 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/
