Font :: Text

DanHughes

I doubt this is because of the PHP but looking at my website (www.armedandwilling.com) through internet explorer I notice I can't see some of the typing unless i highlight it. it then goes away and comes back with mousing over and as it pleases.

This problem usually occurs with my text Armed and Willing on the content side on the banner of every page and the text above my inputs and in my guestbook at www.armedandwilling.com/?p=guestbook any suggestions?

DanHughes

A screenshot of the bigger of the errors can be found at www.armedandwilling.com/images/screenshot.bmp

leatherback

Hey,

Probably a misinterpretation of the CSS. I notice you declaer span class=style1 twice just before the two word. Perhaps that is the problem.

You might want to clean up the coding though. I am not sure whether it is invalid (I do believe so!) but for sure it is ugly to have severl sections of style-declarations in one document. Try to combine all in the header..

Roger_Ramjet

W3C Guide to CSS

<SPAN> Ugh! One of those things that sounds like it will be usefull, but just causes problems. Never use it myself, never needed to.

What is happening is that font colour and background colour are being set to the same value, as I'm sure you realise. That is what happens when you don't use an external CSS file but have it all in the head. As your page comment says, it's also in 2 other files that you include.

That is why I've given the link to the css guide. Have a read and learn aboout how style sheets do cascade over each other, and about how to use them properly.

PS Hate the colour scheme, but each to there own.

DanHughes

haha I love the colors

leatherback

Hey Roger,

I'd like to disagree: Putting srtyle declarations in the header is perfectly OK. Actually: If you are using different styles for, ay, different people, it may be the only way to go. Unless you'd prefer recreating files everytime sombody logs in? I prefer to echo the stylesheet straight into the header, when possible, and only have the basic layout/color scheme in an external sheet.

As for spans.. I am not convinced about their uselessnes. What would you use instead?

DanHughes

Ok I think I've got the colors together.

One problem being I never reset my header when I redid my layout.

Also I changed all the spans to paragraphs to see what the would do

DanHughes

Ha ha. Me idiotically not realizing the repercussions of using <p>. I deleted my divs and put a span in the header as well as above my switch area keeping it all in line

Roger_Ramjet

Originally posted by leatherback
Hey Roger,

I'd like to disagree: Putting srtyle declarations in the header is perfectly OK. Actually: If you are using different styles for, ay, different people, it may be the only way to go. Unless you'd prefer recreating files everytime sombody logs in? I prefer to echo the stylesheet straight into the header, when possible, and only have the basic layout/color scheme in an external sheet.

As for spans.. I am not convinced about their uselessnes. What would you use instead?

J.

Of course putting style sheets in the head and inline is OK, that's one of the resons why they are called CASCADING style sheets. This guy has his ALL in the head.

What his comments said was that he had 3 style sheets, one on the head and one in each two of REQUIRED files. If they are the same style sheet then that is redundant. If they are included after and inline then no wonder he gets font colour the same as background and the text disappears.

As for span: well since I havn't found much use for it I don't really know what I 'use instead'. From my point of view, you are the ones who are using span 'instead of'. What have you replaced with it?

aside:
The other thing that Google have done is to promote 'my' design philosophy. More and more I hear people say that they love the clean look, the white page with just the info they are looking for. That is what I have maintained since I worked for Demon Internet back in 95-96. All 'you' geeks are so in love with your cleverness you overlook the purpose of your websites. To me, 95% of websites are rubbbish: full of unneccessary visual noise and little 'bells and whistles' that do nothing to further my purpose when visiting the site. Now, JOe Public is becoming aware of the alternative and is voting with his feet, or mouse in this case.

MaxD

I use spans for taking a group of code and affecting it in some way.

Say I want to make a button that replaces a part of a form with diferent fields; I'd put the stuff to take out in a span, give it an ID then put the stuff to replace it, in another span and give it an ID and a style='display:none;'
then when I want to swap em, use onClick='firstID.style.display="none";secondID.style.display="inline";'

it's simple and effective, all you have to do is deal with the blank forms that become hidden, in your recieving script.

