Contracts of mobile content of picture to header div

Similar Questions

• How can I stop firefox to display mobile content on my desktop

  I was wondering if someone could help me with this problem. Firefox displays mobile content on my desktop (like going to the Yahoo Sports page) instead of desktop content on my desktop. I tried to clear cookies and c hurt, and that did not solve my problem. Thanks in advance!

  You may need to manually reset a parameter as described in this article: sites say that Firefox is obsolete or incompatible, even if it's the latest version. Could you try and test again?

• Navigation getting to be in the header DIV

  Hello

  I'm still learning CSS and have tried everything I know, but I can't get the left navigation 'home' to sit until the left side of my header div.

  I tried to remove the padding/margin, create a separate category for other links to space out them. (link below)

  It's probably something simple, any suggestions much appreciated.

  Thank you very much

  Mark

  http://www.epproductions.co.UK/charliepearcy/

  Hello

  Try this:

  #header ul {}
  list-style-type: none;
  padding-left: 0px;
  }

  #header ul li {}
  display: inline;
  }

  You can add good padding on each element of the list of space a little more!

• Mobile content is pressed onto iphone

  Hello

  I'm on DW CS6 on an iMac. It is a separate issue semi related to a previous post. I have set up a media (800 px-form max) for mobile device management and query on my ipad, my site seems pretty good. The window of content and navigation extend overall fairly evenly with a thin space on each side - is not perfect, but overall, pretty even.

  On my iphone, these provisions appear to be truncated by a right side margin - but little matter I have (same layout right margin to '0'), cannot do the sections of navigation and content to balance and stretch out across the screen to the right at all.

  There was a way I kind of got to work but it was unusable - by setting the margin on the right '-8% ', I got these sections to finally lay across the screen.  But which ruins the rendering of the things ipad.

  Here's the dilemma and almost a trick question: If the ipad and iphone are affected the same way by the Mobile.css file set up by request, they are, so why these sections stretch across the screen evenly on the ipad and not the iphone?

  http://www.frankbright.com/mobile.CSS

  I tend to think it's a problem to navigation because whenever I get some results however little - the "content" section grows and stretches at the same time.

  Update: I put on the main model, content to sit to the right. But on the ipad, the content is more focused and that's how it should be on the iphone as well.

  I appreciate help or advice on this.

  Thank you very much

  Frank B.

  The problem with the right margin is caused by FrankLogo.png, which is too big for the small screen.

  Remove the attributes width and height of the HTML and add style to your mobile.css:

  #Logo img {}

  Max-width: 100%;

  }

• Get content (text/pictures) on Illustrator in InDesign in?

  A customer sent an Illustrator EPS file containing me what he would like me to rework. I don't work in Illustrator, but CS4 INDD. Not wanting to look like a clod I downloaded the free trial of Illustrator, thought it would be a nod to copy/paste the contents of the doc of the Illustrator and begin my work. I find that I can't do this... someone would be able to help out? It can't be that hard, can it? What Miss me? Thank you very much.

  JoieIvey wrote:

  When I opened in illustrator I can click on all the pictures, but can't seem to the backup in any way to recover them to use PS or INDD. I know that it shouldn't be this hard... Sorry if I'm not well explained. There may be something to do with the trial version of Illustrator. If you wanted to retrieve a photo illustrator eps file and what measures would you take?

  Nothing to do with the trial version. The free trial is over.

  Open the file in Illustrator.

  Click on file / print this page. All this should get an area of selection around it.

  Navigate to the object-> separate. Now select the individual pix and follow the steps in my previous post.

  If does not dissociate (you may need to do several times to drill down to the individual pix), try one of the following:

  1 / object-> Expand. Follow-up of the Ungroup command

  or

  2 / use the white arrow (under the black arrow) to clcik on the pix directly and then do the editing-> copy

• Lightroom failing mobile to upload pictures - advise please?

  Some of my collections are not completely takes over. All solutions?

  Please uninstall and then reinstall the Mobile with Lightroom application once and then check

