Rating Widget: CSS Float question

I've successfully modified the Rating widget with our own rating graphics (smaller star's) but one issue I cannot figure out is how to get rid of what looks like a margin or padding around the ratingButtons... actually, everything within the ratingContainer itself. Everything works fine, just trying to tweak it's apperance on screen in relationship to other elements above and below the widget.
In SpryRating.css, the ratingContainer is floated left as well as the ratingButton(s) by default. I didn't change that. I did however change the width and height of the .ratingButton classes to match the new width and heigh of the graphic elements.
I think this is really more of a CSS/Float issue, but I haven't been smart enough to figure it out over the past few days while trying to research.
The end result should make the ratingContainer the same height as the ratingButton(s). I've already tried specific values for the height of the ratingContainer as well as 'auto'.
Any help would be welcome and appreciated! Thanks!
-JL

jasonLampitt wrote:
Really?
So, I'm either completely misconstruing your reply (which I admit is possible) but I'm more inclined to take it at face value.
I am sorry, I fail to see what was ambigious in my reply. I am merely stating the facts and I am sorry that you managed to see otherwise.
As a contributor to this forum and having no connection to Adobe other than to use their products, I use my spare time to help others with THEIR problems.
In doing so, we ask that person to assist us so that we can experience the problem first hand which in turn will be indusive to an objective answer.
In your case we have not been able to reconstruct the problem, thus we have not been able to help. This is of no concern to us, but it does not help you.
Have a good day!

Similar Messages

Help with Spry Rating Widget within a Spry Repeating Region

