Shoutbox

IE difference - Printable Version

-Shoutbox (https://shoutbox.menthix.net)
+-- Forum: MsgHelp Archive (/forumdisplay.php?fid=58)
+--- Forum: Skype & Technology (/forumdisplay.php?fid=9)
+---- Forum: Tech Talk (/forumdisplay.php?fid=17)
+----- Thread: IE difference (/showthread.php?tid=55493)
IE difference by DJKAL on 02-02-2006 at 08:12 PM

i am working on my website
and am happy with my work so for.
but ...
when i load it in firfox {default browser} it is perfect, is i want it and as i designed it
but in internet explorer {beta 7 if that's thereason} it makes some of the underlined text not underlined and the other underlining not bold :S
{i solved the problem with the text colour difference ...GRAY not GREY :P thanks traxor ;)}

i was just wondering how i can get the text to stay underling in IE and not just in firefox

{here is the site if it will help you to understand}
thanks :)

RE: IE difference by Supersonicdarky on 02-02-2006 at 08:32 PM

maybe it because u have differenbt cases, u have: <u>text</U>, make <u>text</u>

RE: IE difference by Plik on 02-02-2006 at 08:36 PM

eewwww at the code of that page
firstly why do you use so many center tags? if you want to whole page centered just have one after the <body> then close it before </body>

anyway the underlineing problem is because you have a mess of tags :|

code:
<u>
<h1>
<centre>
C.D's,
<br>

Calum's Disco's
</U>

any tags opened inside an element must be closed before the end of the element

so:
code:
<h1>
<u>
C.D's,
<br>

Calum's Disco's
</u>
should work.
All i did was put the <h1> outside the <u> so it can carry on after the u element ends, and i deleted the <centre> because A) its spelt wrong and B) if you just enclosed the entire page with a <center> then you don't need it there.

finally:
code:
<body bgcolor="black">
<body>
wtf, you only need one body element :-/
RE: IE difference by DJKAL on 02-02-2006 at 08:43 PM

thanks il change the cases now ...fussy thing:@
as for the centering was because i didnt know i was going to center it all
"center" is right isnt it?
and as for "body" i didnt see that it was there twice .. i copy and pasted the code from a website because i wasnt sure of the code .. it is my first site :$

RE: IE difference by Kryptonate on 02-02-2006 at 08:50 PM

learn xhtml and css, you can do much more with those two together and the code will also look much cleaner + will be easier to update.

quote:
Originally posted by DJKAL
thanks il change the cases now ...fussy thing(Smilie)
a lot of people will fall over that these days, it's just ugly to write code like that. It's better to use small letters for your tags and attributions.

And please tell me why you use frameset if you don't use frames? rows="100%,*" is just stupid :s, you're making 2 rows here but at the same time you make sure the 2nd row isn't visible by placing the first one at 100% of the screen and you only give one frame a source. If you're using only one page you don't need frames. Dump the frameset.
RE: IE difference by absorbation on 02-02-2006 at 08:53 PM

quote:
Originally posted by Kryptonate
learn xhtml and css, you can do much more with those two together and the code will also look much cleaner + will be easier to update.

true, xhtml is also easy. xhtml is a way to check if your code is browser compatible (but not always true if you use css with it)

for example change your <br> tags to <br /> tags etc. Did you use the tool i sent you yesterday? :P
RE: IE difference by DJKAL on 02-02-2006 at 08:55 PM

quote:
Originally posted by Kryptonate
learn xhtml and css, you can do much more with those two together and the code will also look much cleaner + will be easier to update
il carry on as i am for now - on this page and look into xhtml on the weekend or tomorrow
well..i think i might stop for tonight and do h/w so i will try and look at that tomorrow ... but il have to re-code my whole home page :|

* DJKAL repeats to himself "stick to small letters, stick to small letters...."

EDIT: i downloaded the tool ... but cant open it cos i dont have a program to do so :'(
RE: IE difference by RaceProUK on 02-02-2006 at 11:26 PM

Don't put off using XHTML until the next re-write: use it now! It's more uniformly supported when used with CSS2, yielding more consistent results. And, since you know HTML, XHTML will come within minutes ;)

Use the W3C Validator to help write valid XHTML.

RE: IE difference by absorbation on 02-03-2006 at 07:32 PM