• Mobile content. To connect to a work of page html "mobile"?

  Hi thanks for reading this.

  Just trying to do a very simple solution for e-mail mobile html

  What do you think of this idea?

  See the following page:

  http://www.happyhealthymotherbaby.com/email/MB-Nov.html

  This is the html email, a web page specially formatted for sending mail electronic html, what I send.

  at the top of the html email, you see there is a link, "mobile."

  If the person becomes their email on a phone, and if they click on the link 'Mobile', which would lead to a page specially formatted Web (very narrow)

  Who will work for a mobile phone?

  What do you think? Any ideas? Suggestion?

  Thanks for any thots on it.

  Warmly, hope

  I know there is the @media tag can be used... but I'm not ready to "go" again... (-:

  Looks good in

  Responsinator - www.happyhealthymotherbaby.com/email/mb-mobile.html

• Starling for mobile content framework

  Hi guys.

  Just been checking the new framwwork to harness the power of the GPU via stage3D.

  I was wondering if anyone of you guys know of any great tutorials or are still free "comp" a few things.

  Seem to be a few people out there. I want to say wise NOT only your run of the mill programmer games that don't really know how to make games.

  If you know how to code an application there not much difference in creating a game as an application complex. Some of the terminology and approaches which may differ in a very subtle way, but ultimately, they are the same. It can still be done in a traditional MVC model.

  Once you understand that by using the GPU means that you use coding work that some of the flash classes integrated allowing to do for you, the rest is pretty easy. There is not much built in API for you to use standard flash classes, such as a MovieClip. If you want to animate an element you must learn to use the sprite sheets and manually create animations. There are a lot of utils (http://www.texturepacker.com/) to help you make sprite sheets. Here's a Starling on video (http://gotoandlearn.com/play.php?id=147) that uses this util that shows you the basic process.

  While it takes a lot more code to do apparently much less, Starling does not resemble the display list and a lot of the way in which flash already works to bridge the gap. The advantage is a huge increase in performance on mobile and desktop devices. But if you don't know how to make even a single application, you have a lot more to learn than the Starling. Especially if you plan to target mobile devices.

• Header / Div

  Hello

  I do a site requiring to have a header and a footer extended to adapt to the ViewScreen.

  While I managed to have my background, my head is a little more complicated, because the image is a gradient of color, on the left, I need to expand on the right, a dark blue and white.

  Any idea? I tried to create 1 file for part thast needs to be extended. but it gave rise to an eyeache...

  Thx for any idea.

  Chorale0001 wrote:

  What is the command? How can I do? I do 2 small file of white and dark blue? How can I do?

  No, just to extend the white area and the black area in the image to in order to have a single larger image. At one end will be a lot of white and the other a lot of black. Then, just Center the image in the browser window. If the user then enlarges the display window, they see black and white space. The part of the image in the middle (which can be extended if not to skew) remains at the centre of the browser window.

  You must of course use this as a background attached to a picture oftag via css or attached to a

  Via css.

  To be honest, you can also simply extend the double line that is under the image on the left and right as well rather than apply it so the two borders as I suggested in my first post.

  This solution will work for you?

• JQuery FlexNav

  I try to install the Jquery Plugin FlexNav for a menu bar. All apears to work/look correct in designview, EXCEPT in the browser:

  As deskview, the submenu when displayed in the browser is stuck in postion. He's not going upwards or downwards (respons to hover)?

  Similarly, when a resizing in browser, everything seems correct, EXCEPT then menu items do not display in the menu (believe, because the menu isn't 'falling' as it should.?)

  Everything seems to work fine, just can't get the submenu (s) answer (to get high), stuck in the view browser full, low, (no contracts), and resized to display mobile browser, the tilt Menu shows, but does not reveal the menu items you.

  Any help would be greatly appreciated:

  Here is the code:

  <! doctype html >
  <!-[if lt IE 7] > < class = "oldie ie6" html > <! [endif]-->
  <!-[if IE 7] > < class = "ie7 oldie" html > <! [endif]-->
  <!-[if IE 8] > < class = "ie8 oldie" html > <! [endif]-->
  <!-[if gt IE 8] > <!-->
  < class html = "" >
  <!-<! [endif]-->
  < head >
  < meta charset = "utf-8" >
  < meta name = "viewport" content = "width = device-width, original scale = 1" >
  < title > Untitled Document < /title >
  "< link href="css/core/boilerplate.css "rel ="stylesheet"type =" text/css">
  "< link href="css/core/styles.css "rel ="stylesheet"type =" text/css">
  ".. href="css/flexnav//flexnav.css a link "media ="screen, projection"rel ="stylesheet"type =" text/css">
  ".. href="css/flexnav/page.css a link "media ="screen, projection"rel ="stylesheet"type =" text/css">
  ".. href="css/fonts/font-awesome.css a link "media ="screen, projection"rel ="stylesheet"type =" text/css">
  <!--
  To learn more about the conditional comments around the HTML at the top of the file:
  paulirish.com/2008/conditional-stylesheets-vs-CSS-hacks-answer-neither/

  Follow these steps if you are using your customized version of modernizr (http://www.modernizr.com/):
  * Insert the link to your js here
  * remove the link below for the html5shiv
  * Add the class "No. - js' to the above html tags
  * You can also remove the link to respond.min.js if you included in your version of modernizr Polyfill MQ
  ->
  <!-[if lt IE 9] >
  "< script src="//html5shiv.googlecode.com/svn/trunk/html5.js "> < / script >
  <! [endif]-->
  "< script src="css/core/respond.min.js "> < / script >

  
  "< script src ="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js "> < / script>"
  < script type = "text/javascript" >
  $. noConflict().
  < /script >
  "< script src="js/flexnav/jquery.flexnav.js "type =" text/javascript"> < / script >
  < script src = "Gruntfile.js" type = "text/javascript" > < / script > "
  "< script type =" text/javascript"src="js/flexnav/jquery.flexnav.min.js "> < / script >
  < script type = "text/javascript" >
  
  var video = {};

  Video.videoControls = function() {}
  var $v = $('#video'),
  $play_button = $(".controls bouton");
  $v.get (0) .volume = 0;
  $play_button.hide ();
  $play_button.on ("click", function() {}
  If {($(this) .hasClass ('play'))}
  $v.get (0) .play ();
  $(this).removeClass("play").addClass ("pause");
  } ElseIf ($(this) .hasClass ("pause")) {}
  $v.get (0) .pause ();
  $(this).removeClass("pause").addClass ("play");
  }
  });

  If ($v.attr ('controls')! = 'true') {}
  $v.attr ('order', 'true');
  }
  $v.get (0) .play ();
  $v.removeAttr ('controls');
  $v.on ("timeupdate", function() {}
  If ($v.get (0) .duration > 0) {}
  {setTimeout (function ()}
  $play_button.fadeIn ('slow');
  (}, 2000);
  }
  });
  };

  {jQuery (document) .ready (function ($)}
  initialize video
  Video.videoControls ();
  
  initialize the FlexNav
  $(".flexnav").flexNav ();
  });
  
  < /script >

  
  < / head >
  < body >
  < div class = "gridContainer clearfix" >
  < div id = "top" > This is the content of the div layout 'top' < / div >
  < div id = "header" > This is the content of the layout "header" Div tag < / div >
  < div id = "navigation" > < div class = "menu-button" > Menu < / div >
  < nav >
  < ul-point to stop "800" = class = "flexnav" >
  < li > < a href = "" > item 1 < /a >
  < ul >
  < li > < a href = "#content" > Sub point 1 1 < /a > < /li >
  < li > < a href = "" > Sub 1 point 2 < /a > < /li >
  < li > < a href = "" > Sub 1 point 3 < /a > < /li >
  < li > < a href = "" > Sub 1 point 4 < /a > < /li >
  < /ul >
  < /li >
  < li > < a href = "" > item 2 < /a >
  < ul >
  < li > < a href = "" > Sub 1 point 1 < /a > < /li >
  < li > < a href = "" > Sub 1 point 2 < /a >
  < ul >
  < li > < a href = "" > Sub 2 point 1 < /a > < /li >
  < li > < a href = "" > Sub 2 point 2 < /a > < /li >
  < li > < a href = "" > Sub 2 point 3 < /a > < /li >
  < /ul >
  < /li >
  < li > < a href = "" > Sub 1 point 3 < /a >
  < ul >
  < li > < a href = "" > Sub 2 point 1 < /a > < /li >
  < li > < a href = "" > Sub 2 point 2 < /a >
  < ul >
  < li > < a href = "" > Sub 3 point 1 < /a > < /li >
  < li > < a href = "" > Sub 3 point 2 < /a > < /li >
  < li > < a href = "" > Sub 3 point 3 < /a > < /li >
  < /ul >
  < /li >
  < /ul >
  < /li >
  < /ul >
  < /li >
  < li > < a href = "" > point 3 < /a >
  < ul >
  < li > < a href = "" > Sub 1 point 1 < /a > < /li >
  < li > < a href = "" > Sub 1 point 2 < /a > < /li >
  < li > < a href = "" > Sub 1 point 3 < /a > < /li >
  < /ul >
  < /li >
  < li > < a href = "" > point 4 < /a >
  < ul >
  < li > < a href = "" > Sub 1 point 1 < /a > < /li >
  < li > < a href = "" > Sub 1 point 2 < /a > < /li >
  < li > < a href = "" > Sub 1 point 3 < /a > < /li >
  < /ul >
  < /li >
  < li > < a href = "" > point 5 < /a >
  < ul >
  < li > < a href = "" > Sub 1 point 1 < /a > < /li >
  < li > < a href = "" > Sub 1 point 2 < /a > < /li >
  < li > < a href = "" > Sub 1 point 3 < /a > < /li >
  < /ul >
  < /li >
  < /ul >
  < / nav > < / div >
  < / div >
  "< script src ="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js "> < / script>"
  < script type = "text/javascript" >
  $. noConflict().
  < /script >
  "< script src="js/flexnav/jquery.flexnav.js "type =" text/javascript"> < / script >
  < script src = "Gruntfile.js" type = "text/javascript" > < / script > "
  "< script type =" text/javascript"src="js/flexnav/jquery.flexnav.min.js "> < / script >
  < script type = "text/javascript" >
  
  var video = {};

  Video.videoControls = function() {}
  var $v = $('#video'),
  $play_button = $(".controls bouton");
  $v.get (0) .volume = 0;
  $play_button.hide ();
  $play_button.on ("click", function() {}
  If {($(this) .hasClass ('play'))}
  $v.get (0) .play ();
  $(this).removeClass("play").addClass ("pause");
  } ElseIf ($(this) .hasClass ("pause")) {}
  $v.get (0) .pause ();
  $(this).removeClass("pause").addClass ("play");
  }
  });

  If ($v.attr ('controls')! = 'true') {}
  $v.attr ('order', 'true');
  }
  $v.get (0) .play ();
  $v.removeAttr ('controls');
  $v.on ("timeupdate", function() {}
  If ($v.get (0) .duration > 0) {}
  {setTimeout (function ()}
  $play_button.fadeIn ('slow');
  (}, 2000);
  }
  });
  };

  {jQuery (document) .ready (function ($)}
  initialize video
  Video.videoControls ();
  
  initialize the FlexNav
  $(".flexnav").flexNav ();
  });
  
  < /script >
  
  < / body >

  < / html >

  This is the FlexNav site:

  http://jasonweaver.name/lab/flexiblenavigation/

  Also, I've linked to the Gruntfile.js above. What is c? Do I need the site directory. Do I have to link to it in my HTML code?

  Thanks for any help

  Problem solved, called with this unique ID number...

