Calsnoboarder
|
Not sure if this is a bug or not, but the search button and field are misaligned when you create an artisteer joomla template. You can see what I mean by viewing (http://www.islelist.com/artisteer/artisteersearch.html). When viewing it either with firefox or IE the button is either too high (firefox) or too low (explorer).
Is there an easy fix? Would editing the css file and creating one style for explorer and one for firefox alleviate the misalignment?
|
| |
Garry
|
Which version of Artisteer and which browser are you using
|
| |
calsnoboarder
|
Quote Garry:
Which version of Artisteer and which browser are you using
I am using 2.3.0.20825 Standard Edition of artisteer and viewing in firefox 3.5 (Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.1.3) Gecko/20090824 Firefox/3.5.3 (.NET CLR 3.5.30729)) as well as Explorer 7.0.5
|
| |
tino
|
I am having same problems here, I have had a look at the CSS and cant figure out where the alignment problem comes from.
thanx 
|
| |
afro
|
I too am having this problem, is there a fix? and if so can someone point me in the right direction...
Much thanks.
|
| |
afro
|
In the end I had to use firebug/firefox to edit the css (offset class art-button a few pixels) and it no longer seems to be a problem... try that.
|
| |
DSM
|
Basically, it is a difference between the css methods used for buttons in different browsers -- also, there is a difference between image versus text buttons. But to ensure that the alignment works find the div.search input section of your css file and check your margins and vertical-alignment.
If your input box is smaller than your button (which is typical) you will have to adjust your margin to compensate.
Hope this helps
|
| |
www.IndiaWebbuilders.com
|
Guys,
I had the same problem. After a bit of research, I have resolved the issue by implementing a workaround.
it goes like this
1> upload searchButton.gif to images/M_images
2> set Module class suffix to art-module, to align the search box
3> select searchbutton radio button as yes
4> select search button align to right
5> select search button as image as yes.
save it. it did the trick...
|
| |
Rsn
|
Hello, I'm russian and don't speak english well,
but, i think, you will understand me:
1. open template.css
2. find lines:
.art-button-wrapper .art-button .......
.....
input, select
{.............}
and replace to new code:
.art-button-wrapper .art-button
{
display:inline-block;
width: auto;
outline:none;
border:none;
background:none;
line-height:31px;
margin:0 !important;
padding:0 !important;
overflow: visible;
cursor: default;
text-decoration: none !important;
z-index:0;
vertical-align: middle;
}
.art-button img, .art-button-wrapper img
{
margin: 0;
}
.art-button-wrapper
{
display:inline-block;
vertical-align: middle;
position:relative;
height: 31px;
overflow:hidden;
white-space: nowrap;
width: auto;
z-index:0;
}
.firefox2 .art-button-wrapper
{
display:block;
float:left;
}
.art-button-wrapper .art-button
{
display:block;
height: 31px;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-size: 13px;
white-space: nowrap;
text-align: left;
padding: 0 13px !important;
line-height: 31px;
text-decoration: none !important;
color: #F6ECE9 !important;
}
input, select
{
vertical-align: middle;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-size: 13px;
}
Good luck!
|
| |