Thanks that looks really useful, If I just change from Manufacturers_Side_Box it just might work!
Printable View
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.
:clap:
Thank You for all your help "Black Belt gjh42"
:hug:
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 :bigups:Quote:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" "Content-Type" content="text/html; charset=<?php echo CHARSET; ?>" />