|
|
 |
RE: FN-FORUM: Copy Problem
date posted 28th January 2005 18:14
Hi Emma,
Thanks for that, I shall do likewise. I have now scrapped that layout it
was all wrong anyway. The where used to apply .class
"current" which just brought about a mouse-over action; I'm now using it
to do something totally different.
I've not got it to work correctly yet, but did you know you can get a
totally JS free popup, using just CSS. As I say still not correct, but
may search google, some bright spark must have discovered this long-time
ago, and probably has it working correctly.
/** navbar link styles **/
#navbar a:link span
{display:none;
font-family:"Times New Roman", Times, serif;
color:#000000;
text-decoration:none;
}
#navbar a:visited span
{display:none;
font-family:"Times New Roman", Times, serif;
color:#000000;
text-decoration:none;
}
#navbar a:hover span
{display:block;
border:3px #000000 solid;
position:absolute;
margin:0 0 0 40px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bolder;
color:#FFFFFF;
background-color:#000000;
text-decoration:none;
white-space:pre;
height:auto;
width:auto;
z-index:100;
}
If you insert the span Homethis is our home
page It gives you a popup showing the text. Problem is the
block moves further away from the navbar as you move down, you also have
to edit the html (well align the text, for pre to work). As I say it
doesn't work correctly yet, but "hope springs eternal" or something like
that.
Kind Regards
D.G
PS Requested divs
#content
{
float:left;
margin:10px 0 0 11px;
padding:0 0 0 0;
text-align:center;
width:auto;
position:relative;
white-space:nowrap;
overflow:hidden;
z-index:3;
}
#advert2
{padding: 5px 0px 0px 0px;
}
#advert2 span
{display:block;
float:left;
width:auto;
height:auto;
vertical-align:top;
text-align:center;
margin: 2px 0 0 0;
lini-break:strict;
word-wrap:break-word;
white-space:pre;
}
-----Original Message-----
From: [EMAIL REMOVED] [EMAIL REMOVED] On Behalf Of Emma
Davis
Sent: 28 January 2005 09:14
To: FN-FORUM / [EMAIL REMOVED]
Subject: Re: FN-FORUM: Copy Problem
David
Firstly a bit of advice that Tony gave me a while back and I have put to
good use ever since. Set the styles to work in Mozzila first then use
html
hashes (if necessary) to make the styles work properly in IE. I have
found
that mostly my styles work the same in both but some bits just need
tweaking. It helps a lot as Mozilla is much more compliant.
Can you show the CSS for this the divs Content and Advert2 and what the
span
is for as this might help.
Emma
----- Original Message -----
From: "David" [EMAIL REMOVED]
To: [EMAIL REMOVED]
Sent: Thursday, January 27, 2005 10:09 PM
Subject: FN-FORUM: Copy Problem
>
> Hi All,
>
> Probably will get nailed to the wall with this; but can't find the
> answer. I've spent all-day moving a piece of text from one place to
> another on my home file (http://www.linkhomes2000.co.uk).
>
> When I wrote this in word it aligned it's self perfectly, both left
and
> right side. Now it looks completely out of place. No matter how I
resize
> the layer it never ends up as a block any ideas how this can be
> achieved? Have tried "word-wrap, line-break and white-space-pre just
> about everything I can think of, still doesn't look or feel right.
>
> There is also the question of text colour, I'm trying to emulate
nature
> (accept it won't work 100%) so all my colours come from masthead gif.
> Any ideas here would be greatly appreciated.
>
>
> Kind Regards
>
> D.G
>
> ---
> Outgoing mail is certified Virus Free.
> Checked by AVG anti-virus system (http://www.grisoft.com).
> Version: 6.0.839 / Virus Database: 571 - Release Date: 19/01/2005
>
>
>
> --
> Freelancers, contractors earn more with Prosperity4
> Call 0870 870 4414 or visit www.prosperity4.com
> and benefit from Inland Revenue approved expenses today.
>
> To advertise here: http://www.freelancers.net/advertising.html
>
>
--
Freelancers, contractors earn more with Prosperity4
Call 0870 870 4414 or visit www.prosperity4.com
and benefit from Inland Revenue approved expenses today.
To advertise here: http://www.freelancers.net/advertising.html
|
 |
|