My link http://www.youthinkyougotitbad.com
This is a long question, but it seems to me if answered somewhere it could help alot of people in the spry community creating comment boards as it uses three important spry widgets: rating, repeating, and tabbed panels. I am trying to use spry rating widget within a spry repeating region within a spry tabbed panel with xml. I was trying to go with the pulse light script (http://forums.adobe.com/message/3831721#3831721) but Gramps told me about the spry rating widget. But I have ran into a couple more problems. First, I couldnt find that much information on the forums or online about how to do the php page with the spry rating widget. None of these have any information on how to do it:
http://labs.adobe.com/technologies/spry/articles/rating_overview/index .html
http://labs.adobe.com/technologies/spry/articles/data_api/apis/rating. html
http://labs.adobe.com/technologies/spry/samples/rating/RatingSample.ht ml
And it seems that the official examples are so poor (or I am just ignorant, which def could be a possiblity) it shows
to set the initial rating value from the server, but uses a static value of 4
http://labs.adobe.com/technologies/spry/samples/rating/RatingSample.html
<span id="initialValue_dynamic" class="ratingContainer">
         <span class="ratingButton"></span>
         <span class="ratingButton"></span>
         <span class="ratingButton"></span>
         <span class="ratingButton"></span>
         <span class="ratingButton"></span>
         <input id="spryrating1_val" type="text" name="spryrating1" value="4" readonly="readonly" />
         <span class="ratingRatedMsg sample">Thanks for your rating!</span>
</span>
<script>
var initialValue_dynamic = new Spry.Widget.Rating("initialValue_dynamic", {ratingValueElement:'spryrating1_val'});
</script>
I finally found a site that has the php and mysql setup.
http://www.pixelplant.ro/en/articles/article-detail/article/adobe-widgets-for-download.htm l
But its not perfect. It has the same problem that I ran into with Pulse light, that you had to use php echo within the spry repeating region to set the initial value from the server:
<span id="spryrating1" class="ratingContainer">
         <span class="ratingButton"></span>
            <input type="text" id="ratingValue" name="dynamic_rate" value="<?php echo $row['average']?>"/>
        </span>
        <script type="text/javascript"
            var rating1 = new Spry.Widget.Rating("spryrating1", {ratingValueElement:'ratingValue', afterRating:'serverValue', saveUrl: 'save.php?id=spryrating1&val=@@ratingValue@@'});
        </script>
So instead, I tried with three of my panels (www.youthinkyougotitbad.com) to get the average rating from xml by using the following queries:
Recent
Returns the blurts in most recent order along with average rating
SELECT Blurt.Id_blurt, Blurt.Name, Blurt.Location, Blurt.Blurt,Blurt.`Date`,DATE_FORMAT(Blurt.`Date`, '%l:%i %p on %M %D, %Y') as Date, ratings.rating_id, Avg(ratings.rating_value) as average_r FROM ratings Left Join Blurt On ratings.rating_id = Blurt.Id_blurt Group By Id_blurt ORDER BY Blurt.`Date` DESC
Wet Eyed
Returns the blurts in highest ratings order along with the average rating
SELECT Blurt.Id_blurt, Blurt.Name, Blurt.Location, Blurt.Blurt, DATE_FORMAT(Blurt.`Date`, '%l:%i %p on %M %D, %Y') as Date, ratings.rating_id, Avg(ratings.rating_value) as average_r FROM ratings Left Join Blurt On ratings.rating_id = Blurt.Id_blurt AND ratings.rating_value > 0.1 Group By Id_blurt ORDER BY average_r Desc
Dry Eyed
Returns the blurts in lowest rating order along with the average rating
SELECT Blurt.Id_blurt, Blurt.Name, Blurt.Location, Blurt.Blurt, DATE_FORMAT(Blurt.`Date`, '%l:%i %p on %M %D, %Y') as Date, ratings.rating_id, Avg(ratings.rating_value) as average_r FROM ratings Left Join Blurt On ratings.rating_id = Blurt.Id_blurt AND ratings.rating_value > 0.1 Group By Id_blurt ORDER BY average_r
These all return the correct xml in the correct order.And they return the average rating of each blurt which I can send to my page with xml.
My first question is that I dont know how to configure the query on my fourth panel Empathized & Advised the same way because it already has a Group By for the Comment Id.
SELECT `Comment`.id_Blurt, COUNT(*) as frequency, Blurt.Id_blurt, Blurt.Name, Blurt.Location, Blurt.Blurt, DATE_FORMAT(Blurt.`Date`, '%l:%i %p on %M %D, %Y') as Date FROM Blurt, `Comment` WHERE Blurt.Id_blurt = `Comment`.id_Blurt GROUP BY `Comment`.id_Blurt ORDER BY COUNT(*) DESC";
Not sure if you guys need more information to understand that all, if so just ask.
So after I get my average value through xml to the first three panels, I set my spry repeating region up like this:
(Blurt panel)
<div spry:region="pv1" spry:repeatchildren="pv1">
           <div class="blurtbox">
            
            <h3> "{pv1::Blurt}"</h3>
            <p> Blurted from {pv1::Location} at {pv1::Date}</p>
            <p>Empathize or Advise about {pv1::Name}'s Blurt #<a href="detailblurt.php?blurtid={pv1::Id_blurt}"> {pv1::Id_blurt}</a></a></p>
           <span id="{pv1::Id_blurt}" class="ratingContainer">
            <span class="ratingButton"></span>
            <span class="ratingButton"></span>
            <span class="ratingButton"></span>
            <span class="ratingButton"></span>
            <span class="ratingButton"></span>
            <span class="ratingRatedMsg">Thank You! Your tears have been tallied.</span>
            <input type="text" id="ratingValue" name="dynamic_rate" value="{pv1::average_r}"/>
        </span>
        <script type="text/javascript">
            // overview of available options and their values:
            // http://labs.adobe.com/technologies/spry/articles/rating_overview/index.html
            var rating1 = new Spry.Widget.Rating("{pv1::Id_blurt}", {ratingValueElement:'ratingValue', afterRating:'serverValue', saveUrl: 'save.php?id={pv1::Id_blurt}&val=@@ratingValue@@'});
        </script>
             <br/>
           </div>
          </div>
Ok, it registers the right vote in the database with the right blurt id each time. But I am having two problems so far:
One, even though {pv1::average_r} returns the correct average through xml, it doesn't show the initial rating value for each of the repeating blurts. It seems to show the first one correct, and then just repeat that same value to the other ones that follow. I just dont understand since it can get the correct server value right after you vote (afterRating:'serverValue), that I can't manipulate spryrating.js in some way that I could just replace 'ratingValue' in ratingValueElement:'ratingValue' with something to give me the initial server value.
Two: Is even more mysterious to me, if you play around with voting on the site, sometimes you are unable to vote on different blurts. Its weird. It seems like that the javascript is completely off just on those blurts. And sometimes its a whole row, sometimes none. But so far its never a problem on the first tabbed panel (Recent), only on the other three. As far as I know, the coding is exactly the same in each tab's repeating region except for the different xml input.
And, now on the live server, sometimes the pics of tears used to voting dont show up until you click.
Any help on those three questions (how to query the fourth panel, how to show the initial server value, and the glitches with voting) would be greatly appreciated!! I looked pretty hard on adobe forums and other sites, and didnt see much on how to really use the spry rating widget with php and xml.
Thanks!!

