Go to main content

Textpattern CMS support forum

You are not logged in. Register | Login | Help

#1 2010-09-09 12:50:15

Clayton
Member
Registered: 2009-06-12
Posts: 14

Protest site: Skip A1 Hire

This is the first time I’ve based a design on a template, and probably the last! I’ve spent ages adapting the Aperture template to my needs. But I liked the look and it generally fitted what I wanted, plus it’s interesting learning how someone else does it. I hope my efforts merit its inclusion here.

Skip Using A1 Skip Hire

One thing I cannot figure out – it falls apart in Safari but is fine in everything else, afai can see. Any tips with solving that would be most welcome.

Offline

#2 2010-09-09 13:39:04

colak
Admin
From: Cyprus
Registered: 2004-11-20
Posts: 9,090
Website GitHub Mastodon Twitter

Re: Protest site: Skip A1 Hire

Clayton wrote:

…it falls apart in Safari…

It looks fine on Safari 5.01/mac from here.


Yiannis
——————————
NeMe | hblack.art | EMAP | A Sea change | Toolkit of Care
I do my best editing after I click on the submit button.

Offline

#3 2010-09-09 14:52:39

Clayton
Member
Registered: 2009-06-12
Posts: 14

Re: Protest site: Skip A1 Hire

Thanks Yiannis, it’s not so bad then, because I just have Safari 4.1.1 on power pc mac and don’t suppose many people still use that. Cheers!

Offline

#4 2010-09-09 22:05:51

gomedia
Plugin Author
Registered: 2008-06-01
Posts: 1,373

Re: Protest site: Skip A1 Hire

Clayton,

Looks fine on Safari 4.0.5 but horrible on 3.0.4

Adi

Offline

#5 2010-09-09 23:06:13

uli
Moderator
From: Cologne
Registered: 2006-08-15
Posts: 4,306

Re: Protest site: Skip A1 Hire

If I look at the source code in Safari 4.0.3 (broken, BTW) I see empty spans right at the beginning of the page in ul#nav:
<span class="left"></span>About<span class="right"></span>

If however I view the same page’s source with Safari’s Developer Tools (cmd-alt-I) it looks like this:
<span class="left">About<span class="right"> etc.
I.e. there are spans opened but never closed. And there are no definitions in your CSS for .left/.right. I’d try to eliminate these empty spans.


In bad weather I never leave home without wet_plugout, smd_where_used and adi_form_links

Offline

#6 2010-09-09 23:36:22

uli
Moderator
From: Cologne
Registered: 2006-08-15
Posts: 4,306

Re: Protest site: Skip A1 Hire

uli wrote:

I’d try to eliminate these empty spans.

Sorry, nope, doesn’t work, negative.
But in a positive way: the solution is muuuch easier. Add a closing } to the end of your stylesheet. And that’s all. You’ve opened one for media that’s not closed.

Fun part of it: it should sit around line 360 (another @media is opened some lines below) but it doesn’t work there 8-P
It only works on the last line. Leaves me speechless.
Solved: The first one IS closed.

Last edited by uli (2010-09-10 00:23:34)


In bad weather I never leave home without wet_plugout, smd_where_used and adi_form_links

Offline

#7 2010-09-10 10:55:21

Clayton
Member
Registered: 2009-06-12
Posts: 14

Re: Protest site: Skip A1 Hire

ULI ! Thank you! I added the } and it works now in Safari 4.1.1. I checked the stylesheet a couple of times before but never saw it.

I think those empty spans must be for the suckerfish dropdowns. I’ll have a play with them to see if they can be removed. There’s quite a lot of suspect divs and things in the html but I’ve usually found things break if I try to remove them.

Thanks again! Lesson for me to re-learn: make sure the CSS and HTML are valid.

Offline

Board footer

Powered by FluxBB