quote:
Originally posted by DJKAL
EDIT: i downloaded the tool ... but cant open it cos i dont have a program to do so (Smilie)

firefox opens it :P it's a firefox extension
RE: IE difference by DJKAL on 02-03-2006 at 07:34 PM

it didnt ... i downloaded it and then clicked it and didnt know what to do from there:$

RE: IE difference by absorbation on 02-03-2006 at 07:38 PM

right click > open with : Mozzila Firefox :P

RE: IE difference by DJKAL on 02-03-2006 at 10:48 PM

:$ oops!
ok - its done ....
how do i use it :$
i hate being thick :'(

-------------------------------------------------------------------------

i have updated it AGAIN and have now added the links and most of the second page, i think i only have the "home page" hyperlink left to add.
but!
on the home page i set the links to be white, then when the mouse goes over them to change to pink {contrasting colour and clear to see it is a link .. and not because i like pink obviously! 8-)}
and then to change to blue when clicked
i deleted the "veiwed" tag as they went lime:|
i am using hex codes so that isnt the problem like before ...
but if you veiw the page in IE and click a link then go back {click back because i haven't yet added the back to home page link :P} they become lime:| why is this when i  have deleted the "veiwed" tag ??
thanks
DJKAL

RE: IE difference by Kryptonate on 02-03-2006 at 11:31 PM

quote:
h1 {text-align: center}
h1 {color: #FFFFFF}
h2 {text-align center}
h2 {color: #707070}
you can change this to
h1 {
text-align:center;
color:#FFFFFF;
}
h2 {
text-align:center;
color:#707070;
}
quote:
<body bgcolor="black">
Place this in CSS too (body {background-color:#000000;})

quote:
<u>Calum's Disco's</U>
Still a capital U :p

quote:
<br><br>
use a <p></p>  or <p /> for this (I saw you have a <p> but you don't close it, always close it!)

At the end you hava a closing font-element. But I don't see one opening it.

With your links you use a <h2> and to close it a </h>. This has to be <h2></h2>

quote:
Originally posted by DJKAL
i deleted the "veiwed" tag as they went lime(Smilie)
i am using hex codes so that isnt the problem like before ...
but if you veiw the page in IE and click a link then go back {click back because i haven't yet added the back to home page link (Smilie)} they become lime(Smilie) why is this when i  have deleted the "veiwed" tag ??
I'm sorry but I've never heard of a "veiwed" tag :/. You could add a:visited {} in your CSS between a:link and a:hover to set a color for the link for when the visitor returns.
RE: IE difference by DJKAL on 02-03-2006 at 11:36 PM

quote:
Originally posted by Kryptonate
I'm sorry but I've never heard of a "veiwed" tag :/. You could change a:visited {} in your CSS between a:link and a:hover to set a color for the link for when the visitor returns.
that it:D
visited! not veiwed:$
i'll change all the codes now, thanks :)
oh yer..the </font> was because i deleted that code and clearly forgot to delete it all! :$

in IE the links become purple now once visited:|!
and in firefox they stay white...as i coded it {i think}
how to i make them stay this colour {white} in IE too?
RE: IE difference by ShawnZ on 02-03-2006 at 11:40 PM

quote:
Originally posted by DJKAL
how to i make them stay this colour {white} in IE too?

by realizing you didn't actually even add an a:visited tag?
RE: IE difference by Kryptonate on 02-03-2006 at 11:42 PM

Another thing: a:active {color: #FFFFF} <-- add another F to it :p

RE: IE difference by DJKAL on 02-03-2006 at 11:43 PM

i deleted that code because i thought it might solve the problem

quote:
Originally posted by ShawnZ
by realizing you didn't actually even add an a:visited tag?
i deleted that code because i thought it might solve the problem
quote:
Originally posted by Kryptonate
Another thing: a:active {color: #FFFFF} <-- add another F to it
done
quote:
Originally posted by Kryptonate
Place this in CSS too (body {background-color:#000000;})
that doesnt work :/
unless i just placed it in the worng place:$
RE: IE difference by ShawnZ on 02-03-2006 at 11:49 PM

quote:
Originally posted by DJKAL
that doesnt work :/

not the "(" or ")"
RE: IE difference by Kryptonate on 02-03-2006 at 11:50 PM

quote:
Originally posted by DJKAL
that doesnt work :/
unless i just placed it in the worng place
<style type="text/css">
body {background-color:#000000;}
h1 {
text-align:center;
color:#FFFFFF;}
h2 {
text-align:center;
color:#707070;}
a:link {color: #FFFFFF}
a:visited {color:#FFFFFF}
a:hover {color: #FF00FF}
a:active {color: #FFFFFF}
</style>

Edit: remove your post from 10 minutes ago. Don't double post :)
RE: IE difference by DJKAL on 02-03-2006 at 11:53 PM

thanks :D that was the only bit i had wrong, i've edited the other things and the links are white again now :)
all the time :D
thanks! :D
i'll add it to the ftp:// file now and then make a start on the other 2 pages and then think of any other pages i may need/want added:)
thanks again :D

RE: IE difference by Kryptonate on 02-03-2006 at 11:58 PM

quote:
</head>
<center>
You do have to place a <body> tag between those two :).
quote:
Originally posted by DJKAL
thanks again
no problem
RE: IE difference by DJKAL on 02-04-2006 at 01:29 PM

quote:
Originally posted by Kryptonate
You do have to place a <body> tag between those two
thats gone now :)
i just updated the ftp:// server so it should be working now in its new CSS background and always white {apart from  moused over and clicked} links :P


-----------------------------------------------

more updates on the site :D

the "HOME" links on the other pages dont change colour like the others:S
i have set them to .. i think
and the other links on the pages do :S
any reason for this?

thanks for all the help so far :D
RE: IE difference by Tochjo on 02-04-2006 at 01:38 PM

Change

code:
<a href="index.htm">
<h1>
<u>
HOME</u>
</h1>
</a>
into
code:
<h1>
<u>
<a href="http://calums-discos.louhabs.com/index.htm">HOME</a>
</u>
</h1>

It's the tags in between that are causing the problem :)
RE: IE difference by DJKAL on 02-04-2006 at 01:58 PM

thanks :D
i moved the "</a>" and it works now
{i kept it just going to "index.htm" instead of the address :) easier for me i think :P}
thanks again :D

RE: IE difference by Tochjo on 02-04-2006 at 02:03 PM

quote:
i kept it just going to "index.htm" instead of the address
Of course; I just changed that while I was testing the code on my computer and forgot to change it back.
RE: IE difference by DJKAL on 02-04-2006 at 02:06 PM

oh, ok :)
thanks for your help ... for now there's just 1 page left...
the most complicated:|
a booking form:O with all little clickable and text boxes :O
coding all day and much of the night like last night and on into the early hours of tomorrow and through tomorrow and im hopoing to have it done
yes it might take me that long:$

RE: IE difference by Kryptonate on 02-04-2006 at 02:12 PM

You better first start looking at http://www.w3schools.com/ to learn how to write proper html or xhtml. It will go much easier and faster afterwards :).

RE: IE difference by DJKAL on 02-04-2006 at 02:46 PM

i have been using w3schools :D

--------------------------------------

if i put the form in to individual frames:
"your details"
" {unknown} details"
" {unknown} details"

    {{"unknown" will be text!}}

and then put a "submit" buton at the bottom of the page  will it send all of the details? or will i need them all in one frame?

RE: IE difference by Kryptonate on 02-04-2006 at 03:27 PM

why use frames for forms? :s Why do you use frames at all on your site?

Btw: NO doubleposts

RE: IE difference by DJKAL on 02-04-2006 at 03:29 PM

frames to markout sepperat  areas of the form
for example:
"your details"
"details of the function"

so that it is clear

{sorry about double post - sorted now!}

RE: IE difference by Kryptonate on 02-04-2006 at 03:32 PM

Only use frames if you're using multiple pages that you want to be shown on one page. Why not use <hr> for seperation? Or a table?

RE: IE difference by DJKAL on 02-05-2006 at 12:06 PM

ok, i have finished this page to an extent ...
i may add a few more pages but the basis is done

is it possable for when you click the "SUBMIT" link for it to open hotmail {or other email client} and not microsoft outlook?
and also i have inserted a box with text init, i want to have this text highlighted so that when text is typed it dissapears {obviously} but with out you highlighting the text yourself?
thanks :)

www.calums-discos.co.nr

-------------------------------------------------------------

i have made the form, set it to mail-to my email address and the site is finished :D with the exeption of a few pages i MAY add later.
i have a problem on the form though, oridinally i set it to have them in frames, but when  i added the "submit" button it only submitted he second frame {the one that the button was in}
this - being an abvious and big problem - had to be solved, thinking if i deleted the frames and then set it as 1 form would work i edited the codes.
thinking i had done them right i checked them only to find that when i click "submit" it still only sends the information from the seond half of the form.
maybe i have a part of the codes wrong?
any help would be much appreciated.
thanks :)

RE: IE difference by Kryptonate on 02-05-2006 at 12:58 PM

As I stated before: DON'T USE FRAMES! Now you see an example why.

quote:
<option value="-16"> Below 16 years
you should use < 16 instead of -16
quote:
<option value="Above 61 years"> Above 61 years
and here > 61 instead of Above 61 years

The problem was that you didn't have the name=""-attribute with some fields. I've corrected in the code:
code:
<form action="MAILTO:kryptonate@gmail.com" method="post" enctype="text/plain">
<p>
<label for="FN">First name* </label>
<input type="text" size="13" name="FirstName" id="FN" />
</p>
<p><label for="LN">Last name* </label>
<input type="text" size="13" name="LastName" id="LN"/>
</p>
<p><label for="CN">Contact number* </label><input type="number" size="10" name="ContactNumber" id="CN" />
</p>
<p><label for="EA">Email address </label><input type="text" size="35" name="E-mailAddress" value="example: kryptonate@gmail.com" id="EA" /></p>
<p></p>
<p>
Function type*
<select name="party type">
<option value="Please select" selected="selected"> Please select</option>
<option value="Birthday">Birthday</option>
<option value="Engagment">Engagment</option>
<option value="Wedding">Wedding</option>
<option value="Anniversary">Anniversary</option>
<option value="School"> School</option>
<option value="Other">Other (please State)</option>

</select>
Other <input type="text" name="other type" size="50" value="if you have selected 'other' in the drop down menu">
</p>
<p>
Age*
<select name="age">
<option value="Please select" selected="selected"> Please select</option>
<option value="-16"> Below 16 years</option>
<option value="16-21"> 16-21 years</option>
<option value="22-30"> 22-30 years</option>
<option value="31-40"> 31-40 years</option>
<option value="41-50"> 41-50 years</option>
<option value="51-60"> 51-60 years</option>
<option value="Above 61 years"> Above 61 years</option>
</select>
</p>
<p>
<label for="LO">Location* </label>
<input type="text" name="location" size="40" value="Please state location of function" id="LO" />
<label for="BO">Booked*: </label>
Yes
<input type="radio" name="Booked" value="Yes" checked="checked" id="BO" />
No
<input type="radio" name="Booked" value="No" id="BO" />
</p>
<p>Times*</p>
<label for="ST">Start </label>
<input type="text" name="time-start" size="5" value="hh:mm" id="ST" />
<label for="FI">Finish </label>
<input type="text" name="time-finish" size="5" value="hh:mm" id="FI" />
<p></p>
Other information
<br />
<textarea rows="10" cols="30" name="Textarea">
Please state music styles, perticular artists/songs, or any other information/ questions that will make your function the perfect night.

Thank you for choosing C.D's
Calum's Disco's
feel free to contact me on: 07814.94.93.32
at any time.
</textarea>
<br />
<center>
<input type="submit" value ="Submit" size="10">
</center>
</form>

I've also added labels (you can change the name of them or even remove them if you like), that makes it a bit nicer, but you should use a table for presenting it good.

Another thing as I stated before:
quote:
</head>
<center>
has to be
code:
</head>
<body>
<center>
Even if you put a body-selector in your CSS you still have to place <body> in your htmlcode.
RE: IE difference by DJKAL on 02-05-2006 at 01:11 PM

quote:
Originally posted by Kryptonate
As I stated before: DON'T USE FRAMES! Now you see an example why.


oooops :$   ... opolagies!

thanks for that code :D
it works now :D
{i emailed myself a booking to test it .... im now working on the 12 feb 8-) :lol:}
thanks again :)
i did change the email address so any bookings wont get sent to you :P