Update:
Ok, the first query on the Recent tab doesnt work for me because it wont show unless its already voted, and since these are supposed to be new blurts, that kind of breaks the whole site:
"SELECT Blurt.Id_blurt, Blurt.Name, Blurt.Location, Blurt.Blurt,Blurt.`Date`,DATE_FORMAT(Blurt.`Date`, '%l:%i %p on %M %D, %Y') as Date, ratings.rating_id, Avg(ratings.rating_value) as average_r FROM ratings Left Join Blurt On ratings.rating_id = Blurt.Id_blurt Group By Id_blurt ORDER BY Blurt.`Date` DESC";
So I replaced it with what I originally had.
"SELECT Blurt.Id_blurt, Blurt.Name, Blurt.Location, Blurt.Blurt,Blurt.`Date`,DATE_FORMAT(Blurt.`Date`, '%l:%i %p on %M %D, %Y') as Date FROM Blurt ORDER BY Blurt.`Date` DESC";
But this doesn't provide me with the initial average rating:(

Rating widget with data table

I am using rating widgets with php generated tables... but I
like the spry data regions better (for sorting). is it possible to
dynamically create rating widgets in a spry data region? I tried
doing it by applying the information from "Using HTML Fragments In
XML Sample " but that doesnt work. Any ideas?

Did u check:
http://labs.adobe.com/technologies/spry/samples/tooltip/Tootlip_with_HTML_Panel.html
http://labs.adobe.com/technologies/spry/samples/data_region/TooltipwithData.html

Rating Widget - Update afterRating following rateHandler

In the rating widget I am implementing, I want to fade the
stars out onclick, then fade them back in with the updated
"average" value showing. I am using the rateHandler to call my fade
function, and then the fade function calls another fade to handle
the fade-in. However, during the fade-out, the afterRating updates,
so you sometimes see the new value being updated as the widget is
fading out.
Basically, I would like to update the "afterRating" value
following the fade-out, but before the fade-in. Any ideas?
Here is the URL:
Test
Code
Thanks!

Update:
Ok, the first query on the Recent tab doesnt work for me because it wont show unless its already voted, and since these are supposed to be new blurts, that kind of breaks the whole site:
"SELECT Blurt.Id_blurt, Blurt.Name, Blurt.Location, Blurt.Blurt,Blurt.`Date`,DATE_FORMAT(Blurt.`Date`, '%l:%i %p on %M %D, %Y') as Date, ratings.rating_id, Avg(ratings.rating_value) as average_r FROM ratings Left Join Blurt On ratings.rating_id = Blurt.Id_blurt Group By Id_blurt ORDER BY Blurt.`Date` DESC";
So I replaced it with what I originally had.
"SELECT Blurt.Id_blurt, Blurt.Name, Blurt.Location, Blurt.Blurt,Blurt.`Date`,DATE_FORMAT(Blurt.`Date`, '%l:%i %p on %M %D, %Y') as Date FROM Blurt ORDER BY Blurt.`Date` DESC";
But this doesn't provide me with the initial average rating:(

Rating widget serverside response

I am building a spry rating widget using the dynamic sample
from the spry documentation:
http://labs.adobe.com/technologies/spry/articles/rating_overview/index.html
I understand how to send the information to a script.php on
the server and processes the data, but I do not know how to
retrieve the data from the script. Do i need to generate an xml
page?
thanks

I agree. I tried to use Spry Rating and it was crap. It's
useless if you can't post the data to the SQL backend. I am a
seasoned LAMP developer and I couldn't figure it out. Their team
spent all this time and effort to create these widgets and didn't
give ample documentation on how to use them. I'm not impressed.
Hopefully they're all jobless now because of their documentation
deficiencies. They are certainly useless to Adobe creating
worthless fancy widgets...
Bobby

CSS Float Problem

