Română (România)English (United Kingdom)



 
If you use aiContactSafe, please post a rating and a review at the Joomla! Extensions Directory.

Submit Button Browser Problems

Submit Button Browser Problems

Hi Alex,

the submit button is not displayed in IE 8 and in Opera it is cut off. See http://test.textsensemunich.de/kontakt.html

cheers

martin

Edited By: Alex
28-July-2010 16:26:36

Martin Seidl
useravatar
Offline
31 Posts
User info in posts
Administrator has disabled public posting

Re: Submit Button Browser Problems

Hi,

You have a template problem that is setting a maximum height for one or more of the tags containing that form and hide the rest.
You can either put all the labels and fields on the same line so the form will have a smaller height ( this can be easily done form the profile's CSS, try the alignment buttons on that window ) or you can find what CSS code is generating that setting and remove it or modify it.

Alex Dobrin
Algis Info Grup

Follow me on Twitter

Alex Dobrin
useravatar
Offline
3323 Posts
User info in posts
Administrator has disabled public posting

Re: Submit Button Browser Problems

Dear Alex,

I added the following code to the template css:

#aiContactSafeSendButton {
          color:#fff;
    background:url(../images/button_more.gif)no-repeat;

and i dont understand why IE8 doesnt display that image

cheers
martin

Martin Seidl
useravatar
Offline
31 Posts
User info in posts
Administrator has disabled public posting

Re: Submit Button Browser Problems

I've tried to explain why in my last post and suggested some solutions.
Don't know what else to tell you. Did you tried my suggestions ?

Alex Dobrin
Algis Info Grup

Follow me on Twitter

Alex Dobrin
useravatar
Offline
3323 Posts
User info in posts
Administrator has disabled public posting

Re: Submit Button Browser Problems

Dear Alex,

sorry to bother you again. Yes I 've tried to do what you said and there was partly success. In Opera it is not cut off any more, but still in IE 8 the image of the button is not displayed although I changed width and height in template css and in css of contact form, but all that effort has nothing to do with the display it seems. I want the button to be displayed in IE8 and dont knwo what elso to do. It is a simple gif image.

cheers
martin

Martin Seidl
useravatar
Offline
31 Posts
User info in posts
Administrator has disabled public posting

Re: Submit Button Browser Problems

You're not bothering me. smile
I've taken a closer look into your CSS and you didn't closed the CSS code for #aiContactSafeSendButton .
I'm guessing if you add the required "}" after

Code:

#aiContactSafeSendButton {

          color:#fff;
background:url(../images/buttonmore.jpg)no-repeat;
width: 90px;
height: 20px;
border: 0px;
margin: 0px;
padding-bottom: 4px;

the button will have a background.

Alex Dobrin
Algis Info Grup

Follow me on Twitter

Alex Dobrin
useravatar
Offline
3323 Posts
User info in posts
Administrator has disabled public posting

Re: Submit Button Browser Problems

Sorry Alex,

I closed the css but in IE8 it is still the same. (In Firefox it works normally)

http://test.textsensemunich.de/kontakt.html

A background is there but no image. neutral

Martin Seidl
useravatar
Offline
31 Posts
User info in posts
Administrator has disabled public posting

Re: Submit Button Browser Problems

Now I see you didn't added any space between "background:url(../images/button_more.gif)" and "no-repeat".
Try replacing that with "background:url(../images/button_more.gif) no-repeat" ( notice the space ).

For some reason IE doesn't see that background code in your CSS. You need to identify why.
You could send me a PM with a super admin user name and password and I'll take a look.

Alex Dobrin
Algis Info Grup

Follow me on Twitter

Alex Dobrin
useravatar
Offline
3323 Posts
User info in posts
Administrator has disabled public posting

Re: Submit Button Browser Problems

Hi Alex,

why are ther 2 places of css for the submit button? (in tempalte.css and in the contactform css) maybe there is a conflict?

cheers
martin

Martin Seidl
useravatar
Offline
31 Posts
User info in posts
Administrator has disabled public posting

Re: Submit Button Browser Problems

There couldn't be any CSS conflict especially since you have that background setup only in one place.
The CSS code is loaded in the order it is called and the last setting has priority over the earlier ones.

Did you tried my suggestion from the last post ?

Alex Dobrin
Algis Info Grup

Follow me on Twitter

Alex Dobrin
useravatar
Offline
3323 Posts
User info in posts
Administrator has disabled public posting

Re: Submit Button Browser Problems

Yippppiiiieeeee! It was the space as I suggested between background:url(../images/button_more.gif)   and    no-repeat.

Now the image appears in the IE8!

Thanx a lot

cheers
martin
may you write me an email? I would like to ask you something

Martin Seidl
useravatar
Offline
31 Posts
User info in posts
Administrator has disabled public posting

Re: Submit Button Browser Problems

Dear Alex,

how can I remove the word "senden" from the button?

Martin Seidl
useravatar
Offline
31 Posts
User info in posts
Administrator has disabled public posting

Re: Submit Button Browser Problems

Happy you solved your problem. smile

About the text, there is no simple way to remove it.
You can try using a very small font and set it to the color of the button.

Alex Dobrin
Algis Info Grup

Follow me on Twitter

Alex Dobrin
useravatar
Offline
3323 Posts
User info in posts
Administrator has disabled public posting

Board Info

Board Stats:
 
Total Topics:
1306
Total Polls:
0
Total Posts:
5894
Average Posts Per Hour:
1.0
User Info:
 
Total Users:
22096
Newest User:
cac2s
Members Online:
3
Guests Online:
96


Forum Legend:

 Topic
 New
 Locked
 Sticky
 Active
 New/Active
 New/Locked
 New Sticky
 Locked/Active
 Active/Sticky
 Sticky/Locked
 Sticky/Active/Locked