Thanks, littlekid440, that looks like it would do the job. Flexible Attributes in itself does not address the image size at all.
For your radiobutton spacing isue, add to stylesheet_flexible_attributes.css
#wAttrib-6 input {
height: 1.8em;
}
Thank you
that worked wonders
just one slight problem
I added this -
#wAttrib-6 input {
height: 1.8em;
float:right;
}
it looks great on Firefox and chrome however on internet explorer it is not straight on top of each other.
feel free to check it out
http://xlegends.com/beta/index.php?m...&products_id=8
is there another code that I should be using insted of float:right?
I don't have time to look at it in IE, but you might try text-align: right; instead of float: right;
Or maybe the text-align should go on the next level up from the input...
This works in ff:
#wAttrib-6 input {
height: 1.8em;
}
#wAttrib-6 .attribsOptions {
text-align:right;
}
IT WORKED!
looks PERFECT on Firefox and chrome!
a bit buggy but works on IE but its satisfactory for now. I don't think I want to spend any more time on trying to figure out IE bug right now either... not until the other parts of the website is complete. When I do figure it out i'll be sure to post it here on the forums so others would know.
Thank You for all your help "Black Belt gjh42"
Hello gjh42, I have been trying to get my attributes to line up next to each other but have not had any success. I was wondering if you could look at my page and see what is wrong. I have added the pages to the correct place and edited the CSS sheet, which I did have a basic understanding of, but they are not lining up.
http://www.theblackweddingdress.com/...products_id=15
here is my current CSS code so you don't have to look at each line:
.wrapperAttribsOptions label {font-size: 1.0em;}/*make "label" elements match other text*/
h3#attribsOptionsText {
}
/*hide the "Please Choose:" heading*/
h4.optionName {
font-size: 10px;
font-weight: bold;
}
.wrapperAttribsOptions+br.clearBoth {display:;}/*allow floated attributes to sit side by side if desired*/
#wAttrib-5 {clear: left; float: left;}
#wAttrib-6 {float: left;}/*this will sit beside #wAttrib-11*/
#wAttrib-8 {float: left;}
#wAttrib-9 {clear: left;}/*this will sit on a new line*/
#wAttrib-10 {float: left;}
#wAttrib-14 h4 {display: none;}
#wAttrib-15 h3 {font-size: 1em; font-weight: normal;}/*make comments above attribute like standard text*/
#wAttrib-35 .attribsOptions {display: none;}/*for a read-only attribute to hide all but comments*/
Thanks for taking the time. I was also wondering if you knew where the "please choose:" to edit it to another wording, my search funtion on my editor is not finding it for some reasons.
Thanks
Mike
As an example of why we need to see a site live and look at the stylesheets for ourselves, the critical factor is that you have a rule in stylesheet_y.css (line 32) which is loaded after stylesheet_flexible_attributes.css and overrides it:
#productAttributes .clearBoth {
clear: left;
display: inline;
float: right;
width: 50%;
}
This negates the rule in stylesheet_flexible_attributes.css (line 26)
.wrapperAttribsOptions + br.clearBoth {
display: none;
}
Hello gjh
Just wanted to let you know ive managed to fix all of my IE problem by adding "meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"" to the all ready declared statement located in the template file html_header.php
hope this helps some out there<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" "Content-Type" content="text/html; charset=<?php echo CHARSET; ?>" />
Bookmarks