Hi All, 10 years since I've been on here (in the days of tables) I have, I'm sure a very basic css float problem in the footer and hopefully someone could take the time to review it for me. I have checked everything but can't find the problem. Thanks in advance;
example of problem here http://davidbrown.ipower.com/template/template.htm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Our Jewelry Retail Secrets - Thank You</title>
<link href="../stylesheet/style.css" rel="stylesheet" type="text/css" />
<style type="text/css">

</style>
</head>
<body>
<div id="wrapper">
<div id="wrapperfix">
    <div id="toporange_bg">login</div>
</div>
   <div id="wrapperfix_top_grey">
    <div id="top_grey_content_wrapper">
      <div id="big_logo"></div>
      <div id="welcome_user">Welcome "username here"</div>
    </div>
</div>
</div>
    <div id="main_content">
      <p>
        
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vel felis velit. Proin a nisl diam, id hendrerit lectus. Nunc eget tortor arcu. Mauris fringilla felis eget mi facilisis vel auctor est lacinia. Sed sit amet dui nibh, in varius metus. Duis malesuada euismod tortor eget lacinia. Donec pretium rutrum nunc, sagittis condimentum elit aliquam in. In eu mauris dui. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
      <p> Nam vel felis velit. Proin a nisl diam, id hendrerit lectus. Nunc eget tortor arcu. Mauris fringilla felis eget mi facilisis vel auctor est lacinia. Sed sit amet dui nibh, in varius metus. Duis malesuada euismod tortor eget lacinia. Donec pretium rutrum nunc, sagittis condimentum elit aliquam in. In eu mauris dui. </p>
</div>
    <div id="footer_container">
      <div id="footer">
        <div id="footer_left">Footer Left</div>
        <div id="footer_centre">Footer Centre</div>
      <div id="footer_right">Footer Right</div></div>
    </div>
</body>
</html>
#footer_container {
background-color: #333333;
width: 100%;
top: 0px;
margin: 0px;
padding: 0px;
#footer {
background-color: #666666;
min-width: 1000px;
margin-right: auto;
margin-left: auto;
padding: 0px;
width: 1000px;
height: 150px;
overflow: hidden;
clear: both;
margin-top: 0px;
margin-bottom: 0px;
position: relative;
#footer_left {
float: left;
width: 33%;
margin: 0px;
padding: 0px;
height: 150px;
#footer_centre {
width: 33%;
height: 150px;
margin: 0px;
padding: 0px;
float: left;
#footer_right {
float: left;
width: 33%;
height: 150px;
margin: 0px;
padding: 0px;

I still don't see the #footer_left rule in the CSS in the online example at
http://davidbrown.ipower.com/template/template.htm

Certificate Widget and Random Question Slides

I am in the process of evaluating Captivate 4. Twice now I have had an issue with using the random question slides with the certificate widget. In both cases I converted a Captivate 3 course in which the random question slides and corollary question pools had worked as they should. In both, I successfully added the certificate widget to the new course (Captivate 4) following the instructions in help.
In the first course, only one question pool would work. The others simply showed up as a blank slide. I was able to fix that by merging all the questions into the one working question pool. Wasn't the way I had wanted to randomize the questions, but it allowed me to publish the course. The certificate widget did work.
In the second course, none of the questions pools are working and the published version of the course skips right past the random questions that had been interspersed after each topic area. One again, this course had worked just fine in Captivate 3 and with Captivate 4, without the certificate widget. I do not wish to combine all the questions into one question pool. As I noted, I published the course without the widget and the questions worked just fine.
This leads me to believe that I am doing (or not doing) something when I include the widget that is causing the problem. I can't imagine what that would be, but the fact that no one else seems to have posted this issue makes me think it is something I'm doing.
I am not using an LMS. I'm publishing to .html file that resides on our LAN.
I hope someone can help!
Thanks!
Susan

Hi Peter,
A number of users (myself included) have encountered issues with the random question slide feature - some of which is due to browser cacheing. If you can spare the time please use the web address I have included below to report this issue to the Adobe Captivate team.
Adobe Captivate Feature Request/Bug Report Form
Best - Mark
Visit the macrofireball blog

Rating Widget and Notifiers/Observers

