Re: [Design with CSS 3768] CSS problems with Chrome

MiB

unread,

Sep 30, 2012, 11:15:04 AM9/30/12

to css-d...@googlegroups.com

28 sep 2012 14:27 Simone Bianchelli:

> <div id="slider">
> <div class="box1"><?php if (function_exists('easing_slider')){ easing_slider(); }; ?></div>
> <div class="box2"><p><a href="<?php echo site_url('/wp-login.php?action=register&redirect_to=' . get_permalink()); ?>" title="Register">REGISTER</a> / <a href="<?php echo wp_login_url(); ?>" title="Login">LOGIN</a></p>
> <div class="arrow"><img src="<?php bloginfo('template_directory'); ?>/images/arrow.png" width="22" height="35" /></div>
> <div class="upload"><a href="<?php echo get_site_url(); ?>/upload/">UPLOAD</a></div>
> </div>
> </div>

For starters that is PHP code, not pure HTML. Perhaps your server isn't processing your PHP source files? Does it actually not work only in Chrome?

If you want help it is more effective for everyone if you get the source from the browser instead of your PHP source files.

Deafninja

unread,

Sep 30, 2012, 12:28:15 PM9/30/12

to css-d...@googlegroups.com

Umm exactly WHAT is not rendering correctly in Chrome?

Sent from my iPhone

On Sep 28, 2012, at 8:27 AM, Simone Bianchelli <simbi...@gmail.com> wrote:

favorite
I have this page http:/www.digitalking.it/fxmypics which is ok showing in IE and Firefox, but i have problems using Chrome.
Seems the css is not applied well, here is the HTML code:

<div id="slider"> 
<div class="box1"><?php if (function_exists('easing_slider')){ easing_slider(); }; ?></div>  
    <div class="box2"><p><a href="<?php echo site_url('/wp-login.php?action=register&redirect_to=' . get_permalink()); ?>" title="Register">REGISTER</a> / <a href="<?php echo wp_login_url(); ?>" title="Login">LOGIN</a></p> 
    <div class="arrow"><img src="<?php bloginfo('template_directory'); ?>/images/arrow.png" width="22" height="35" /></div> 
    <div class="upload"><a href="<?php echo get_site_url(); ?>/upload/">UPLOAD</a></div> 
    </div> 
    </div>

and the following the CSS:

#slider .box1 { width: 490px; float:left; } #slider .box2 { width: 460px; float:left; } #slider .box2 p { text-align: center; font-family: 'Dancing Script', 'Droid Serif', serif; font-weight: 700; font-size: 24px; background: url(../images/border1.png) center 0px no-repeat; position: relative; top:-10px; height:40px; padding:14px; } #slider .box2 a:hover { text-decoration: none; } #slider .arrow { text-align: center; position: relative; top:-10px; } #slider .upload { text-align: center; font-family: 'Dancing Script', 'Droid Serif', serif; font-weight: 700; font-size: 24px; background: url(../images/border2.png) center 0px no-repeat; position: relative; top:0px; height:25px; padding:14px; } #slider .upload a:hover { text-decoration: none; }

Where is the problem?

Thanks

--
--
You received this because you are subscribed to the "Design the Web with CSS" at Google groups.
To post: css-d...@googlegroups.com
To unsubscribe: css-design-...@googlegroups.com

Paul Scheltema

unread,

Oct 1, 2012, 4:24:42 AM10/1/12

to css-d...@googlegroups.com

in the console it says it found no elements in the slider:

[cycle] terminating; zero elements found by selector

also for me it doesnt work in both ff and chrome

if you check the demo on the plugin page:
http://wordpress.org/extend/plugins/easing-slider/

youll see that that slider does have images in the li's, yours doesnt.