Jump to content

html/Konqueror/Mozilla question.......


chris z
 Share

Recommended Posts

i've just discovered gFTP & i love it! i was using primasoft ftp pro in window$, but this is so much nicer. anywho, i have a question about html that maybe somebody can help me out with. i have some web space & just threw up my junk html page on there until i can come up with something useful. here's the link:

 

http://antithesis.web1000.com/

 

question 1:

i have the background colour set to seashell (colour code #fff5ee). in Konqueror it comes out as the correct colour. in Mozilla, it comes out as a horrible shade of orange! :shock: does Konq & Moz read html colour codes differently? why would the code for seashell come out correct in one & not the other? i haven't tested other colours yet, but i'll give it a try for shits & giggles to see what things look like.

 

question 2:

i have html code inserted so that when you hover your pointer over one of the pictures, a little popup box shows up with some text to tell you about what the picture is linked to. the popup boxes show up in Internet Explorer under window$, but they don't show up in Konq or Moz. when you go to my url above, hover over the pics & tell me if the popup box shows up or not. here's the html code i used:

 

<p align="center"><a href="desserts"><img src="simplecalvin.gif" border=0 alt="this could be a pie"><a href="poultry"><img src="hobbesface.gif" border=0 alt="this could be a chicken"><a href="beef"><img src="mad calvin.gif" border=0 alt="this could be a cow"><a href="seafood"><img src="futurecalvin.gif" border=0 alt="this could be a fish (or a smelly ****)"><a href="pork"><img src="strangealien.gif" border=0 alt="this could be a pig"><a href="drinks"><img src="yellingcalvin.gif" border=0 alt="this could be a liquor bottle"></a></p>

 

it all looks correct to me, & like i said, it works in IE. why not the other 2?

 

any responses will be welcomed, as always.

 

Chris

 

(and, remember, this web site is only a goofy test, so that's not what the finished product is even gonna closely resemble!)

Link to comment
Share on other sites

nope, that wasn't the problem. i did oops with the " in front of #fff5ee, but the colours are still different in Moz & Konq. also, the </a> tag is not needed after each entry, only at the end of that piece of html code, & i do have it there. as i said, it all works in IE. does Moz/Konq/Linux handle html tags differently than M$? just wonderin'. like i said, this isn't an urgent/important project. just me goofin' around. but, if/when i do decide to make something useful of that space, i'd like it to work across all platforms. thanks, anywho.

Chris

Link to comment
Share on other sites

I don't know why but if I try to access your page I just get the main www page of that site.

 

Also, yes, you certainly have to place a </a> to end each anchor properly.

 

Test with the validator service. Also, don't rely in any way on IE or any MS program, none of them give proper indications / html output (htm output... bleh!!).

 

Try with opera, there it's very easy to use the validator, just right click a page and select

frame => validate source

to see if your source code is ok.

Link to comment
Share on other sites

there's ftp maintenance on my site, so it's been iffy all morning. try it again later, please. i did put the </a> tag after each entry. it didn't make a difference. still no popups when you hover over a link picture. i didn't use anything M$ related to write the html. i did it all by hand in notepad originally (before i had MDK), then edited things in KWrite. i'm not gonna plague myself over it. i'm by no means an html guru. it's something i started playing with back in my Win3.1 days. i'm sure my html knowledge is way outdated by now. i don't have Opera installed, so using that to test things isn't an option. like i said, try the link later if you like. i know it's available as i type this.

thanks,

Chris

Link to comment
Share on other sites

Oh yeah, I forgot,... for other browsers you have to include a title in the link name.

Check how I did it on my site;

<a title="Home" href="index.html">Home</a>

 

This shows up in opera, with the link, and in konq without the whole link, just the title you put yourself.

 

Btw I just started with quanta, before used bluefish (actually, still use that one too). Before that I used gedit, kate and other text editors. Oh yeah, and pico...

 

About the no-MS comments, I just meant that IE is no means to check if a site is properly written.....

Just go here:

http://validator.w3.org/

and see if your code is ok.

 

BTW Tried again, still no go on the site...

Link to comment
Share on other sites

Hah! I got through!

 

And what did I find??

 

<meta name="GENERATOR" content="Microsoft FrontPage Express 2.0">

 

Hmm....... :D

 

 

BTW the 'alt' tag is only shown when the image can't be / isn't loaded. For other things use the title tag on the link/ anchor.

 

Disclaimer: I am in no way an HTML guru either.

Link to comment
Share on other sites

chris z:

- no problems here with orange backgrounds in konqui or mozilla

- as to the 'address field' as a small 'pop-up' within the site: you have to use the <a title ....> for mozilla and konqui,as aRTee said, it works fine without the 'title' in Opera - if you have not tried Opera yet, you don't know what you are missing :wink:

- aRTee:

<meta name="GENERATOR" content="Microsoft FrontPage Express 2.0">

haha, I saw this too - hey chris, there is a wonderful html editor: bluefish - GREAT software. With a build in validator: tidy.

 

And artee, thanks for the internal opera validate-function!

Link to comment
Share on other sites

I've been using bluefish although I'm still doing all my coding manually. As far as colors that can be tricky. Before I started coding myself I used Front Page (awful program btw) and I was surprised that when I used anything but IE it didn't look the same, especially the colors. Here's a link that might interest you http://hotwired.lycos.com/webmonkey/00/37/....html?tw=design It's rather lengthy but it helps to understand the differences with different browsers. If you check out the browser safe colors your color isn't listed in it.

 

HTH

Link to comment
Share on other sites

ok,ok, enough about the FrontPage razing! i honestly don't even know what that tag means. i put that there some 7-8 years ago when i was learning how to write the html 'cause somebody told me that it would help generate hits in search engines. same with all the other garbage in the header. i honestly did do all that in notepad, then some in KWrite just recently. i know it's pretty juvenile, but it's only a test. i have changed the background since i wrote that first part. it should now be a cascade of grey Calvin & Hobbes, which it is when i view it now. i'll add the colour code tonight after work & maybe you guys can look again & check out what i meant about the colours being different in each browser. i'm trying to transfer the .index file now, but the damn ftp seems to be down again. oh well, i gotta get to work. i'll play tonight or tomorrow. like i said, this isn't a priority with me. just playin' around.....

Chris

 

(now he's at work.............)

as for html editors, i've tried a few back in Window$ (FrontPage, Namo, & another one that i can't remember the name of) but i never really liked them. too much going on for what i wanted to accomplish. like i said, html was just a hobby i got involved in to while away the hours back in the day. the web page that i have on that space is the original vintage 1996 code i wrote in notepad, with all references to the old pages removed & that new stuff inserted. i've heard of Bluefish, but i don't know if i wanna go that route. all i wanted to do was put up a space on the web where i can post my recipes, so anybody (friends, family, etc.) can access them & they don't have to keep calling me "how do you make this?" "what's your recipe for this?". and, finally, as for browsers, i have used Opera at work ( the free download version, hacked to remove the ad banners). i won't want to try opera in Linux unless there's a hack in Linux to remove those banners. they may be small, but they're still annoying, & i'm not gonna pay for a browser when there's so many free ones out there. so, anywho, i'll try changing the background colour when i get home tonight, i'll read through the link that mystified put up there, & i'll get rid of the FrontPage META info so i don't have to hear any more shit from you guys! :lol: gotta get some work done now. as always, thanks for the input......

Chris

Link to comment
Share on other sites

ok..........i changed the background colour back to #fff5ee, which is supposed to be seashell. it comes out as seashell in Konq.....orange in Moz. i did read through your link mystified, so that's probably why the colours are different. i also added the "title" tags, per aRTee. i see the effect, but it's not what i was talking about. in IE, when i hover over those pics, a little box pops up & says (for instance) "this could be a pie" when you hovered on the "desserts" face link. that's what the "alt=" tags do, if you look at the code. i went to the validator site, & left immediately. i had so many errors according to them, that i shouldn't even be allowed to touch a computer! :shock: no matter to me. i'm not a webmaster, not looking to make html as a career. the code works almost like i want it to, except for the colour & popup box issue. not gonna sweat it anymore. just thought there might be a reason for these issues. i guess it's just a "browser specific" thing. and, to all you smart asses, the FrontPage META info is stripped away. I DIDN'T USE FRONT PAGE! sheesh.....if i did, the validator wouldn't have given me an error on every line of code. maybe every other, but not every one! :lol: any more suggestions, thoughts, or abuse will be taken into consideration. gonna drink for a bit now. i'll check here later.

Chris

Link to comment
Share on other sites

1. I don't (never did) get an orange background, not in Mozilla, not in Konqui, not in Opera - your #fff5ee works for me, why not for you?

 

2. The alt tag has for sure nothing to do with 'hovering mouse' - it's the 'alternative' text if the image can't get loaded. if IE shows the alt text at mouseover (does it?) then that's one more oddity ;-)

 

0. Who's Eric ? :twisted:

Link to comment
Share on other sites

ACK! THPPPPT!!! :shock: :shock: :shock:

 

1. i know that colour showed up orange in Moz a couple of days ago! i just looked now & it is seashell! maybe it was the gin. i dunno............

 

2. the alt tag does also work as a hover box in IE. of that i'm possitive. i checked it out today at work in IE6.0 & when i hover my cursor over those pictures, a tiny box pops up containing the text after the "alt=" tag you see in the code. i'm not gonna dick with it too much. like i said, this isn't my life's mission. just something to screw around with, kill some time, & perhaps learn some things, Linux & html wise......

 

0. Eric..........hmmmm. i can't really go into much detail. my friend....a bit strange..........high strung..........confused about his sexuality, but in a severe state of denial. you'd have to know him, to know what i mean. but, it's probably best that you don't...........

 

77. do any of you use gFTP? is this a pretty good ftp prog to use, or are there better one's? i mean, it seems to do everything i could want it too. but, if there's something better...........

 

gonna check out the chat section now & see who's asleep.........

 

Chris

Link to comment
Share on other sites

1) Background color looks the same here too (Konq and Mozilla). Although I don't think this would be the problem, but colors will show differently depending on monitor setting (256 color v/s 16 bit color).

 

2) I think the pop-up confusion is stemming from the fact that we are combining a graphic with a link. This is what I come up with to make it work in both Konq and Mozilla.

