Annoyance with form styling

I am trying to embed a form in a custom html module, or in a standard article and I am finding that the form elements are being re-arranged when displayed which seems an utterly pointless effect of whatever css is in effect.

the form consists of :

form start - hidden element - textbox - select box - submit button - form end

its being displayed :

form start - hidden element - select box - submit button - textbox - form end

What css is causing this utterly pointless effect.

Hi,
probably select box and submit have float css rule and text don't have it. So they move over it. Please give me url to this form I will try help you.

Thanks, excuse the annoyance. Its just my single biggest gripe with Gavick templates is that without fail so far I find there is always a problem with css, either clashes or styling issues with every template Ive used.

http://tynedata.com/

The narrow inline domain check form just under the tabs app.

Please try add own suffix to this module for example ' mysuffix' and try add to override.css

Code: Select all

.mysuffix select,.mysuffix input[type='submit'] {
float:none;
display:inline;
}


and remember to enable override.css option in template settings.

ok good, that seems to have fixed that one thanks, Ill revisit that one if I hit any more probs when finishing the module.

While we are at it I could do with a couple of code fixes for other issues

https://tynedata.com/support/domainchecker.php

The tld checklist table is being pushed to the left instead of centering, havent identidied whats causing it yet.

http://tynedata.com/support/index.php

Generally, like on the two pages linked so far, the css styling is drawing the cell borders for some parts of those tables, I need to identify whats doing that and stop it.

https://tynedata.com/Client-Directory/

The tag list module, at the bottom position of mainbody. The css is allowing the bulleting of the list to be displayed, I prefer to strip out all bulleting and spacing of formatting so the tag list is displayed with just ordinary spacing between the words.

http://tynedata.com

Oh and finally the GK5 Tabs module styling does not seem to be co-existing with the template styling very well, is there any way to correct its styling fot TWN2?

A bit more help would be greatly appreciated.

1. Try edit /support/templates/jwhmcs-portal/style.css and find:

Code: Select all

#jwhmcswrapper .contentbox {
padding: 10px;
margin: 0 0 10px;
text-align: center;
}


change to:

Code: Select all

#jwhmcswrapper .contentbox {
padding: 10px;
margin: 0 0 10px;
}


2. Add to the override.css

Code: Select all

#jwhmcswrapper body, #jwhmcswrapper td, #jwhmcswrapper th {
vertical-align: middle;
}


and remember to enable override.css option in template settings.

3. Add to override.css

Code: Select all

.tagcloud li {
background:none !important;
}


and remember to enable override.css option in template settings.

4. Just turn of default css in module settings.

Sorry about delay replying. Thanks very much.

Your css actually solved some alignment issues I hadnt mentioned but left table borders, a quick google on table borders css and I added these which worked :

Code: Select all

.fixform select,.fixform input[type='submit'] {
float:none;
display:inline;
border: 0px;
border-collapse: collapse;
}

#jwhmcswrapper body, #jwhmcswrapper td, #jwhmcswrapper th {
vertical-align: middle;
border: 0px;
border-collapse: collapse;
}

.tagcloud li {
background:none !important;
}


Still got a few table border quirks here and there in other places to look at, theres just one last thing I just noticed. Certain tables including ones in urls previously listed are getting a grey hover behaviour I cant seem to track down.

If you remove hovering please try add to override.css

Code: Select all

table tr:hover {
background: none !important;
}


It should help.

That works well, thanks very much.

This forum needs a thanks button enabled.