Hello,
I am trying to figure out how to get a rating widget to update as the user clicks on spry:setrow images. I believe I need an observer and notifier but not sure what comes first. I have multiple image galleries and need to have rating rate the current image. The images are contained within an HTML Panel widget, but the rating widget is outside of said container/widget.
I want to use this to set the current row (which will give me the unique id I use to store the rating in the DB):
     var current = DATASETNAME.getCurrentRow();
This would work graet if I could get the rating widget to properly show in the HTML Panel, but I have failed at doing so.
A set of links on the left side of the page sets the dataset, and clicking the thumbnail sets the current row (of course). DO I need an observer for the link to set the ds for the above mentioned var? And then set another for the current row so I can match the image's {name} value with the rating value stored in the DB?
I think I am on the right path, but need a little direction.
Thanx!

This script should theoretically work...
var allDataSets = [dsNavigation, dsFavBlogs, dsFavCompany, dsGalleryList, dsDefaultGallery, dsCottonClubMain, dsIDSarrieriMain, dsPrimaDonnaMain, dsSawrenMain, dsSonataMain, dsValisereMain ];
var srImageRate;
for(var i = 0; i < allDataSets.length; i++){
     allDataSets[i].addObserver({
           onCurrentRowChanged: function( ds, data ){
               if( srImageRate ){
                    srImageRate.setState('initial');
                    srImageRate.destroy();
               srImageRate = new Spry.Widget.Rating("imageRating");
The allDataSets array should contain all the datasets you created. It will loop through them, and adding a observer to all of them, this observer will be called on onCurrentRowChanged.
Once the observer is called, it will reset the Spry widget.

Some assistance with Spry Rating Widget

Hello, everyone.
I have downloaded the Spry library from the repository, and am playing with it, trying to learn it. So far, so good.
I have written a page that is using both the Spry Accordion Panel (I have 8, so far) and the Spry Rating Widget (one in each panel.)
I am displaying (below the stars) a tally of ratings for each panel (I'm keeping track in an XML file.) The 1-5 Star title, the number of times each is clicked, and a green bar (img) indicating percentage.
When a star is clicked, the XML is updated, but you have to refresh the page to see the new values. How can I dynamically, and in real time, update the value display when a star is clicked? (Once I have that, I can figure out how to dynamically change the img size/percentage.)
Thank you,
^_^

WolfShade wrote:
And I'm just starting to learn it, just because. It's something different. I'll probably never use any of it in any paid projects, but it's still nice to get a feel for it.
I have never used the rating widget, but I do have the Spry example files from when they were originally released. I assume that you have managed to download the same files from GitHub.
Open widgets.html in the widgets folder. Scroll down to the bottom, and click the Ratings > Overview link. Close to the bottom is a section titled "Update the Ratings Value Dynamically". The example code looks like this:
<body>
<span id="spryrating1" class="ratingContainer">
<span class="ratingButton"></span>
<span class="ratingButton"></span>
<span class="ratingButton"></span>
<span class="ratingButton"></span>
<span class="ratingButton"></span>
<input type="text" id="ratingValue" name="dynamic_rate" value="2"/>
</span>
<script type="text/javascript">
var rate = new Spry.Widget.Rating("spryrating1", {ratingValueElement:"ratingValue", afterRating:'serverValue', saveURL:'SpryRating.php?id=spryrating5&val=@@rw_Rating@@'});
</script>
</body>
Notice that the options object contains this: afterRating: 'serverValue'. Unfortunately, the sample files (at least the ones I've got) don't include a copy of SpryRating.php. However, I assume that it probably saves the selected value, calculates the average of all saved values, and then uses echo to output "serverValue=4.5" (or whatever the average is).

Basic CSS Functionality Questions

Hi,
I have a CSS 11501 loaner on the way from Cisco, but was hoping to ask a few questions ahead of time. I am relatively new to this, so bear with me.
I have three offices connected via a VPN between two pix devices. Local users and anonymous web traffic all funnels through the remote office. I am hoping I can incorporate a CSS box to direct traffic (via a VPN to another pix) to a third office in the event the www server at the main office is not reachable, but return to the first office when it is back online.
I am a little confused by VIP. Right now, my domain name resolves to an IP address on the outside of my pix which NATs and sends the request on to my web server. If the CSS is behind it, do I create a VIP that maps to the actual IP of the www server, and have the pix send traffic to the VIP?
I have read the PDFs found online, but am still a little foggy.
Thanks,
JM

the Pix will have to send the traffic to the VIP.
The VIP should be an address existing only on the CSS and that the rest of your network knows how to reach.
The CSS will then nat to the real server ip.
Gilles.

MobileMe Gallery Widgets - 3 Curious Questions

Have created and published an iWeb site which basically consists of one page, onto which I’ve positioned six MobileMe Gallery widgets. In the window for each of those widgets I’ve selected a particular MobileMe Gallery published from Aperture, each of which already has one particular image designated as its Key Photo.
So now what’s left -- and what I’ve searched extensively but still can’t figure out -- is:
1) How do I turn OFF the automatic “slideshow preview” going on inside each of those six Gallery Widgets, and make it so they each display only the Key Photo for that Gallery (at least until the user mouses over a particular widget, activating the scrub/scan feature to manually preview all the images contained in that Gallery)?
2) How do I set each widget window to “fit” all the preview thumbs inside its dimensions, rather than arbitrarily hacking off the tops and bottoms of all the vertically-oriented images, which for many shots just looks arbitrary, amateurish, and really ugly?
3) What is the current status of that ridiculous bug which didn’t allow the Gallery Widget to display a Gallery which had been published using the “Hide album on my Gallery home page” option? I do ultimately need to have that option checked, but have left it unchecked for now just to make sure the iWeb site containing the widgets would actually publish.
So -- have the iWeb people and the MobileMe people FINALLY got this bug fixed, or do I still need to hold off activating that “Hide album...” option, and just let my professional Galleries be all mixed together with my personal ones? (Which again just looks arbitrary and amateurish, and encourages one to check out third-party solutions -- at least until such time as the different programming groups at Apple decide to actually talk to each other, and make programs which can interact in truly fluid, intuitive, and meaningful ways.)
My 2¢ -- on top of 3 questions. Any advice or suggestions greatly appreciated.
Thanks,
John Bertram
Toronto

Old Toad wrote:
John:
#1 - are you referring to the "skimming" of photos as you move the cursor over the gallery? That's javascript controlled I believe and would require knowledge of javascript and widgets. You might ask Cyclosaurer as he's the resident expert on javascript and widgets.
No, no, no -- I'm fine with the skimming, in fact I like that feature. I'm talking about the fact that EACH of the six different MobileMe Gallery widgets, from the moment I dragged each one onto the iWeb page I was creating and selected which already-published Gallery it should link to, began showing each of the different images contained in that Gallery/Album, changing to the next one every second or two. This happened completely on its own, I did not (at least not intentionally) select or activate anything, and it happens in ALL the widget windows, even though the mouse is not skimming over ANY of them.
It continues (again, in every widget window, and completely on its own) when I save the page, it continues when I publish the page, it continues when I visit the page online. The only thing which does stop it -- temporarily -- is when I do mouse over a particular widget window and manually skim. But the moment I stop skimming, this "automatic slideshow preview" (I don't know what else to call it) kicks back in.
Is this normal? Or is this some weird aberration peculiar to my system?
The added annoyance is that when you click on one of the widgets, instead of going to that Gallery in its full album view, it goes to a single frame view of whichever image happened to be being displayed at the time you clicked, requiring the user to then click on the "Back to Album" button in the upper left to get their bearings. Which again makes me wonder -- is this normal?
#2 - Again, you're referring to the skimming, right? Since it's a square shape the photos would have to be square to be able to be scaled exactly. Since it's only a "skim" of what's inside being perfectly scaled isn't that necessary.
It certainly wouldn't be as annoying if I could switch off this "automatic slideshow preview" behaviour as described above. (Though even for the skim function, I still think it would make sense to have the option to have the images auto scale to fit completely within the widget window -- which is not square, by the way -- or at least on my system appears to only be sizeable as a horizontal rectangle, to a maximum size of 320x260 pixels. This orientation works fine for previewing horizontally-oriented images, but looks butt-ugly when completely decapitating various groups of people in vertically-aligned shots, of which I happen to have many.)
In any case, if an auto-scale option to fit all image preview thumbs within the widget window (even for mere skimming) is something I need to add to my Feature Request list, that's fine. It's this bizarre, completely on its own "automatic slideshow preview" behaviour I'm still trying to understand.
#3 - it still exists. If you don't want it to be displayed in your overall MMe gallery with the rest of the individual galleries Apple isn't letting it be published alone.
Just to make sure we're talking about the same bug, in an ideal world I DON'T want these particular Gallery/Albums to be displayed as part of my overall MMe Gallery page, but I DO want them to be the designated content of the MMe Gallery WIDGETS which I'm including on the specific iWeb page in question. And if this bug still has not been fixed, then it appears I and many others are still S.O.L. for what should be a simple and obvious bit of formatting.
Send your 2¢ worth to apple via http://www.apple.com/feedback/iweb.html. We're just users like yourself and can't do anything about it.
Rest assured I will. What's one more page after the hundreds I've already sent them?
I'm just a bit stunned that this particular bug hasn't been dealt with already. And it only reinforces my firm belief (see the thread at
http://discussions.apple.com/thread.jspa?threadID=1996786&tstart=0)
that Apple desperately needs an Inter-App Czar, someone with the carte-blanche power to literally FORCE different programming teams to make all Apple apps not only play nicely together, but to play intelligently and intuitively and creatively together!
jb

Quick CSS box question

Hi guys,
Firstly a very Merry Christmas to you all !
I'm just getting to grips with converting all the text on my
site to CSS and have a quick question.
On some of my pages I add an 'Also see' links box aligned to
the right - it's a CSS div tag thingy someone kindly talked me
through once. All of my pages are built from a template with an
editable region.
My question is, can I add this box (perhaps with a standard
'Also check out' title and then spaces for my links) at the
template level? This will save me having to go to Insert>Layout
Objects>DivTag on every page. I've tried simply adding this to
the editable region of the template but it simply pushed the
editable region box over to the right and then didn't appear on my
pages
Also, the links box would ideally appear about half way down
my pages on the right...
Hope you can help, many thanks in advance!
James
Here's an example page where I have manually added my link
box on the right of the page...
http://www.fyrne.com/james_journalism/Pages/Mosaic_of_the_med.html

Your CSS link implies that the CSS file is in the Templates
folder. You
shouldn't have anything there other than the template (dwt)
files
themselves. Please move it out to any other location in your
site.
<link href="../../Templates/Box.css" rel="stylesheet"
type="text/css">
Changes made to template editable regions would not propagate
to existing
child pages - that's why you aren't seeing that addition in
them....
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"JamesFryer" <[email protected]> wrote in
message
news:[email protected]...
> Hi guys,
>
> Firstly a very Merry Christmas to you all !
>
> I'm just getting to grips with converting all the text
on my site to CSS
> and
> have a quick question.
>
> On some of my pages I add an 'Also see' links box
aligned to the right -
> it's
> a CSS div tag thingy someone kindly talked me through
once. All of my
> pages are
> built from a template with an editable region.
>
> My question is, can I add this box (perhaps with a
standard 'Also check
> out'
> title and then spaces for my links) at the template
level? This will save
> me
> having to go to Insert>Layout Objects>DivTag on
every page. I've tried
> simply
> adding this to the editable region of the template but
it simply pushed
> the
> editable region box over to the right and then didn't
appear on my pages
>
>
> Also, the links box would ideally appear about half way
down my pages on
> the
> right...
>
> Hope you can help, many thanks in advance!
>
> James
>
> Here's an example page where I have manually added my
link box on the
> right of
> the page...
>
http://www.fyrne.com/james_journalism/Pages/Mosaic_of_the_med.html
>

CSS layout question regarding browser sizing

Hi,
Basically I want the basis of my site to be - A header, Main content with a background image, A Footer.
I'm having problems however, I can't seem to get my footer to position where I want it i.e. at the bottom of the browser window at all times. I'm doing it as an AP div and how it should work is that it's fixed at the bottom of the page and then if the user resizes their browser in the y direction the footer moves up with it, over the top of the main content (but not the header which will have a higher z-index).
The way I THOUGHT to do it was to firstly create a div tag for the whole page (780 pixels wide, auto left and right margins, auto height) and then inside that put my ap div header fixed height at the top and have another ap div as the footer, fixed height and tell it to position 0 pixels from the bottom. However this doesn't seem to do the trick, I'm sure I'm missing something really really simple. Anyone who's vaguely familiar with the program will be able to answer this I'm sure. If my question isn't clear please let me know and I'll rephrase,
Ta

There is no reason to use APDivs for such a simple layout. Default CSS positioning (which is no positioning at all) is typically all you need for most layouts. Build your HTML markup logically from top to bottom of page and your footer will naturally appear at page bottom.
Live Demo (view page source to see the code)
http://alt-web.com/TEMPLATES/Basic-1-col-fixed.html
Or, for a Sticky Footer using Fixed positioning:
http://alt-web.com/DEMOS/CSS2-Sticky-Footer.shtml
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com

CSS Layout Questions

Only making baby steps in CSS still but I am learning a lot. Here's a link to the page I am trying to create: http://www3.telus.net/~jessum/details_layout.html
Here's what I have managed to create so far: http://www3.telus.net/~jessum/details.html
When explaining any steps please explain it using Dreamweaver. I will be looking in the code to see how it all works but I want to be able to get proficient using Dreamweaver so I can see how things flow etc. before I try and hand code.
Questions
1. Is it a good practice to use a "container" to hold all of the div's or is it better to start by adding a header without a container?
2. How can I centre a div in the page?
I read that to align the div so it's "centred' in the page I can use: margin: auto;
but I'm not sure how to do this. Please explain.
3. How do I remove the space around the "container"? I've set the margin and padding to: "0" but the space is still there.
Thanks

osgood_ wrote:
Not sure where this notion of using the body as a container came from but for years a wrapper or container was considered standard practice.
The idea is being promoted by several of the most active and knowledgeable members of this forum. I think the idea first came from Altruistic Gramps, and I remember debating the issue with him about a year ago. It has also been picked up enthusiastically by Murray, and I've seen Nancy O suggest the same idea.
I've been doing a lot of research into CSS3 recently, and discovered that the Borders and Backgrounds module specifically advises against styling the <html> element (http://www.w3.org/TR/css3-background/#special-backgrounds). It doesn't give a reason for this recommendation.
I suppose the idea of giving the body a width instead of using a container might come from the HTML5 definition of the body as representing the main content of the document (http://dev.w3.org/html5/spec/the-body-element.html#the-body-element).
I suspect that this is likely to develop into the same type of fruitless argument as we had several years ago about the "superiority" of ems over pixels. Adding a single <div> to act as the container or wrapper for the content doesn't strike me as being less efficient. It also has the advantage of avoiding styling the <html> element.

CSS layout question - height of outer DIV

Hopefully this is a quick one - In the past I've used CSS for the main layout of a page, but still used tables within a DIV. But I'm trying to be good and used DIVs there too.
Anyway - I have a basic example here:
http://www.learners-guide.co.uk/lessons/cockpit-drill/layout.php
With the row in the main content split into two columns, using:
#outerWrapper #contentWrapper #content #row_one {
          width:580px;
          border:2px solid #333;
          background-color:#99FF99;
          padding:10px;
#outerWrapper #contentWrapper #content #row_one #row_one_left {
            width: 288px;
          height:auto;
          padding:0px;
          float:left;
          margin: 0 0 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
#outerWrapper #contentWrapper #content #row_one #row_one_right {
            width: 288px;
          height:auto;
          padding:0px;
          float:right;
          margin: 0 0 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
The problem is that the #row_one_left and #row_one_right colums spill out of the containing #row_one DIV.
How would I make the containing DIV expand to contain the columns? I can do it by specifying a height of the #row_one DIV, but assume this is bad form, and would produce varying results depending on screen / resolution / browser etc.
I thought maybe using height: auto; but no joy with that either.
I'm assuming it must be possible, as it seems a fairly basic layout requiement.
Thanks.

You have to use some style that forces that div to clear the floats (since floated elements are removed from the flow, containing elements act as if they aren't even there). To do that, something like "overflow:hidden" works wonderfully well. So remove the height:auto styles (which is the default anyhow), and change this -
#outerWrapper #contentWrapper #content #row_one {
          width:580px;
          border:2px solid #333;
          background-color:#99FF99;
          padding:10px;
to this -
#outerWrapper #contentWrapper #content #row_one {
          width:580px;
          border:2px solid #333;
          background-color:#99FF99;
          padding:10px;
          overflow:hidden;

Rating Widget: CSS Float question

Similar Messages

Maybe you are looking for