Any CSS expert here?

Developers Frontend
1

Hello,



Can you please take a look at [url]http://ciclissimo.ro/shop[/url], at the quick-links (up-right) ?

In IE links work fine, but in any other browser … links are dead.

Here is the CSS snippet related to quick-links class from styles.base.css:


.quick-links {
float: right;
padding-top: 0px;
}
.quick-links p {
padding: 0px;
}
.quick-links a, .quick-links a:visited, .quick-links a:active, .quick-links a:hover {
padding: 0px 1px;
padding-top: 0px;
margin-left: 0px;
margin-right: 15px;
text-decoration:none;
}




and here is top-links.tpl:

```php

{hook name=“index:top_links”}


{foreach from=$quick_links item="link"}
{$link.descr}
{/foreach}


```

I believe it is somehow related to float:right from styles.base.css, because if I allign it to left, links are working in every browser.

Any hint?

Thank you,
Flav
2

Try this. Change:



.quick-links {
[B]float: right;[/B]
padding-top: 0px;
}




to



.quick-links {
padding-top: 0px;
}




AND then change


```php

{hook name=“index:top_links”}


{foreach from=$quick_links item="link"}
{$link.descr}
{/foreach}


```

to

```php
{hook name="index:top_links"}


{foreach from=$quick_links item="link"}
{$link.descr}
{/foreach}


```
3

You’re good!!!

[url]You're Good - YouTube :slight_smile:



That solved it, cannot say I totally understood your trick.

If you have the time and mood to explain me, it would be great, but not mandatory cause I appreciate it greatly anyway:))