[css-d] website on ipad
My website users complain that the website (http://kerdowneysafaris.com/) does not work well when they view it using ipad. This is especially so about on the menu items which they say jump around. Any help in solving these problem? Thanks. __ css-discuss [css-d@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] IE suckerfish drop down problem
SITE: www.pennywinter.com PROBLEM: dropdown over *clothes* misplaced in IE. Works well for other browsers though. CSS:www.pennywinter.com/css/penny.css Please assist. __ css-discuss [EMAIL PROTECTED] 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] SUCKERFISH DROP DOWNS NON ALIGNMENT
I have this site: ticah.50webs.com I want to have the ul li li li aligned at the top irrespective of length of text for the ul li li. For example if you mouse over our work and go down to HIV,Culture & Development.,the drop down from this which is School of Oriental... should start on the same line as the parent list line which is HIV, Culture. Any ideas? The css can be viewed at ticah.50webs.com/layout_css.css Thanks. __ css-discuss [EMAIL PROTECTED] 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] suckerfish ul li li li alignment
I have this site: ticah.50webs.com I want to have the ul li li li aligned at the top irrespective of length of text for the ul li li. For example if you mouse over our work and go down to HIV,Culture & Development.,the drop down from this which is School of Oriental... should start on the same line as the parent list line which is HIV, Culture. Any ideas? The css can be viewed at ticah.50webs.com/layout_css.css Thanks. __ css-discuss [EMAIL PROTECTED] 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] PAGE LAYOUT SHIFTS
Here is the website: sandor.50webs.com/going-on-safari.html The page layout shifts a bit when you click on my journey link. The code for the pages is the same and the only difference between the pages is that this page has longer text. Any solution to prevent the shift? the css is at sandor.50webs.com/css/sandorcarter_css.css __ css-discuss [EMAIL PROTECTED] 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] styling definition lists
My navigation is in the form of a definition list. I should like to style the links to change color to red on click. Any idea. The url of my site is flamboyant.50webs.com Beach Cottages submenus, ie. Baobab and Desert Rose should change color when Beach cottages is clicked. Beach cottages should also change color on click of either Baobab or Desert Rose. 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] internet explorer problem
http://gilroy.50webs.com/safari_style.html problem internet explorer wont render header as the other browsers do. Any help? Thanks. Nelson __ 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] Internet explorer problem
Page under question is gilroy.50webs.com Problem is other browsers render well the header portion but internet explorer. Any help? Thanks. Nelson __ 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] CLICK ON THUMBNAIL TO SHOW LARGER IMAGE ON THE SIDE
Thanks much Luc. This is not exactly it for now but am sure your solution here should surely help me much next time. Thanks again. On 6/13/07, Luc <[EMAIL PROTECTED]> wrote: > > Good afternoon ochieng', > It was foretold that on 13/6/2007 @ 10:48:52 GMT+0300 (which was > 04:48:52 where I live) ochieng' nelson would write: > > > > > I should like to create a gallery show where you click on the thumbnail > to > > show larger image on the side, using css. > > Any help towards that? > > I've done something like that a long time ago, but it uses on hover > instead of clicking. > > http://www.dzinelabs.com/Pages/template_magenta.php > > http://www.dzinelabs.com/Stylesheets/magenta.css > > You're welcome to check it out but unfortunately i can't remember very > well how i did it (been out of the css scene for a long time) > > > -- > Best regards, > Luc > _ > > Powered by The Bat! version 3.99.3 with Windows XP (build 2600), > version 5.1 Service Pack 2 and using the best browser: Opera. > > "When you argue with a fool, chances are he is doing just the same." > > > __ > 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] CLICK ON THUMBNAIL TO SHOW LARGER IMAGE ON THE SIDE
I should like to create a gallery show where you click on the thumbnail to show larger image on the side, using css. My page is: gilroy.50webs.com/accommodationpage.html Any help towards that? __ 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] MAC EXPLORER sucker fish drop down menu PROBLEMS
Mac firefox, Mac safari renders the following page well but Mac Explorer
won't. Any solution?
Page is: gilroy.50webs.com
css:
* { padding: 0; margin: 0; }
body {
font-family:"Times New Roman", Times, serif;
color:#585858;
font-size: 14px;
text-align:center;
}
#wrapper {
margin: 0 auto;
width: 922px;
text-align:left;
}
#header {
width: 922px;
padding-top:77px;
background: url(images/strapline.gif) no-repeat 27px bottom;
}
#anotherheader {
width: 922px;
border-top:1px solid #995451;
padding-top:20px;
margin-top:18px;
}
#leftcolumn {
width: 572px;
float: left;
padding-left:30px;
padding-top:65px;
}
#leftcolumn2 {
width: 572px;
float: left;
padding-left:30px;
padding-top:18px;
background: url(images/line.gif) no-repeat -29px bottom;
}
#rightcolumn {
float: right;
width: 305px;
padding-top:37px;
display: inline;
}
#rightcolumn2 {
float: right;
width: 305px;
padding-top:30px;
display: inline;
}
.rightimage{
margin-bottom:7px;
}
#footer {
width: 892px;
clear: both;
border-top:1px solid #585858;
padding-top:45px;
padding-left:30px;
}
#mainnavigation{
margin-bottom:15px;
}
#mainnavigation ul{
list-style-type:none;
margin:0;
padding:0;
}
#mainnavigation ul li{
display:inline;
padding: .2em .8em;
}
#mainnavigation ul li a{
text-decoration:none;
}
.leftimg{
margin-bottom:15px;
margin-top:0;
}
.logo{
margin-right:45px;
margin-bottom:1px;
}
p{
color:#8E2822;
line-height:24px;
}
h1{
color:#585858;
font-size:14px;
}
#footer p{
font-size:12px;
}
#mainnavigation a {
color:#585858;
}
#mainnavigation ul li.nopadding{
padding-left:0;
}
/* Root = Horizontal, Secondary = Vertical */
ul#navmenu {
margin: 0 0 0 50em;
border: 0 none;
padding: 0;
list-style: none;
}
.logosmall{
margin: 0 0 0 55em;
}
.thumb{
float:left;
margin-left:18px;
margin-bottom:15px;
}
.thumb2{
float:left;
margin-bottom:15px;
}
.clear{
clear:left;
}
ul#navmenu li {
margin: 0;
border: 0 none;
padding: 0;
float: left; /*For Gecko*/
display: inline;
list-style: none;
position: relative;
height: 24px;
}
ul#navmenu ul {
border: 0 none;
padding: 0;
width: 150px;
list-style: none;
display: none;
position: absolute;
top: 24px;
left:0;
}
ul#navmenu ul:after /*From IE 7 lack of compliance*/{
clear: both;
display: block;
content: ".";
height: 0;
visibility: hidden;
}
ul#navmenu ul li {
width: 125px;
float: left; /*For IE 7 lack of compliance*/
display: block !important;
display: inline; /*For IE*/
}
/* Root Menu */
ul#navmenu a {
padding: 0 6px;
float: none !important; /*For Opera*/
float: left; /*For IE*/
display: block;
color: #585858;
text-decoration: none;
height: auto !important;
height: 1%; /*For IE*/
}
/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
color: #8E2822;
}
/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
float: none;
color: #585858;
}
/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
color: #8E2822;
}
/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
color: #585858;
text-align:left;
}
/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
color: #8E2822;
}
/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
background: #EEE;
color: #585858;
}
/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
background: #CCC;
color: #FFF;
}
ul#navmenu ul{
left:-50px;
top:20px;
background-color:#DBD5D1;
}
ul#navmenu ul ul{
display: none;
position: absolute;
top: 0;
left: 125px;
}
ul#navmenu ul ul ul {
display: none;
position: absolute;
top: 0;
left: 150px;
}
ul#navmenu li li{
text-align:right;
}
/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
display: none;
}
ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
display: block;
}
__
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] FLOAT PROBLEMS AND NAVIGATION PROBLEMS WITH INTERNET EXPLORER
windows explorer refuses to float the banner images while the other browsers do. mac internet explorer shows the navigation drop down buttons jumping while the other browsers behave correctly. what could be the problem and what is the solution. the site url is driftwood.50webs.com __ 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] navigation list problem in ie mac
I'm using unordered lists for my navigation. It is okay in most browsers except mac internet explorer where the list items refuse to float and display as block level elements. 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/