• I can get a deal on images of license purchase in bulk? £39.99 a picture add up to a mobile application

  We hope to produce a mobile application with pictures to illustrate the content, so will need the £39.99 per image extended license. Is it possible to buy a multiple amount of images to license for a reduced amount?

  Hello

  Licenses must be purchased on an individual basis, and I fear that it is not a discount for multiple licenses.

  Royalty-free images, pictures and graphics. Adobe Stock

  Kind regards

  Bev

• Muse "Content" feature without the publication for mobile android chrome

  My company site Muse painfully simple - www.efsmart.com--est published on my server for desktop and phone.

  I've experimented with content based on marking [window > content] to synchronize the simple content between and telephone Office.

  It loads fine on the desktop, but I get the message on my browser chrome android [left image]:

  

  
  

  After clicking on OK, loading the page in basic HTML left [see the text in the above image behind the error window]. I deleted the cache of the browser mobile, re-uploaded and received the same error message. I deleted the content feature of marking on the mobile page [not on the Office page]re-uploaded, and it loads correctly in my mobile browser [right picture]. It always seems OK on my desk [Mac OS, Chrome].

  
  

  Any idea what's going on? Is a useful feature if it worked correctly.
  

  Unrelated with the mistake of warning we discussed, your desktop homepage is much broader than you planned due to there being an empty text frame far right of the page (almost in front of the "recent projects" section). If you find and delete this empty text in Muse design block you will not get a scroll bar horizontal in the browser when the browser window is 960px or wider.

  Your site is loading correctly for me on the phone and the desktop computer.

  It seems that your host has configured the site to treat 404 requests (URLS for files that do not exist) to redirect the request to your home page. I think this redirect is what is in conflict with the loading himself drumming homepage and find its associated files (index.css, etc.). Your site seems to work fine when a URL is entered, but if something as efsmart.com/foo/bar entered the site visitor is presented with a version not formatted to your homepage and the warning message. It's a problem with how the Organization treats 404 (file not found) errors.

  If you share this information with Pair.com they can immediately understand and be able to help to change the configuration of your site to avoid the problem. If they do not immediately understand, you can have them send me an e-mail at [email protected] with a link to this forum for the background thread and let's talk technobabble directly rather than put you in the middle. ;^)