another great use, is if you want to draw a box around something (or really use any kind of CSS style)

it's easier to type
<SPAN style="border:1px black;height:150px;width:200px;"></SPAN>

then:
<table bgcolor="black" border=0 cellspacing=1 cellpadding=0 height="150" width="200"><tr><td></td></tr></table>

to accomplish the same thing

Roger_Ramjet

Now why would I want to draw a box around something? Read my design philosophy.

Yes. Of course, span to vary the content without a server call is very usefull. I was actually being facecious about it earlier. It's just that whenever something new like that comes along, half the web-ioks go beserk with it, like a kid with a new toy.

Basically, I do database driven web pages and all mine are content driven. I'm not involved with any e-commerce stuff trying to pull in punters on spec. I do think though, that if I was, mine would triumph in the long run. Most of this 'must have animation and Flash' is to impress the client when you bid for the work, not to increase the client's turnover when it's live.

Weedpacket

Originally posted by MaxD
it's easier to type
<SPAN style="border:1px black;height:150px;width:200px;"></SPAN>

then:
<table bgcolor="black" border=0 cellspacing=1 cellpadding=0 height="150" width="200"><tr><td></td></tr></table>

to accomplish the same thing

Especially since the result is not the same thing 😃

Weedpacket

Originally posted by leatherback
You might want to clean up the coding though. I am not sure whether it is invalid (I do believe so!) [link mine]

I've noticed that W3C's style validator no longer warns about specifying foreground colour without specifying background colour orand vice versa. You can declare the default value "background-color:transparent" to make it explicit that you know what you're doing.

DanHughes

The reason that I have more than one require file is because I have my main banner and navigation bar in it as well as the css style in one. In the other I don't have the main navigation and banner but need a require because I am using Cutenews posting system because being fairly new to PHP I have not written my own script yet. The third file is a .css I intend to use once I write my own script that will not interfere with the layout of my site.

As far as span goes its easier to switch through and not have giant gaps like <p>

Let me also add that I'm only 15 years old and have much to learn 🙂

leatherback

Hi Roger,

I basically use them 'instead' tables for the layout of my pages, and define seperate sections in the page, much the same as <div>. But as you said: You use an empty look.

For me, I often build websites for other people, who have a clear way they want their sites to look (see http://bureaupost.nl/ http://www.hemiparasites.nl/2004/ and http://bureaupost.nl ) when you do not have a lot of choice.

Also, for my own website, I like the clean look, but do like some design in it (see [url]http://personal.bio-vision.nl,[/url] very much under construction, with CSS still embedded).

The big thing about <span> I do not think, is in hte declaration by max: We then go back to having the layout of the site in the content, which is horrible when updating your site. I prefer to name individual sections, and use stylesheets for formatting. Still a bit buggy, but IE is getting better at understanding what it's about ;-)

leatherback

Hey Dan,

Don't worry: If we didn't all have something to learn, we wouldn't be here, right!?

Roger_Ramjet

I know what you mean about clients 'knowing' what they want. The old keep a dog and bark yourself syndrome. Unfortunately, there are just too many ioks around to feed their egos, so they end up ripped off with a dysfunctional website that only works in IE6 for instance. The sad thing is they never even know how much business they have lost because of it.

Fortunately for me I'm skilled enough and secure enough not to need their work.

leatherback

Yeah,

IE-only sites.. Aren't they cool..
Just a few minutes ago I was ona site which won the best site in 2003 award, but their navig does not work in mozilla. How is that for a good site?

As for my own.. My little bizz. is only on the side. People always wanted me to help. So at a certain point I decided to go commercial, and just add a 25% to my income. So I do not pick people. I try to help people I know, or who hear about my work. And generally these are small jobs.

DanHughes

I see you use the switch() statement for your pages...or maybe get? which is not the way to go haha. We'll anyway I notice your link is http://personal.bio-vision.nl/index.php?page=whatever

you can just use http://personal.bio-vision.nl/?page= without the index. This way it looks more like a page on its own. Not really that big a deal but I'm completly out of my mind