A simple responsive banner

Greetings.
I'm attempting to make a simple responsive banner.
There's an image floating left with 100px width and an image floating right with 100px width.
In the middle I'm trying to place paragraph text to fill in the empty space between the two images and to fill the entire space available between the two images, even if the browser width is decreased.
I've had little success with this lofty goal. I've tried to specify a width in %, and I've tried to specify max-width and min-width in % but none of these work.
Can you please kindly suggest how I may accomplish this simple task?
Thanks so much.
Daniel.

In the meantime, this is how I might approach it.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5, Responsive 3-col Header</title>
<meta name="viewport" content="width=device-width, initial-scale=1">

<style>
    /**put this into your CSS Reset**/
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0;
    padding: 0;
img {
    width: 100%;
    vertical-align: baseline
body {
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-size: 100%;
    background-color: #536475;
    margin: 0 auto;
    padding: 0;
header {
    margin-top: 0.5%;
    background: #444;
    color: #CCC;
header aside {
    float: left;
    width: 33.33%;
    padding: 0 1%;
    margin: 0;
    text-align: center;
header:after {
    /**clear floats after header**/
    content: '';
    clear: left;
    display: block;
    line-height: 0;
    visibility: hidden;
</style>
</head>
<body>
<header>
<aside>
<figure> <img alt="description" src="http://placehold.it/395x399"> </figure>
</aside>
<aside>
<h1>Site Name</h1>
<h2>Some Pithy Slogan</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae libero lacus, vel hendrerit nisi! Maecenas quis velit nisl, volutpat viverra felis. Vestibulum luctus mauris sed sem dapibus luctus.</p>
</aside>
<aside>
<figure><img alt="description" src="http://placehold.it/395x399"> </figure>
</aside>
</header>
</body>
</html>
Nancy O.

Similar Messages

I keep getting this error message "The iTunes Library file cannot be saved. An unknown error occurred (-50)" I'm not at all technical, so a simple response would be appreciated. Thanks

I keep getting this error message "The iTunes Library file cannot be saved. An unknown error occurred (-50)" I'm not at all technical, so a simple response would be appreciated. I have already downlaoded the latest iTunes software and reinstalled it but the problem remains and I am unable to add additonal music to my library.

make sure the media folder in iTunes > Preferences > Advanced is not blank or out side of your c dirve

Not Playing in IE 9 simple ad banner code?

Hi folks, I have an swf that was sent me from a client with some object code but no embed tags (is embed deprecated? ). It is simple ad banner which plays in all browsers except IE 9 (at least, maybe all IE versions),    I tried to import the swf into Flash CS5 in order to export to DW and scarf the code, but it just produces a long string of blank frames. I imported it successfully into Flash Catalyst, but the export options are way too complicated for a vBulletin insert, and all the external files will make it un-deployable.
What do I need to do to get this swf to play properly in IE?   Many thanks for your help. Current code below:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="480" height="60">
<param name="movie" value="Premium-AD-3.swf" />
<param name="quality" value="high" />
<param name="allowScriptAccess" value="always" />
<param name="wmode" value="transparent">
     <embed src="/wp-content/uploads/2011/01/Premium-AD-3.swf"
      quality="high"
      type="application/x-shockwave-flash"
      WMODE="transparent"
      width="480"
      height="60"
      pluginspage="http://www.macromedia.com/go/getflashplayer"
      allowScriptAccess="always" />
</object>

YOu mean the embed src that is there, or is additional code needed?   Right now the banner isn't playing in IE 9...
with that code

Any tutorials on simple responsive navigation bar?

I made a simple navigation bar using using lists with 4 links.
The problem I'm having is adjusting the navbar for different media like the ipad or desktop where the navbar has to go from display:block (mobile) to display inline horizontally. for a desktop view. I can't find any tutorials that deal with dreamweaver cc and inserting a responsive navbar. Can anyone help me? Thanks in advance.

Very simple, very basic....can be elaborated on to include a sandwich icon which are common with mobile menus. Alternatively Google youtube there's plenty of tutorials, some complex and some simple - solution depends what it is you want to do.
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Mobile Menu</title>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function() {
$('#showMenu').css('cursor' , 'pointer').click(function() {
$('nav').slideToggle();
$(window).on('resize', function(){
var win = $(this); //this = window
if (win.width() >= 600) { $('nav').show(); }
if (win.width() <= 599) { $('nav').hide(); }
</script>
<style>
body {
margin: 0;
padding: 0;
font-family: sans-serif;
font-size: 15px;
nav {
display: block;
background-color:#333;
nav ul {
margin: 0;
padding: 0;
nav li {
margin: 0;
padding: 0;
list-style: none;
display: block;
width: 100%;
nav a {
text-decoration: none;
color: #fff;
padding: 10px;
display: block;
border-bottom: 1px solid #fff;
nav a:hover {
background-color: #999;
#showMenu {
display: block;
padding: 10px;
nav {
display: none;
@media screen and (min-width: 600px) {
#showMenu {
display: none;
nav {
display: block;
nav li {
display: inline;
nav a {
display: inline-block;
border-bottom: none;
</style>
</head>
<body>
<div id="showMenu">Show Menu</div>
<nav>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
</ul>
</nav>
</body>
</html>

Simple web banner with links

I give. I've tried and tried to google, check forums, etc. and cannot find the exact answer to what I believe should be simple (if you know what you are doing).
I need a simple rotating web banner with three photos. Each photo represents a different event and needs a different link to a different brochure.
I have Dreamweaver CS3, Photoshop CS and Imageready CS.
Please help if you have a moment to spare. I would greatly appreciate it!

NivoSlider is one option that can do what you want.
http://nivo.dev7studios.com/features/
http://nivo.dev7studios.com/support/jquery-plugin-usage/
To link the images, just wrap the images inside <a> tags, as per the usage page.

6-8 seconds for a simple response

On a single XP test-machine Flash Remoting is responsive. Now I distributed a simple application
http://pyamf.org/wiki/HelloWorld
which contains an echo server that decodes/encodes AMF3 messages and a Flex client equipped with an additional Button that sends a random number to the server, receives it back and displays the number in a TextArea. The machines are two XP notebooks or an XP notebook and a Vista desktop. Both listen to 192.68.1.33:8000.
The startup of the client that fetches the crossdomain.xml with GET takes about 15s. Each subsequent POST of a random number and fetching it back from the echo server takes about 6-8 seconds.
In comparison a pure Python echo/client server takes about one second to respond.
I'm not sure what makes the connection so slow that it becomes unusable? Given the previously reported hassle with messages that never receive the Flash client I'm willing to finally give up on Flash Remoting.

C-Rock schrieb:
I don't know if this helps but I've been using Coldfusion with Flash Remoting for years and it is very responsive. In fact I created an application that had to build a jpeg. Flash can only handle 30 kb's of info transfered at a time. Needless to say creating a save jpeg function was difficult. I had to get data 64 times, transfer it and store it in a database with Coldfusion and mySQL and then retrieve it to rebuild the image and save it. It actually completes the whole process in about 5 seconds. That's the largest info I've ever thrown at remoting. The normal ordering of products and what not is very fast. I know it's a pain to switch but I swear by Coldfusion and Flash. It also helps that the same company makes them both.
Hi C-Rock, thanks for your reply.
I've put the problem on the site.
The major issue is that it actually takes 8sec + X for each request in
the local network to finish no matter how much data is transferred. So
64 transfers would take about 8 minutes, not 5 seconds. Notice that the
ping shows that the network is indeed responsive. So there must be
something that causes delays and I'm not sure what it could be.
I will try to localize the cause of those delays by replacing both
client and server:
1) Replace the Flash player by another AMF-enabled client. This can also
be another instance of the server.
2) Replace the Python AMF framework + WSGI server by flourinefx + IIS,
BlazeDS+Tomcat, ColdFusion etc.
It makes sense anyway to checkout various server side solutions. The
server side bindings for the Flash shell application is tiny and I seek
for solutions that run at least on Google App Engine for Python and Java.
Regards

SWF Banner works in Live View not in Any Browser? Losing my mind...

Hello,
I'm not a pro but have some web building experience. I'm currently building a website for myself in Dreamweaver CS5. I made a simple flash banner where pictures fade in and out. I placed it into my template and it works fine in Live View but not in Chrome, Firefox or IE.
It has gotten to the point where I am losing my mind.
I create a new HTML doc. Drag and drop ANY swf file. Saved Swf files as flash 8 and flash 9 even. Updated my flash last night for my browsers. Again... See it fine in Live View and not in the browsers i've mentioned.
The browsers (except chrome which displays nothing) show this message.
Content on this page requires a newer version of Adobe Flash Player.
Even after flash updates and using a swf file saved as an older veriosn of flash (tried 9,8 and 5 for a laugh).
Here is the html code (all generated by Dreamweaver). I am totally baffled and have spent HOURS scrying the internet to no avail. I even tried this in a trial version of Dreamweaver CS6 but had the same reslut. Please help me. What's going on?
<!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>Untitled Document</title>
<script src="/Scripts/swfobject_modified.js" type="text/javascript"></script>
</head>
<body>
<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="860" height="300">
<param name="movie" value="/homeBanner8.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="8.0.35.0" />

<param name="expressinstall" value="/Scripts/expressInstall.swf" />


<object type="application/x-shockwave-flash" data="/homeBanner8.swf" width="860" height="300">
    
    <param name="quality" value="high" />
    <param name="wmode" value="opaque" />
    <param name="swfversion" value="8.0.35.0" />
    <param name="expressinstall" value="/Scripts/expressInstall.swf" />
    
    <div>
      <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
      <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
    </div>
    
</object>

</object>
<script type="text/javascript">
swfobject.registerObject("FlashID");
</script>
</body>
</html>

SWF (Flash) animations won't work in iPhone, iPad, iTouch, Android or any other web device that lacks support for Flash. Do yourself & your site visitors a favor. Use jQuery instead of Flash.
jQuery Cycle2
http://www.malsup.com/jquery/cycle2/
jQuery Wow Slider
http://wowslider.com/
jQuery Nivo Slider
http://dev7studios.com/nivo-slider/
Nancy O.

How to deal with complex SOAP responses when calling web services ???

Hi all,
I have an issue when calling a web service that returns a complex
SOAP response message. With simple responses (e. g. array of strings) it
worked.
I created the PDF as an Interactive form with Livecycle Designer 8.2.
The Javascript looks like this:
var cURL = "http://blabla";
var cTestString = "too";
SOAP.wireDump=true;
var response = SOAP.request(
     cURL: cURL,
     oRequest: {
          "http://blabla.com/:complete" : {
          arg0: cTestString
          cAction: "http://bla.com:50000/"
var resp = response["http://blabla.com:serviceResponse"];
console.println("lenght:"+resp.length);
var myns = "http://blabla.com/namespace";
for (var nItem in resp.return)
console.println("" + nItem + " " + resp.return[nItem] );
     for (var ConceptView in resp.return[nItem])
       console.println(" "+resp.return[nItem].length);
       console.println(" "+ConceptView+" "+resp.return[nItem][ConceptView] );
       if (ConceptView == myns + ":Response")
          for (var item2 in resp.return[nItem][ConceptView]){
              console.println("    "+item2+" "+resp.return[nItem][ConceptView][item2] );
I call the service and when I realized that I do not find out the type of the object returned, I used the nested for-in-loops to iterate through it. But it seems that there is just one item in the Javascript object returned, although the SOAP message clearly shows that there are more than one item.
Can you help me?
One key problem when analyzing this issue is that I do not know at all
the Javascript type of response. We suspected it might be an array, but it is not
because the method .length returns "undefined". It would already be
helpful to know at least the type of this object and to know callable
methods and so on ...
Best regards
Christoph
P.S. As mentioned I used Livecycle Designer 8.2 and displayed and
debugged the document using Acrobat 9.

Christoph,
Firstly LiveCycle Designer 8.2 is still not supported to develop forms as per my knowledge. The latest version compatible for SAP Interactive Forms is ALD 8.0.
There is a difference between Acrobat based forms and LiveCycle forms and based on your coding it looks to me that you are trying to create a LiveCycle based form with coding of Acrobat which is not supported in LiveCycle Desginer, which is why you may be getting the error.
I hope that does not confuse you, so may check this [link|http://www.acrobatusers.com/articles/2006/08/designer_or_forms/index.php] for some clear information on what point I was trying to make.
Chintan

Javascript backend scripts - Query response hangs

I am modifying a database Read script to filter based on data within a related table.
However, when this is executed from my iOS app, it hangs. A response is never sent back.
Here's what I have. What am I doing wrong?
function read(query, user, request) {
var helpers = require('../shared/helpers.js');
helpers.getUserEmailNew(user, function (email) {
//console.log("User '%j' maps to email address: %j", user, email);
// Return surveys for the currently authenticated user
// by the email address we just found.
var sql = 'select * from SurveyAnswer where SurveyId in ' +
'(select id from survey where username = ? and submitted = 0 and __deleted = 0)';
mssql.query(sql, [email], {
success: function(results) {
request.respond(statusCodes.OK, results);
error: function(err) {
console.log("Error retrieving SurveyAnswer records: " + err);
request.respond(500, err);
The referenced getUserEmailNew helper is not the issue as it is referenced in the same way just fine within other scripts.
If there is a better way to include related tables within a query, I'm all ears!
Thanks :)

In digging deeper into this issue, I wanted to prove that the above script was indeed successfully executing. To do this, I added a log entry within the
success callback of my mssql query:
console.log("Retrieved %j SurveyAnswers for %j", results.length, email);
When I observe the logs while my client is requesting this table data, I see entry after entry (essentially running for all eternity before forcing the app to close) the above text. Essentially, it says something like "Retrieved 257 SurveyAnswers for
[email protected]".
Now, as a point of clarification, I am utilizing offline synchronization via the 1.3.2 version of the WindowsAzure.MobileServices component within a Xamarin iOS app. I have no issues with any other table that I am synchronizing data from, but this is the
only table where I'm running a dynamic mssql query instead of simply response.execute().
My first inclination after looking at the logs was that the offline sync process automatically implements data paging. Surely this must mean that not running the response.execute() method is breaking its attempt at paging. To test this theory, I limited
the result set to 10 rows. No dice. Still endless calls by virtue of the above log entries.
For completion's sake, here's my sync call to this particular Read script on the SurveyAnswer table from my mobile app (was working before I switched over to the mssql call):
await this.table.PullAsync(uniqueId, table.CreateQuery());
Again, this same call works for all other tables just fine, as well as this table while I was still implementing a simple response.execute() within my read script on the server.
What am I missing here? This is driving me nuts! Is there a better way to include other tables within my select query than how I'm doing it above? I figure it is possible to run a response.execute() and then in the success callback, make a separate call
to the other table and then loop through my results, removing any that don't apply, but this seems like it would be wildly inefficient, especially if I'm dumping thousands of records.
Thoughts? Suggestions? Please?

Performance - htmlb vs. response.write() vs. JspDynPage

Hi,
I have the following question.
During our tests it seems some iViews were causing a significantly higher load on the CPU than others.
In some occasions, these iViews contained nothing more than some simple
response.write("<b>Some HTML tags etc.</b>");
lines, nothing fancy.
Other iViews, which incorporated HTMLB objects in the Java classes or used JSP files to render the output, caused much less load on the CPU.
I know this is not a fully objective statement, but could it be the response.write() statements are performing less efficient?
If so, what would be the reason then?
Hope someone could answer this question
With kind regards,
Robin van het Hof

no ideas?

Responsive Symbols

How can I make a symbol responsive to the size of the browser window?
In my time line, a symbol (ie. a rectangle) slides down to cover the stage. I've made the stage responsive to the size of the browser but the symbol stays the same size. I need the symbol fill the browser window in the same way the stage does. Here are the setting for the box.

Hi Paul,
Not exactly what you are looking for but this tutorial should provide you with some insights.
Exploring animated responsive banner design in Adobe Edge Reflow CC | Adobe Inspire Magazine
Thanks,
Preran

Help w/ images in Flash banner being pixelated

I recently created a simple 460x68 banner in Flash and for
some reason when being exported as a GIF file the images get
pixelated. The banner is at 72dpi and i was wondering if anyone
knew what the problem could be... here is a direct link to the
banner so you can see what i am talking about...
http://i305.photobucket.com/albums/nn215/ynpavlov/EPsBanner468x60.gif
Thank You in Advance for your help

Update:
The banner on this template has an exact example of what I am
shooting for.
http://www.algozone.com/zencart-templates-zc03c00287-p-1191.html

Creating a Flash Banner

Hi All
I have just been asked to create a very simple Flash Banner -
468 x 60 px which I understand is a standard size for a flash
banner.
To be included on the banner are a couple of small images and
also 3 or 4 lines of the text and a link to a website.
Not being a Flash Guru I am struggling to complete this
banner so I am wondering if there might ba a Flash Guru who could
be interested in assisting.
Its 7am in Sydney and I have to have it completed by 11am
Sydney time.
Thanks in advance for any assistance that can be given.

your guru is Jen deHaan:
http://www.adobe.com/devnet/flash/articles/intro_flash_print.html
~~~~~~~~~~~~~~~~
--> Adobe Certified Expert
--> www.mudbubble.com
--> www.keyframer.com
~~~~~~~~~~~~~~~~
toby007 wrote:
> Hi All
>
> I have just been asked to create a very simple Flash
Banner - 468 x 60 px
> which I understand is a standard size for a flash
banner.
>
> To be included on the banner are a couple of small
images and also 3 or 4
> lines of the text and a link to a website.
>
> Not being a Flash Guru I am struggling to complete this
banner so I am
> wondering if there might ba a Flash Guru who could be
interested in assisting.
>
> Its 7am in Sydney and I have to have it completed by
11am Sydney time.
>
> Thanks in advance for any assistance that can be given.
>
>
>

Simple flash-aspx communication troubleshooting

Hi, I encountered a strange phenomenon:
When I try to
send_lv.sendAndLoad(parserUrl, result_lv, "POST");, the
variables are sent & loaded OK to and from an ASP page (simple
email form submission is what I need).
BUT, whenever I try to direct the parserUrl to an ASP.NET
page, Flash traces that it cannot even open it:
Error opening URL
http://someurl_that_works_outside_of_flash/test.aspx
the ASP and ASPX pages are very simple (response.write
("&msg=1"), and contain no other charachters).
Frustrated,
Tal

"Error opening URL"
Generally means the URL is not valid.
If the sendAndLoad URL can be sent in a web browser it should
work inside the Flash IDE.
Since you are showing a variable, parserUrl, here:
send_lv.sendAndLoad(parserUrl, result_lv, "POST");,
you need to trace that variable to be sure it contains the
URL you think and then paste what the trace shows into a web
browser to verify. A simple space in the URL could be a
problem.

My credit card number has been hacked, I had fees to renew it and ADOBE is not taking responsability

I'm part of the almost 3 million persons who had their credit card number gone in this hacking action of ADOBE CREATIVE CLOUD.
My bank called me to tell me that they will cancel my credit card and renew with 150 Euros of fees due to ADOBE lack of security !!
I called adobe in order to have a discount on the price to cover my fees and I had a simple response "No, we will no do anything !".
Imagine, your give your money to your bank. They are rubbered and they tell you "No, it's gone, it's not our fault, you will never see your money back !!".

We are fellow users here on these user-to-user forums, you're not talking to iTunes Support nor Apple.
You can try contacting iTunes Support via this page (but if the purchases weren't done on your or your wife's account then they may not be able to help, you may have to go through your card's issuer) : http://www.apple.com/support/itunes/contact/ - click on Contact iTunes Store Support on the right-hand side of the page

A simple responsive banner

Similar Messages

Maybe you are looking for