<p align="center"><a title="desserts" href="desserts"><img

src="simplecalvin.gif" style="border: 0px solid;" alt="desserts"

title="this could be a pie"></a><a title="poultry" href="poultry"><img

src="hobbesface.gif" style="border: 0px solid;" alt="poultry"

title="this could be a chicken"></a><a title="beef" href="beef"><img

src="mad%20calvin.gif" style="border: 0px solid;" alt="beef"

title="this could be a cow"></a><a title="seafood" href="seafood"><img

src="futurecalvin.gif" style="border: 0px solid;" alt="seafood"

title="this could be a fish (or a smelly xxxx)"></a><a title="pork"

href="pork"><img src="strangealien.gif" style="border: 0px solid;"

alt="pork" title="this could be a pig"></a><a title="drinks"

href="drinks"><img src="yellingcalvin.gif" style="border: 0px solid;"

alt="drinks" title="this could be a liquor bottle"></a></p>

Hope this helps you.

Link to comment
Share on other sites

Chris z, don't worry about the frontpage tag. Nobody is perfect ;)

Actually, I believe you when you say you just copied that along from some other page, I started out the very same way.

 

About the validator: use it, and make your code ok.

It seems a lot of work, but it is worth it. It makes sure that browser y that you never heard of but which is compiant also renders your page ok.

 

I hate the idea of people making pages work only in IE because writing good html (which is not much harder than writing bad html) is too much for them, and because IE is part of the evil empire... ;) LOL

 

Having one error in each line is ok, you don't have that many lines. It could be worse, you could have several errors in each line....

 

Give quanta and/or bluefish a try.

 

gFTP is what I use too. Sometimes I use the command line ftp. For scripts, I use ncftp.

 

That your background colour was wrong for some time -- did you try to clear the mozilla cache and reload?

Are you on a 16bit colour depth display?

 

Scoopy's code looks good, he's right on the title thing for the images.

I guess I didn't think of that.

And you're right on the alt-tag info being used in IE.

It used to be in Opera too, but I guess they changed.

In any case, that is not really prescribed by the standard I think, how the browser should handle that...

Try Scoopy's code, see if it works for you.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
 Share

×
×
  • Create New...