Image spacing - Joomla! Forum - community, help and support
hi,
when view site in ie7, there nice space between images inserted in page , text.
however, when use mozilla firefox, there no space between image , text , looks ugly.
i using {mosimage}
is there need insert text doesn't go right image border when viewing in mozilla firefox?
thanks in advance.
(i've searched answer on , failed, apologies in advance if there thread dealing this.)
david
when view site in ie7, there nice space between images inserted in page , text.
however, when use mozilla firefox, there no space between image , text , looks ugly.
i using {mosimage}
is there need insert text doesn't go right image border when viewing in mozilla firefox?
thanks in advance.
(i've searched answer on , failed, apologies in advance if there thread dealing this.)
david
joomla inserted images output horizontal spacing in image code e.g.
hspace="6" alt="image" title="image" border="0"
which should rendered browser there not vertical spacing done default
ie seem add couple of pixels between images if have whitespace between image tags
e.g. not have space between
but
will lead spaces between images, because tags not on same line of code
i see more ie bug trying acheive effect accross browsers...
more advanced editors (which can install add on - see extensions directory) allow individual horizontal , vertical spacing specified each image or may appropriate use css give image spacing content images
if went css route, need specific necessary site
e.g.
img {
padding: 2px 0;
}
would give top , bottom padding of 2px images in site
.contentpane img, .contentpaneopen img{
padding: 2px 0;
}
would apply padding images within .contentpane ( component pages )
and
.contentpaneopen ( items of content )
by way, if finds thread wanting rid of ie's image spacing, should able css
img {
vertical-align: bottom;
}
and in fact, if want uniform adding of spacing accross browsers, should use anyway first eleminate difference between browsers e.g.
img {
vertical-align: bottom;
padding: 4px 0;
}
hspace="6" alt="image" title="image" border="0"
which should rendered browser there not vertical spacing done default
ie seem add couple of pixels between images if have whitespace between image tags
e.g. not have space between
but
will lead spaces between images, because tags not on same line of code
i see more ie bug trying acheive effect accross browsers...
more advanced editors (which can install add on - see extensions directory) allow individual horizontal , vertical spacing specified each image or may appropriate use css give image spacing content images
if went css route, need specific necessary site
e.g.
img {
padding: 2px 0;
}
would give top , bottom padding of 2px images in site
.contentpane img, .contentpaneopen img{
padding: 2px 0;
}
would apply padding images within .contentpane ( component pages )
and
.contentpaneopen ( items of content )
by way, if finds thread wanting rid of ie's image spacing, should able css
img {
vertical-align: bottom;
}
and in fact, if want uniform adding of spacing accross browsers, should use anyway first eleminate difference between browsers e.g.
img {
vertical-align: bottom;
padding: 4px 0;
}
Comments
Post a Comment