Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > HTML > CSS: invisible submit button, blasted IE

Reply
Thread Tools

CSS: invisible submit button, blasted IE

 
 
itsastickup
Guest
Posts: n/a
 
      03-21-2009

Hello folks,

I'm not too hot on CSS, being a backend dev. I'm having to deal with
some
frontend code and I'm stuck on this one. A submit button is invisible
in IE,
while yet visible in firefox, opera and safari.

The html is simple, so presumably the problem is with the CSS.

I've dumped the styles for the button so while the actual coded CSS
isn't as
verbose nothng will be missed (hopfully) through some chain of
inheritence I
know little about. I do know the original dev wasn't so experienced.
But I know less
than him.

Here's the pastie :

http://pastie.org/422507

Any help would be much appreciated.

Thanks


 
Reply With Quote
 
 
 
 
dorayme
Guest
Posts: n/a
 
      03-21-2009
In article
<d4d75f33-719c-41b5-a730->,
itsastickup <> wrote:

> Hello folks,
>
> I'm not too hot on CSS, being a backend dev. I'm having to deal with
> some
> frontend code and I'm stuck on this one. A submit button is invisible
> in IE,
> while yet visible in firefox, opera and safari.
>
> The html is simple, so presumably the problem is with the CSS.
>
> I've dumped the styles for the button so while the actual coded CSS
> isn't as
> verbose nothng will be missed (hopfully) through some chain of
> inheritence I
> know little about. I do know the original dev wasn't so experienced.
> But I know less
> than him.
>
> Here's the pastie :
>
> http://pastie.org/422507
>
> Any help would be much appreciated.
>


What are you trying to achieve?

If you get rid of

#updatebutton {
position: relative;
top: -255px;
left: 340px;
z-index: 2;
}

and

the the many puzzling properties like "border-right-style-value" - where
did you get these from - you will see a button. Give a proper doctype, I
recommend HTML 4.01, get rid of a couple of end slashes and Bob will
start to be your uncle.

--
dorayme
 
Reply With Quote
 
 
 
 
itsastickup
Guest
Posts: n/a
 
      03-21-2009
tence I
> > know little about. I do know the original dev wasn't so experienced.
> > But I know less
> > than him.

>
> > Here's the pastie :

>
> >http://pastie.org/422507

>
> > Any help would be much appreciated.

>
> I might be because of position:relative;
> Ie can be finnicky about that.



Seems like you are right but tricks with IE from some website I found
didn't work.
 
Reply With Quote
 
itsastickup
Guest
Posts: n/a
 
      03-21-2009
On 21 Mar, 06:36, dorayme <doraymeRidT...@optusnet.com.au> wrote:
> In article
> <d4d75f33-719c-41b5-a730-0e9b46c31...@e38g2000yqa.googlegroups.com>,
>
>
>
>
>
> *itsastickup <lorrim...@googlemail.com> wrote:
> > Hello folks,

>
> > I'm not too hot on CSS, being a backend dev. I'm having to deal with
> > some
> > frontend code and I'm stuck on this one. A submit button is invisible
> > in IE,
> > while yet visible in firefox, opera and safari.

>
> > The html is simple, so presumably the problem is with the CSS.

>
> > I've dumped the styles for the button so while the actual coded CSS
> > isn't as
> > verbose nothng will be missed (hopfully) through some chain of
> > inheritence I
> > know little about. I do know the original dev wasn't so experienced.
> > But I know less
> > than him.

>
> > Here's the pastie :

>
> >http://pastie.org/422507

>
> > Any help would be much appreciated.

>
> What are you trying to achieve?
>
> If you get rid of
>
> #updatebutton {
> * * * *position: relative;
> * * * * * * top: -255px;
> * * * * * * left: 340px;
> * * * * * * z-index: 2;
> * * }
>


but then I'm unable to position the object. Is this the reason pros
use tables?

>
> the the many puzzling properties like "border-right-style-value" - where
> did you get these from - you will see a button. Give a proper doctype, I
> recommend HTML 4.01, get rid of a couple of end slashes and Bob will
> start to be your uncle.


End slashes. Really? They cause problems?

I had the right doctype.

In the end I found a bizarre solution from another page that worked
out to be nearly identical but for one difference: a non-breaking
space inserted before the fragment of html I supplied. Like so :

</div>
&nbsp;
<div id="updatebutton"><input class="submitbuttons" name="commit"
type="submit" value="update"
xonmouseover="this.style.cursor='pointer';" /></div>

It's a funny old thing. All this web app nonsense is all very well but
it seems to me that traditional delphi or VB dev is a lot quicker and
less prone to absurdity.
 
Reply With Quote
 
itsastickup
Guest
Posts: n/a
 
      03-21-2009
> the the many puzzling properties like "border-right-style-value" - where
> did you get these from - you will see a button. Give a proper doctype, I


Forgot to tell you of that: it;s a firefox plugin that dumped the CSS.
 
Reply With Quote
 
dorayme
Guest
Posts: n/a
 
      03-21-2009
In article
<f37b2fde-fcd1-405d-8e93->,
itsastickup <> wrote:

> In the end I found a bizarre solution


Why not share it by posting a url to a webpage (not code or a page
showing code). I can't tell you how much bizarreness is appreciated
around these parts.

--
dorayme
 
Reply With Quote
 
Neredbojias
Guest
Posts: n/a
 
      03-22-2009
On 21 Mar 2009, itsastickup <> wrote:

> It's a funny old thing. All this web app nonsense is all very well
> but it seems to me that traditional delphi or VB dev is a lot quicker
> and less prone to absurdity.


There's a lot about (x)html and css as defined by the w3c that I find
absurd, not to mention the browser mistakes which all browsers possess
to some significant degree, but there's nothing better, absolutely
nothing, for making a web page. Markup may be easy to learn, but it
takes time, effort, and experience to become proficient in it.

--
Neredbojias
People who live in glass houses must feel funny peeing.
http://www.neredbojias.org/
http://www.neredbojias.net/
 
Reply With Quote
 
Ari Heino
Guest
Posts: n/a
 
      03-22-2009
itsastickup kirjoitti seuraavasti:
> but then I'm unable to position the object. Is this the reason pros
> use tables?


They don't.

--
Ari
http://users.utu.fi/athein/
 
Reply With Quote
 
 
 
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
Making 1 control invisible while showing another in the exact location of the invisible one Andy B ASP .Net 5 05-29-2008 03:08 AM
Invisible - Succinic acid : (AMBER ACID) Invisible krithika.143@gmail.com C++ 0 04-14-2008 06:59 PM
This blasted machine neville nevilleson snr Computer Support 2 06-09-2005 02:33 PM
Blaster Blasted Jan Ras Computer Support 1 08-11-2004 02:13 PM
center - where's that blasted link William Tasso HTML 3 07-06-2003 09:02 PM



Advertisments
 



1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57