/    Sign up×
Community /Pin to ProfileBookmark

Layout problems in Firefox 2

Copy linkTweet thisAlerts:
May 01.2007

Hi

This is driving me nuts.

It’s a work in progress at present but the Home page has just broken in Firefox 2. >:mad: 😡
there should be a list of images in the main content displayed a styled <ul> . This works great in IE 6.

here’s the link

[url]http://www.grafnic.com/Cambrian/Index.html[/url]

Any help would be appreciated.

Thanks

Nic
? ?

to post a comment
CSS

1 Comments(s) ↴

Copy linkTweet thisAlerts:
@proofMay 01.2007 — CSS:
<i>
</i>.pics {
float :left;
width :100px;
border-style:none;
padding-left: 30px;
padding-right: 20px;
padding-top:0px;
border-width:0px;
}

.pics img{
float:right;
border-style :none;
padding: 10px;
padding-top: 0px;
}

HTML:
<i>
</i> &lt;ul class="pics"&gt;
&lt;li class="pics"&gt;&lt;a href="#"&gt;&lt;img src="http://www.grafnic.com/Cambrian/Images/house_thumb.gif" alt=""/&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li class="pics"&gt;&lt;a href="#"&gt;&lt;img src="http://www.grafnic.com/Cambrian/Images/kitchen_thumb.gif" alt=""/&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li class="pics"&gt;&lt;a href="#"&gt;&lt;img src="http://www.grafnic.com/Cambrian/Images/living_thumb.gif" alt=""/&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li class="pics"&gt;&lt;a href="#"&gt;&lt;img src="http://www.grafnic.com/Cambrian/Images/bathroom_thumb.gif" alt=""/&gt;&lt;/a&gt;&lt;/li&gt;

<i> </i> &lt;/ul&gt;

I correct some mistakes, and your design is also validated now.
×

Success!

Help @grafnic spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 6.2,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,
)...