• How to download pictures from my mobile phone via bluetooth

  I have pictures on a samsung mobile I want to download via bluetooth on this laptop - how do ido please?

  Hi marsettepalmier,

  (1) what version of Windows you are running on the computer?

  (2) what is the model number of your mobile phone?

  Method 1: you can see the steps in the link below

  Send or receive a file using an infrared connection
  http://Windows.Microsoft.com/en-us/Windows-Vista/send-or-receive-a-file-using-an-infrared-connection

  http://Windows.Microsoft.com/en-us/Windows7/send-or-receive-a-file-using-an-infrared-connection

  Method 2: you can consult the documentation provided with the Samsung mobile to transfer pictures to a computer.

  You might want to know

  What version of the operating system Windows am I running?
  http://Windows.Microsoft.com/en-us/Windows7/help/which-version-of-the-Windows-operating-system-am-i-running

• Liquid header - once the resized page content environment going into the ditch

  Hi currently I have a liquid header, logo floats to the left and the navigation bar is floating on the right and in the middle of the page (below the header), I have thumbnails of photos that move to adapt to the width of the page. Once that page is expanded jumping thumbnails upward into the space that opens up between the logo and the bar of navigation... is there a way to make the header closed from the thumbnails below?

  
  Thank you.

  

  HTML:

  
  

  <! doctype html >

  < html >

  < head >

  < link rel = "shortcut icon" href = "favicon.ico" > "

  "< link rel ="icon"type =" image/gif"href ="... /... "/ animated_favicon1.gif" >

  < title > wedding photography < /title >

  < meta charset = "UTF-8" >

  < link rel = "stylesheet" type = "text/css" href = "layout.css" >

  "< script src="js/jquery-1.7.2.min.js "> < / script >

  < script src = "js/lightbox.js" > < / script >

  < link href = "css/lightbox.css" rel = "stylesheet" / > "

  < style type = "text/css" >

  a {}

  font size: 15px;

  Color: #777777;

  }

  body, td, th {}

  font size: 15px;

  color: #444444;

  do-family: 'slab of Josefin;

  }

  a: link {}

  text-decoration: none;

  color: #444444;

  }

  a: visited {}

  text-decoration: none;

  color: #444444;

  }

  a: hover {}

  text-decoration: none;

  color: #60baec;

  }

  a: active {}

  text-decoration: none;

  color: #444444;

  }

  < / style >

  < script type = "text/javascript" >

  function MM_preloadImages() {//v3.0

  var d = document; If (d.images) {if(!d.MM_p) d.MM_p = new Array();

  var i, j is d.MM_p.length, a = MM_preloadImages.arguments; for (i = 0; i <.) Length; i ++)

  If (a [i].indexOf("#")! = 0) {d.MM_p [j] = new Image; d.MM_p [j ++] .src = a [i] ;}}

  }

  < /script >

  < / head >

  < body text = "#444444" link = "#444444" vlink = "#60baec" alink = "#444444" onLoad = "MM_preloadImages (" images/Studio_06-home-roll - over.jpg ',' image g s/Studio_14-Blog-roll-over.jpg','images/Studio_16-contact-roll-over.jp ','.. ")" (/ images/home_03-roll - over.jpg') ">"

  < div class = "wrapOverall" >

  "" "< div class = 'container' id = 'container header' > < div class ="header"> < a href ="... / index.html "> < img src =" images/Home - Page_03.png"name ="Logo"width ="448"height ="69"class ="logo"id ="Logo"onMouseOver =" MM_swapImage ("Logo","' home_03-roll - over.png', 1) ' Mm_swapimgrestore ' border = '0' / > < /a > < / div >

  < div class = "navMain" >

  < div class = "navMain" >

  < ul >

  "< li > < span style =" font family: 'Josefin slab' "> < a href =".. /.. /.. / Home/Home.html "> HOME < /a >"

  </span >

  "< li > < span style =" font family: 'Josefin slab' "> < a href =".. /.. / Portfolio.html "> < /a > PORTFOLIO"

  </span >

  < li > < span style = "font family: 'Josefin slab'" > < a href = "#" > < /a > PRICING

  </span >

  "< li > < span style =" font family: 'Josefin slab' "> < a href =".. /.. /.. / About/About.html "> ON < /a >"

  </span >

  < li > < span style = "font family: 'Josefin slab'" > < A href = "#" > BLOG < /a >

  </span >

  "< li > < span style =" font family: 'Josefin slab' "> < a href =".. /.. /.. / Contact/Contact.html "> CONTACT < /a > < / span >"

  < /ul >

  < / div > <! - END navMain - >

  < / div > <! - logo END - >

  < / div > <!--END header-->

  <! - MAIN CONTENT - >

  Center of <>< div class = "slideshow" >

  < p > < a href = "images/image - 1.jpg" rel = "lightbox [a]" > < img src = "images/image - 1 T .jpg" width = "100" height = "100" border = "10" align = "absmiddle" / > < /a > < a href = "images/image - 2.jpg" rel = "lightbox [a]" > < img src = "images/image - 2T .jpg" width = "100" height = "100" border = "10" align = "absmiddle" / > < /a > < a href = "images/image - 3.jpg" rel = "lightbox [a]" > < img src = "images/image - 3T .jpg" width = "100" height = "100" border = "10" align = "absmiddle" / > < /a > < a href = "images/image - 4.jpg" rel = "lightbox [a]" > < img src = ' images/image - 4t .jpg' width = "100" height = "100" border = "10" align = "absmiddle" / > < /a > < a href = "images/image - 5.jpg" rel = "lightbox [a]" > < img src = ' images/image - 5T .jpg' width = "100" height = "100" border = "10" align = "absmiddle" / > < /a > < a href = "images/image - 6.jpg" rel = "lightbox [a]" > < img src = "images/image - 6 T .jpg" width = "100" height = "100" border = "10" align = "absmiddle" / > < /a > < "a href =" images/image - 7.jpg"rel ="lightbox [a]"> < img src = ' images/image - 7 T .jpg' width ="100"height ="100"border ="10"align ="absmiddle"/ > < /a > < a href =" images/image - 8.jpg"rel ="lightbox [a]"> < img src = ' images/image - 8T .jpg' width ="100"height ="100"border ="10"align ="absmiddle"/ > < /a > < a href =" images/image - 9.jpg"rel ="lightbox [a]"> < img src =" images/image - 9 T .jpg"width ="100"height ="100"border ="10"align ="absmiddle"/ > < /a > < a href = images/image - 10.jpg"rel ="lightbox [a]"> < img src =" images/image - 10T .jpg"width ="100"height ="100"border ="10"align ="absmiddle"/ > < /a > < a href =" images/image - 11.jpg"rel ="lightbox [a]"> < img src = ' images/image - 11 T .jpg' width ="100"height ="100"border ="10"align ="absmiddle"/ > < /a > < a href =" images/image - 12.jpg"rel ="lightbox [a]"> < img src = ' images/image - 12 T .jpg' width ="100"height ="100"border ="10"align ="absmiddle"/ > < /a > < a href =" images/image - 13.jpg. rel = "lightbox [a]" > < img src = "images/image - 13T .jpg" width = "100" height = "100" border = "10" align = "absmiddle" / > < /a > < a href = "images/image - 14.jpg" rel = "lightbox [a]" > < img src = ' images/image - 14t .jpg' width = "100" height = "100" border = "10" align = "absmiddle" / > < /a > < a href = "images/image - 8.jpg" rel = "lightbox [a]" > < img src = "images/image - 8T .jpg" width = "100" height = "100" border = "10" align = "absmiddle" / > < /a > < a href = "images/image - 15.jpg" rel = "lightbox []". [a]"> < img src =" images/image - 15t .jpg"width ="100"height ="100"border ="10"align ="absmiddle"/ > < /a > < /p >

  < / div > < / center >

  <! - END MAIN CONTENT - >

  < div id = "containerFooter" >

  < div id = "Box1" style = "font family: 'Josefin slab'" >

  < p > all content < span style = "do-size: 20px" > to </span > 2013 DKphotos < /p >

  < / div > <!--end Box1 - >

  < div id = "Box2" >

  < p > < script type = "text/javascript" >

  BeginOAWidget_Instance_2149022: #OAWidget

  var urlToLike = ' http://www.facebook.com/DKphotos.net';

  If (urlToLike == ") {}

  urlToLike = window.location.href;

  }

  urlToLike = encodeURIComponent (urlToLike);

  var font = encodeURIComponent ('arial');

  document.write (' ' < iframe src = "http://www.facebook.com/widgets/like.php?locale=en_US & href = ' + urlToLike + ' & layout = button_cou nt & show_faces = false & width = 450 & height = 150 & action = like & font =" + police + & colorscheme = light"scrolling =" "frameborder ="0"allowTransparency ="true"style =" border: none; ") border-color: #ffffff; overflow: hidden; width: 450; height: 150 "(>< / iframe >') "

  EndOAWidget_Instance_2149022

  < /script >

  < / div > <!-END fbLike-> < /p >

  < / div > <!--end Box2 - >

  <! - float clearing - >

  < hr class = "compensation" / >

  < / div > <! - end container - >

  < / div > <! - END wrapOverall - >

  < / body >

  < / html >

  CSS:

  @charset "utf-8";

  / * CSS document * /.

  {body

  background - image: URL(images/bg_body.jpg);

  background-color: #ffffff;

  background-attachment: fixed;

  background-position: top;

  }

  {.wrapOverall}

  Width: 1920px;

  display: inline;

  }

  #container {}

  Width: 100%;

  min-width: 500px;

  Max-width: 100%;

  }

  {img.logo .header

  float: left;

  margin: 0px 15px 0px 15px;

  }

  . IMG.logo, {.navMain}

  Width: auto;

  min-height: 10px;

  border: 0;

  / * to reduce the float drop issues in IE * /.

  dressing: break-Word;

  }

  . IMG.logo {margin left: 8px; float: left ;}}

  .navMain {margin left: 10px; margin-top: 10px; margin-bottom: 40px; float: right ;}}

  / * Clear floats after boxes * /.

  {.clearing}

  Clear: both;

  visibility: hidden;

  line-height: 0;

  font-size: 1px;

  Display: block;

  }

  {#containerFooter}

  Width: 100%;

  min-width: 650px;

  Max-width: 100%;

  }

  {#containerFooter}

  do-family: Verdana, Arial, Helvetica, without serif.

  border: 0;

  Auto margin: 0; / * centered * /.

  overflow: hidden; / * float containment * /.

  }

  #Box1 {#Box2}

  Width: auto;

  min-height: 10px;

  border: 0;

  / * to reduce the float drop issues in IE * /.

  dressing: break-Word;

  }

  #Box1 {margin left: 8px; float: left ;}}

  #Box2 {margin left: 20px; float: left ;}}

  / * Clear floats after boxes * /.

  {.clearing}

  Clear: both;

  visibility: hidden;

  line-height: 0;

  font-size: 1px;

  Display: block;

  }

  /* ##############################*/

  / General Navigation rules * /.

  /* ##############################*/

  .navMain ul {}

  margin: 0px;

  padding: 0px;

  do-size: 14px;

  }

  .navMain ul li {}

  margin: 0px;

  padding: 0px 0px;

  list-style: none;

  display: inline;

  }

  .navMain ul li a {}

  margin: 0px;

  padding: 0px 10px;

  }

  .navMain ul li a: hover {}

  do-size: 16px;

  }

  .slideshow {}

  margin: 20px, 35px 0px 0px;

  }

  #header, {#containerFooter}

  Width: 100%;

  float: left;

  }

  {#containerFooter}

  position: fixed;

  low:-145px;

  z index: 500;

  background-color: #FFF;

  }

  Managed to solve the problem by simply adding a tag hr... If only I had tried in the first place.

• Block of text that can dilate or contract contain content provided by data fusion

  I'm designing a document for use with the data merge. One of the fields over a background apears dark. I'll make the text box white with black letters. The text data merge will engaged in this framework is highly variable - on some pages, it is only one or two characters, on the other is a long string of 3/4 ".

  Is there a way to make this framework automatically expand and contract to fit the length of the string?

  Until CS6, the answer would certainly not when you use the data merge, but there are small new features that extend the text blocks and contracts contain the content. Have not tried it myself and have not heard of someone trying with data merge, but if you have CS6, you have a gold opportuninty to try it and be a pioneer.