Header text not responsive at smart phone size & BG question

The header text doesn't fit into the view for a smart phone. I don't know how to correct that other than to change my width from 85% to 100% when at the smallest size (if that can be done). Help?
     I thought it would be better to ask this next question on a new thread but both needed the code so I'll add that here:
The purse (& butterfly) images have an incomplete BG color. The partial upper BG color comes from div hover which really isn't a functional div. Since the image boxes are within the body but not a separate div I don't know how to get BG color (same as footer). help?
Code:
<!DOCTYPE>
<html>
<head>
<meta charset="UTF-8">
<title>Lapinel Arts Leatherwork</title>
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
<link href='http://fonts.googleapis.com/css?family=Overlock:400,700|Simonetta:400,900|Marcellus|Junge' rel='stylesheet' type='text/css'>
<style>
box-sizing: border-box;
body {
    margin: 0;
    padding: 0;
    background: #fff;
    font: 14px/20px 'Lucida Sans',sans-serif;
    background-color: #cfc6b0;
.wrap {
overflow: hidden;
.box {
float: left;
position: relative;
width: 25%;
text-align: center;
margin-bottom: 24px;
.boxInner {
position: relative;
text-align: center;
margin: 0 12px;
overflow: hidden;
img {
max-width: 100%;
.titleBox {
    position: absolute;
    bottom: 10px;
    left: 130px;
    right: 0px;
    margin-bottom: -50px;
    background: #000;
    background: rgba(0, 0, 0, 0.5);
    color: #FFF;
    padding: 10px;
    text-align: center;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
.titleBox h2 {
font-size: 16px;
margin: 0;
padding: 0 0 5px 0;
.titleBox a {
text-decoration: none;
color: #fff;
.boxInner:hover .titleBox {
margin-bottom: 0;
@media only screen and (max-width : 768px) {
.box {
width: 50%;
margin-bottom: 24px;
@media only screen and (max-width : 480px) {
.box {
width: 100%;
@media only screen and (max-width : 1290px) and (min-width : 1051px) {
   /* Medium desktop: 4 tiles */
   .box {
      width: 25%;
      padding-bottom: 25%;
</style>
<style>
section, header, nav {
    display: block;
    background-color: #cfc6b0;
    box-sizing: border-box;
body{
    font-family: 'Marcellus', normal;
    background-image: url(DRA-042010-LeatheryTexture-MBFT.jpg);
    font-size: 90%;
    line-height: 140%;
    color: #555;
    margin: 0 auto;
    padding: 0;
    background-color: #FFF;
    width: 1000px;
    max-width: 85%;
#hover-image {
    background-color: #cfc6b0;
    text-align: center;
    height: 2000px
    overflow: hidden;
img {
max-width: 100%;
height: auto;
.container {
width: 85%;
max-width: 1000px;
margin: 0 auto;
color: #000;
header h1 {
font-size: 300%;
line-height: 150%;
text-align: center;
letter-spacing: 4px;
padding: 20px 0;
color: #000;
font-weight: bold;
/* top level navigation */
nav {
    background-color: #E5E4E2;
nav ul {
display: block;
text-align: center;
margin: 0;
padding: 0;
nav li {
margin: 0;
padding: 0;
display: inline;
position: relative;
nav a {
    display: inline-block;
    text-decoration: none;
    padding: 10px 25px;
    color: #000;
nav a:hover {
    background-color: #cfc6b0;
    color: #000;
nav span {
display: none;
/* droplist navigation */
nav ul ul {
position: absolute;
z-index: 1000;
left: 0;
top: 2em;
background-color: #E5E4E2;
text-align: left!important;
display: none;
nav ul ul li a {
display: block;
width: 12em;
border-top: 1px dotted #ccc;
.about {
padding: 0 8%;
margin: 0 auto;
text-align: center;
background-color: #E5E4E2;
.about h2 {
    font-size: 260%;
    line-height: 200%;
    margin: 0;
    padding: 0;
    color: #000;
.about p {
font-size: 110%;
line-height: 150%;
margin: 0;
padding: 0 0 20px 0;
.productsWrapper {
background-color: #000;
overflow: hidden;
padding: 30px 25px;
.product {
float: left;
width: 25%;
padding: 12px;
text-align: center;
color: #fff;
.product img {
border: 1px solid #fff;
.view_details {
text-decoration: none;
display: inline-block;
padding: 15px 20px;
border-radius: 6px;
border: 1px dotted #ccc;
color: #555;
background-color: #fff;
.view_details:hover {
background-color: #E5E4E2;
#mobileTrigger {
padding: 10px 25px;
font-size: 120%;
display: none;
color: #000;
footer {
clear: both;
background-color: #cfc6b0;
padding: 30px;
color: #fff;
text-align: center;
overflow: hidden;
footer a {
text-decoration: none;
color: #000;
    float: left;
    width: 33.33%;
    color: #000;
    border: #000
.footerBox {
    float: left;
    width: 33.33%;
    color: #000;
@media screen and (max-width: 768px) {
    .container {
width: 100%;
.product {
width: 50%;
#mobileTrigger {
display: block;
text-align: right;
nav ul {
display: none;
nav li {
display: block;
text-align: left;
nav a {
display: block;
font-size: 120%;
border-top: 1px dotted #ccc;
nav span {
display: inline-block;
float: right;
font-size: 130%;
/* droplist navigation */
nav ul ul {
position: static;
nav ul ul li a {
width: 100%;
@media screen and (max-width: 480px) {
.product {
float: none;
width: 100%;
body,td,th {
font-family: Marcellus, normal;
#copyright {
color: #000;
font-weight: bold;
</style>
<script type="text/javascript" src="http://lapinelarts.com/JS/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="http://lapinelarts.com/JS/jquery.cycle2.min.js"></script>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<script>
$(document).ready(function() {
//activate mobile navigation icon when window is 768px
$('#mobileTrigger').css('cursor','pointer').click(function() {
$('#mobileTrigger i').toggleClass('fa-bars fa-times');
$('nav ul').toggle();
// show main desktop navigation onresize/hide sub navigation
$(window).on('resize', function(){
var win = $(this); //this = window
if (win.width() > 768) {
$('nav ul').show();
$('nav ul ul').hide();
//listen for navigation li being clicked
$('nav ul li').click(function() {
$(this).find('ul').slideToggle();
//toggle font awesome icons
$(this).find('i').toggleClass('fa-bars fa-times');
//events if window is less than 768px
if ($(window).width() < 768) {
//stops submenu sliding up when mouse leaves mobile
$('nav ul ul').show();
else {
//activate desktop submenu on hover
$('nav ul li').mouseenter(function() {
$(this).find('ul').slideToggle();
//toggle font awesome icons
$(this).find('i').toggleClass('fa-bars fa-times');
//desktop submenu slides up when mouse leaves ul/li
$('nav ul ul').mouseleave(function() {
$(this).slideUp();
$('nav ul li').mouseleave(function() {
$(this).find('ul').slideUp();
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
</script>
<style type="text/css">
</style>
</head>
<body onLoad="MM_preloadImages('810_0776_smaller.jpg')">
<header>
<h1>LAPINEL ARTS LEATHERWORKS</h1>
<nav>
<div id="mobileTrigger"><i class="fa fa-bars"></i></div>
<ul>
<li><a href="#">ABOUT US</a></li>
<li><a href="#">PROCESS</a></li>
<li><a href="#">PRODUCTS<span><i class="fa fa-bars"></i></span></a>
<ul>
<li><a href="#">PURSES</a></li>
<li><a href="#">POUCHES</a></li>
<li><a href="#">TOTES</a></li>
<li><a href="#">WALLETS</a></li>
</ul>
</li>
<li><a href="#">CART</a></li>
<li><a href="#">CONTACT</a></li>
</ul>
</nav>
</header>
<section class="about">
<h2>PURSES</h2>
<p>There are several styles and sizes of purses available. Custom orders can be arranged but most of these purses are unique and with limited runs of art styles.</p>
<p>Please click on the detail button for larger and additional views and the opportunity to add the item to your cart.<strong></strong></p>
</section>
<div id="hover-image">
<div class="wrap">
<!-- Define all of the tiles: -->
<div class="box">
<div class="boxInner">
<img src="810_0856 copy.jpg" />
<div class="titleBox">
<a href="http://www.bbc.co.uk"> Details</a>
</div>
</div>
<!-- end boxInner -->
</div>
<!-- end box -->
<div class="box">
<div class="boxInner">
<img src="810_0859 copy.jpg" />
<div class="titleBox">
<a href="http://www.bbc.co.uk"> Details</a>
</div>
</div>
<!-- end boxInner -->
</div>
<!-- end box -->
<div class="box">
<div class="boxInner">
<img src="810_0877_edited-1 copy.jpg" />
<div class="titleBox">
<a href="http://www.bbc.co.uk">Details</a>
</div>
</div>
<!-- end boxInner -->
</div>
<!-- end box -->
<div class="box">
<div class="boxInner">
<img src="810_0861 copy.jpg" />
<div class="titleBox">
<a href="http://www.bbc.co.uk"> Details</a>
</div>
</div>
<!-- end boxInner -->
</div>
<!-- end box -->
</div>
<div class="box">
<div class="boxInner">
<img src="http://oddiant.poatemisepare.ro/wp-content/uploads/Viceroy-Butterfly-Limenitis-archippus.j pg" />
<div class="titleBox">
<a href="http://www.bbc.co.uk"> Details</a>
</div>
</div>
<!-- end boxInner -->
</div>
<!-- end box -->
<div class="box">
<div class="boxInner">
<img src="http://oddiant.poatemisepare.ro/wp-content/uploads/Viceroy-Butterfly-Limenitis-archippus.j pg" />
<div class="titleBox">
<a href="http://www.bbc.co.uk"> Details</a>
</div>
</div>
<!-- end boxInner -->
</div>
<!-- end box -->
<div class="box">
<div class="boxInner">
<img src="http://oddiant.poatemisepare.ro/wp-content/uploads/Viceroy-Butterfly-Limenitis-archippus.j pg" />
<div class="titleBox">
<a href="http://www.bbc.co.uk"> Details</a>
</div>
</div>
<!-- end boxInner -->
</div>
<!-- end box -->
<div class="box">
<div class="boxInner">
<img src="http://oddiant.poatemisepare.ro/wp-content/uploads/Viceroy-Butterfly-Limenitis-archippus.j pg" />
<div class="titleBox">
<a href="http://www.bbc.co.uk">Details</a>
</div>
</div>
<!-- end boxInner -->
</div>
<!-- end box -->
<div class="box">
<div class="boxInner">
<img src="http://oddiant.poatemisepare.ro/wp-content/uploads/Viceroy-Butterfly-Limenitis-archippus.j pg" />
<div class="titleBox">
<a href="http://www.bbc.co.uk"> Details</a>
</div>
</div>
<!-- end boxInner -->
</div>
</div>
<div class="box">
<div class="boxInner">
<img src="http://oddiant.poatemisepare.ro/wp-content/uploads/Viceroy-Butterfly-Limenitis-archippus.j pg" />
<div class="titleBox">
<a href="http://www.bbc.co.uk"> Details</a>
</div>
</div>
<!-- end boxInner -->
</div>
<div class="box">
<div class="boxInner">
<img src="http://oddiant.poatemisepare.ro/wp-content/uploads/Viceroy-Butterfly-Limenitis-archippus.j pg" />
<div class="titleBox">
<a href="http://www.bbc.co.uk"> Details</a>
</div>
</div>
<!-- end boxInner -->
</div>
<div class="box">
<div class="boxInner">
<img src="http://oddiant.poatemisepare.ro/wp-content/uploads/Viceroy-Butterfly-Limenitis-archippus.j pg" />
<div class="titleBox">
<a href="http://www.bbc.co.uk"> Details</a>
</div>
</div>
<!-- end boxInner -->
</div>
<!-- end wrap -->
<footer>
  <div class="footerBox"><a href="mailto:[email protected]">EMAIL CATHY </a></div>
<div class="footerBox"><a href="https://www.facebook.com/LapinelArtsLeatherwork"> FACEBOOK</a></div>
<div class="footerBox">COPYRIGHT 2015</div>
</footer>
</div>
</body>
</html>

<!DOCTYPE>
<html>
<head>
<meta charset="UTF-8">
<title>Lapinel Arts Leatherwork</title>
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
<link href='http://fonts.googleapis.com/css?family=Overlock:400,700|Simonetta:400,900|Marcellus|Junge' rel='stylesheet' type='text/css'>
<style>
     box-sizing: border-box;
body {
    margin: 0;
    padding: 0;
    background: #fff;
    font: 85%/90% 'Lucida Sans',sans-serif;
    background-color: #cfc6b0;
.wrap {
     overflow: hidden;
.box {
    float: left;
    position: inherit;
    width: 25%;
    text-align: center;
    margin-bottom: 24px;
    white-space: inherit;
.boxInner {
     position: relative;
     text-align: center;
     margin: 0 12px;
     overflow: hidden;
img {
     max-width: 100%;
.titleBox {
    position: absolute;
    bottom: 10px;
    left: 130px;
    right: 0px;
    margin-bottom: -50px;
    background: #000;
    background: rgba(0, 0, 0, 0.5);
    color: #FFF;
    padding: 10px;
    text-align: center;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
.titleBox h2 {
     font-size: 16px;
     margin: 0;
     padding: 0 0 5px 0;
.titleBox a {
     text-decoration: none;
     color: #fff;
.boxInner:hover .titleBox {
     margin-bottom: 0;
</style>
<style>
section, header, nav {
    display: block;
    background-color: #cfc6b0;
    box-sizing: border-box;
body {
    font-family: 'Marcellus', normal;
    background-image: url(DRA-042010-LeatheryTexture-MBFT.jpg);
    font-size: 90%;
    line-height: 140%;
    color: #555;
    margin: 0 auto;
    padding: 0;
    background-color: #FFF;
    width: 1000px;
    max-width: 85%;
#hover-image {
    background-color: #cfc6b0;
    text-align: center;
    height: 2000px
    overflow: hidden;
    overflow: hidden;
img {
     max-width: 100%;
     height: auto;
.container {
width: 85%;
max-width: 1000px;
margin: 0 auto;
color: #000;
header h1 {
     font-size: 300%;
     line-height: 150%;
     text-align: center;
      letter-spacing: 4px;
      padding: 20px 0;
      color: #000;
      font-weight: bold;
/* top level navigation */
nav {
     background-color: #E5E4E2;
nav ul {
     display: block;
     text-align: center;
     margin: 0;
     padding: 0;
nav li {
     margin: 0;
     padding: 0;
     display: inline;
     position: relative;
nav a {
    display: inline-block;
    text-decoration: none;
    padding: 10px 25px;
    color: #000;
nav a:hover {
    background-color: #cfc6b0;
    color: #000;
nav span {
     display: none;
/* droplist navigation */
nav ul ul {
     position: absolute;
     z-index: 1000;
     left: 0;
     top: 2em;
     background-color: #E5E4E2;
     text-align: left!important;
     display: none;
nav ul ul li a {
     display: block;
     width: 12em;
     border-top: 1px dotted #ccc;
.about {
     padding: 0 8%;
     margin: 0 auto;
     text-align: center;
     background-color: #E5E4E2;
.about h2 {
    font-size: 260%;
    line-height: 200%;
    margin: 0;
    padding: 0;
    color: #000;
.about p {
     font-size: 110%;
     line-height: 150%;
     margin: 0;
     padding: 0 0 20px 0;
.productsWrapper {
     background-color: #000;
     overflow: hidden;
     padding: 30px 25px;
.product {
     float: left;
     width: 25%;
     padding: 12px;
     text-align: center;
     color: #fff;
.product img {
     border: 1px solid #fff;
.view_details {
     ext-decoration: none;
     display: inline-block;
     padding: 15px 20px;
     border-radius: 6px;
     border: 1px dotted #ccc;
     color: #555;
     background-color: #fff;
.view_details:hover {
     background-color: #E5E4E2;
#mobileTrigger {
     padding: 10px 25px;
     font-size: 120%;
     display: none;
     color: #000;
}footer {
     clear: both;
     background-color: #cfc6b0;
     padding: 30px;
     color: #fff;
     text-align: center;
     overflow: hidden;
footer a {
     text-decoration: none;
     color: #000;
    float: left;
    width: 33.33%;
    color: #000;
    border: #000
.footerBox {
    float: left;
    width: 33.33%;
    color: #000;
</style>
<script type="text/javascript" src="http://lapinelarts.com/JS/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="http://lapinelarts.com/JS/jquery.cycle2.min.js"></script>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<script>
$(document).ready(function() {
//activate mobile navigation icon when window is 768px
$('#mobileTrigger').css('cursor','pointer').click(function() {
$('#mobileTrigger i').toggleClass('fa-bars fa-times');
$('nav ul').toggle();
// show main desktop navigation onresize/hide sub navigation
$(window).on('resize', function(){
var win = $(this); //this = window
if (win.width() > 768) {
$('nav ul').show();
$('nav ul ul').hide();
//listen for navigation li being clicked
$('nav ul li').click(function() {
$(this).find('ul').slideToggle();
//toggle font awesome icons
$(this).find('i').toggleClass('fa-bars fa-times');
//events if window is less than 768px
if ($(window).width() < 768){
//stops submenu sliding up when mouse leaves mobile
$('nav ul ul').show();
else {
//activate desktop submenu on hover
$('nav ul li').mouseenter(function() {
$(this).find('ul').slideToggle();
//toggle font awesome icons
$(this).find('i').toggleClass('fa-bars fa-times');
//desktop submenu slides up when mouse leaves ul/li
$('nav ul ul').mouseleave(function() {
$(this).slideUp();
$('nav ul li').mouseleave(function() {
$(this).find('ul').slideUp();
function MM_swapImgRestore() { //v3.0
     var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_preloadImages() { //v3.0
     var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
     var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
     if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_findObj(n, d) { //v4.01
     var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
      d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
     for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
     var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
      if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
</script>
<style type="text/css">
</style>
<style>
@media screen and (max-width: 768px) {
.container {
     width: 100%;
.product {
     width: 50%;
#mobileTrigger {
     display: block;
     text-align: right;
nav ul {
     display: none;
nav li {
     display: block;
     text-align: left;
nav a {
     display: block;
     font-size: 120%;
     border-top: 1px dotted #ccc;
nav span {
     display: inline-block;
     float: right;
     font-size: 130%;
/* droplist navigation */
nav ul ul {
     position: static;
nav ul ul li a {
     width: 100%;
body: {
    font-size: 100%;
@media screen and (max-width: 480px) {
.product {
     float: none;
     width: 100%;
body: {
    font-size: 95%;
body,td,th {
     font-family: Marcellus, normal;
#copyright {
     color: #000;
     font-weight: bold;
</style>
</head>
<body onLoad="MM_preloadImages('810_0776_smaller.jpg')">
<header>
<h1>LAPINEL ARTS LEATHERWORKS</h1>
<nav>
<div id="mobileTrigger"><i class="fa fa-bars"></i></div>
     <ul>
          <li><a href="#">ABOUT US</a></li>
          <li><a href="#">PROCESS</a></li>
          <li><a href="#">PRODUCTS<span><i class="fa fa-bars"></i></span></a>
     <ul>
               <li><a href="#">PURSES</a></li>
               <li><a href="#">POUCHES</a></li>
               <li><a href="#">TOTES</a></li>
               <li><a href="#">WALLETS</a></li>
</ul>
</li>
<li><a href="#">CART</a></li>
<li><a href="#">CONTACT</a></li>
</ul>
</nav>
</header>
<section class="about">
<h2>PURSES</h2>
<p>There are several styles and sizes of purses available. Custom orders can be arranged but most of these purses are unique and with limited runs of art styles.</p>
<p>Please click on the detail button for larger and additional views and the opportunity to add the item to your cart.<strong></strong></p>
</section>
<div id="hover-image">
<div class="wrap">
<div class="box">
<div class="boxInner">
<img src="810_0856 copy.jpg" />
<div class="titleBox">
<a href="http://www.bbc.co.uk"> Details</a>
</div>
</div>
<!-- end boxInner -->
</div>
<!-- end box -->
<div class="box">
<div class="boxInner">
<img src="810_0859 copy.jpg" />
<div class="titleBox">
<a href="http://www.bbc.co.uk"> Details</a>
</div>
</div>
<!-- end boxInner -->
</div>
<!-- end box -->
<div class="box">
<div class="boxInner">
<img src="810_0877_edited-1 copy.jpg" />
<div class="titleBox">
<a href="http://www.bbc.co.uk">Details</a>
</div>
</div>
<!-- end boxInner -->
</div>
<!-- end box -->
<div class="box">
<div class="boxInner">
<img src="810_0861 copy.jpg" />
<div class="titleBox">
<a href="http://www.bbc.co.uk"> Details</a>
</div>
</div>
<!-- end boxInner -->
</div>
<!-- end box -->
</div>
<div class="box">
<div class="boxInner">
<img src="810_0856 copy.jpg" />
<div class="titleBox">
<a href="http://www.bbc.co.uk"> Details</a>
</div>
</div>
<!-- end boxInner -->
</div>
<!-- end box -->
<div class="box">
<div class="boxInner">
<img src="810_0859 copy.jpg" />
<div class="titleBox">
<a href="http://www.bbc.co.uk"> Details</a>
</div>
</div>
<!-- end boxInner -->
</div>
<!-- end box -->
<div class="box">
<div class="boxInner">
<img src="810_0877_edited-1 copy.jpg" />
<div class="titleBox">
<a href="http://www.bbc.co.uk">Details</a>
</div>
</div>
<!-- end boxInner -->
</div>
<!-- end box -->
<div class="box">
<div class="boxInner">
<img src="810_0861 copy.jpg" />
<div class="titleBox">
<a href="http://www.bbc.co.uk"> Details</a>
</div>
</div>
<!-- end boxInner -->
</div>
<!-- end box -->
<div class="box">
<div class="boxInner">
<img src="810_0856 copy.jpg" />
<div class="titleBox">
<a href="http://www.bbc.co.uk"> Details</a>
</div>
</div>
<!-- end boxInner -->
</div>
<!-- end box -->
<div class="box">
<div class="boxInner">
<img src="810_0859 copy.jpg" />
<div class="titleBox">
<a href="http://www.bbc.co.uk"> Details</a>
</div>
</div>
<!-- end boxInner -->
</div>
<!-- end box -->
<div class="box">
<div class="boxInner">
<img src="810_0877_edited-1 copy.jpg" />
<div class="titleBox">
<a href="http://www.bbc.co.uk">Details</a>
</div>
</div>
<!-- end boxInner -->
</div>
<!-- end box -->
<div class="box">
<div class="boxInner">
<img src="810_0861 copy.jpg" />
<div class="titleBox">
<a href="http://www.bbc.co.uk"> Details</a>
</div>
</div>
<!-- end boxInner -->
</div>
<!-- end box -->
<!-- end wrap -->
<footer>
<div class="footerBox"><a href="mailto:[email protected]">EMAIL CATHY </a></div>
<div class="footerBox"><a href="https://www.facebook.com/LapinelArtsLeatherwork"> FACEBOOK</a></div>
<div class="footerBox">COPYRIGHT 2015</div>
</footer>
</div>
</body>
</html>

Similar Messages

  • Header text not getting populated in PO in R/3 from SRM!

    Hi,
    Our requirement is to automatically populate the email ID of the user in the header text once the PO is created in R/3 with reference to Shopping Cart in SRM.
    our scenario is classic.
    So far, we have used the following Badis in our development but seems to be not working.
    1.ME_Process_PO_Cust
    2.BBP_PO_INBOUND_BADI
    Need your inputs to solve this email querry.
    Regards,
    Archit Gandhi
    Edited by: Archit Gandhi on Feb 4, 2011 11:14 AM

    Check "Text Schema" & "Text Mapping" config part under Cross-Application Basic Settings..
    This should help you.. If you need help in configuration let me know..
    Thanks!!
    Bharath

  • Header text not printed for scheduling agreement

    Hi All,
    I have issue with header text print out for scheduling agreement (SA).
    In SA when I am manually writing some note and then taking print out, system is giving me correct output with maual note.
    I have one standard text (ST) which I need to be printed in evry SA, so in SPRO I created new head text for vendor and in copying rule for text for SA, I created linkage of SA header text with Vendor head text.
    In vendor master, I inserted ST in newly created vendor header text.
    So now when ever I create new SA for vendor system will determin header text from vendor master.
    Now after creating SA when I check the SA, I am able to my ST in SA, but at the time of print out this ST in not printing.
    Please let me know what could be the reson.
    Regards,
    Sameer

    I dont understand about what you mean by expand.
    When you a print PO, PO text  (header or item) it will check to the configuration setting.
    The system didnt care if its adopted from vendor master or info record, or whatever you make in the copying rule.
    In your case : you create a standard text then it get copied into PO , then you set the standard text to the PO for print out, example the standard text : word is
    "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
    xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
    xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"
    Then in the PO the text appear will be like below(the same, because it get copied)
    "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
    xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
    xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"
    If you configure it in define text for SA, then it the print out it will also (the same)
    "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
    xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
    xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"
    So what text need to expand?

  • Heading texts not appearing correctly in WDA search help

    Hello experts,
    I am facing a problem in WDA. I have a field(Profile Key) in my WDA application which takes the input search help automatically from the data dictionary. When I execute my application the F4 help is displayed for the field on pressing F4 but the problem is: the heading texts are not appearing properly(instead dots are dispalyed) for few of the fields in the search help's value list. Some observations:
    1. heading texts are not properly displayed for columns whose field length is 1 or 2.
    2. in DDIC, heading labels are maintained for the logon language
    3. same search help works fine in R/3, the problem is only with WDA
    How can I solve this problem? Please help with your inputs.
    Thanks,
    Yuvaraj

    The problem can be solved by applying the note no 1100420.
    Regards,
    Yuvaraj

  • SAP SCRIPT: Header text not printing - Custom Purchase Order.

    Hello Experts,
    I have used the standard MEDRUCK and copied to ZMEDRUCK. I want the PO header text to print in my form.
    I have used subroutine-pool and called it in the form.
    Here is my subroutine
    FORM fetch_table_data TABLES in_tab STRUCTURE itcsy
                                 out_tab STRUCTURE itcsy.
      TABLES EKKO.
      DATA: BEGIN OF header OCCURS 0,
              ld_txt1(163),
              ld_txt2(163),
              ld_txt3(163),
            END OF header.
      DATA: li_lines LIKE STANDARD TABLE OF tline WITH HEADER LINE,
            ID like THEAD-TDID,
            TNAME LIKE THEAD-TDNAME,
            TDOBJECT like THEAD-TDOBJECT.
      DATA  HTEXT LIKE EKKO-EBELN.
    *  HTEXT = EKKO-EBELN.
      READ TABLE in_tab WITH KEY EKKO-EBELN.
      if sy-subrc = 0.
      TNAME = in_tab-value.
      ENDIF.
    TNAME = EKKO-EBELN.
    *CONCATENATE EKPO-ebeln EKPO-ebelp INTO v_item_text.
    *MOVE v_head_text to HNAME.
    CALL FUNCTION 'READ_TEXT'
      EXPORTING
    *   CLIENT                        = SY-MANDT
        id                            = 'F01'
        language                      = 'E'
        name                          = TNAME
        object                        = 'EKKO'
    *   ARCHIVE_HANDLE                = 0
    *   LOCAL_CAT                     = ' '
    * IMPORTING
    *   HEADER                        = TNAME
      tables
        lines                         = li_lines
    EXCEPTIONS
       ID                            = 1
       LANGUAGE                      = 2
       NAME                          = 3
       NOT_FOUND                     = 4
       OBJECT                        = 5
       REFERENCE_CHECK               = 6
    *   WRONG_ACCESS_TO_ARCHIVE       = 7
    *   OTHERS                        = 8
    IF sy-subrc <> 0.
    * MESSAGE ID SY-MSGID TYPE SY-MSGTY NUMBER SY-MSGNO
    *         WITH SY-MSGV1 SY-MSGV2 SY-MSGV3 SY-MSGV4.
    ENDIF.
    CLEAR out_tab.
    out_tab-VALUE = TNAME.
    CONDENSE out_tab-VALUE.
    MODIFY out_tab TRANSPORTING VALUE WHERE NAME = 'TNAME'.
    ENDFORM.
    And my script in the form is
    PERFORM FETCH_TABLE_DATA IN PROGRAM ZMEDRUCK_SUBP2
    USING &EKKO-EBELN&
    CHANGING &TNAME&
    ENDPERFORMpar RECEIVED FROM M/S     &TNAME&
    The header text is still not flowing in my form.
    What mistake i'm I doing here ?
    How can I resolve this ?
    Pls help !

    Hi,
    Data is li_lines internal table. 1st you have to read the text form the internal table line by sy-tabix.
    At last you have to concatenate these variable into the out tab value.
    you can use the following code
    ORM fetch_table_data TABLES in_tab STRUCTURE itcsy
                                 out_tab STRUCTURE itcsy.
      TABLES EKKO.
      DATA: BEGIN OF header OCCURS 0,
              ld_txt1(163),
              ld_txt2(163),
              ld_txt3(163),
            END OF header.
      DATA: li_lines LIKE STANDARD TABLE OF tline WITH HEADER LINE,
            ID like THEAD-TDID,
            TNAME LIKE THEAD-TDNAME,
            TDOBJECT like THEAD-TDOBJECT.
      DATA  HTEXT LIKE EKKO-EBELN.
    READ TABLE in_tab WITH KEY EKKO-EBELN.
      if sy-subrc = 0.
      TNAME = in_tab-value.
      ENDIF.
    ALL FUNCTION 'READ_TEXT'
      EXPORTING
      CLIENT                        = SY-MANDT
        id                            = 'F01'
        language                      = 'E'
        name                          = TNAME
        object                        = 'EKKO'
      ARCHIVE_HANDLE                = 0
      LOCAL_CAT                     = ' '
    IMPORTING
      HEADER                        =
      tables
        lines                         = li_lines
    EXCEPTIONS
       ID                            = 1
       LANGUAGE                      = 2
       NAME                          = 3
       NOT_FOUND                     = 4
       OBJECT                        = 5
       REFERENCE_CHECK               = 6
      WRONG_ACCESS_TO_ARCHIVE       = 7
      OTHERS                        = 8
    IF sy-subrc  0.
    MESSAGE ID SY-MSGID TYPE SY-MSGTY NUMBER SY-MSGNO
            WITH SY-MSGV1 SY-MSGV2 SY-MSGV3 SY-MSGV4.
    ENDIF.
    data : f_lines TYPE i,
    DESCRIBE TABLE li_lines LINES f_lines.
    data: lstr type String,
          lstr1 type string,
          lstr2 type string,
          lstr3 type string,
          lstr4 type string.
    read table li_lines index 1.
    lstr = li_lines
    condense lstr.
    clear li_lines
    read table li_lines index 2.
    lstr1 = li_lines
    condense lstr.
    clear li_lines
    read table li_lines index 3.
    lstr2 = li_lines
    condense lstr.
    clear li_lines
    if f_lines GT 3.
    ead table li_lines index 4.
    lstr3 = li_lines
    condense lstr.
    clear li_lines
    ead table li_lines index 5.
    lstr4 = li_lines
    condense lstr.
    clear li_lines
    endif.
    data : v_text type text.
    concatenate  lstr1 lstr2 lstr3 lstr4 into v_text separate by ' '.
    CLEAR out_tab.
    READ TABLE out_tab WITH KEY name = 'TNAME'.
    out_tab-value = v_text
    MODIFY out_tab INDEX sy-tabix.
    Regards
    Nayan Kumar

  • Pdf not listed in smart phone app

    I am having adobe reader app in my smart phone. It is not listing some of the pdf files from the SD card even though i had chosen all pdfs in document view pane

    For both 'Folder View' as well as 'All PDFs' view, all non hidden PDF files on the external SD Card as well as internal storage are listed by Adobe Reader. Are these files on a specific location(like a certain folder) on your SD Card? Are you able to access these files from outside Reader(i.e. File Manager or some other application)? If yes, when you open them, do you see their entry in Recents?
    Thanks,
    Adobe Reader Team

  • INCLUDE  in header text not processed in Smartform

    Hello all,
    In transaction ME22N the user is adding header text in this manner:
    They go into the SAPscript editor, go to insert and select standard text, select from the list of standard text, and it adds
    /: INCLUDE Z_SPA_SINST OBJECT TEXT ID ST in the editor
    Now going back to ME22N in the header text it also displays
    INCLUDE Z_SPA_SINST OBJECT TEXT ID ST.  How is this line processed in Smartforms? 
    If other header text is added by entering directly in the SAPscript editor it will show on the PO but not this INCLUDE line. 
    Thank you,
    JR

    Hi,
    declare a text type  and use the include text instead of text element and
    concanate the PO NO and the ITem No to Text Name   G_TEXT_KEY
    give the value for the field
    Text Name         &G_TEXT_KEY&
    Text Object       EKPO
    Text ID           ST
    Language          &SY-LANGU&
    for more info refer  form /SMB40/MMPO_A
    Regards
    Shiva

  • SMS texts, not Imessages, on multiple phones with the same Apple ID

    Is it possible that outgoing and incoming SMS texts, not imessages, could be seen on two seperate Iphones that share the same Apple ID? I'm wondering because I have been SMS texting a friend about a gift for my husband and I'm wondering if he was able to read them.
    Thanks!

    Outgoing or Incoming texts? I was texting with a person with an iphone that is one the same network, if that matters.  But they were all green, so i know they were SMS.

  • Header text not displayed in script  for Quotation

    Dear all ,
    I am using standard form for quotation printing but the text i enter in  quotation header it is not getting displayed in the standard layout of the quotaion . is there any settings i need to do .
    pls advise
    Ramar

    Dear all ,
    I am using standard form for quotation printing but the text i enter in  quotation header it is not getting displayed in the standard layout of the quotaion . is there any settings i need to do .
    pls advise
    Ramar

  • Header text not displayed in quotation

    Dear all ,
    I am using standard form for quotation printing but the text i enter in quotation header it is not getting displayed in the standard layout of the quotaion . is there any settings i need to do .
    pls advise
    Ramar

    you have to read_text function module for that.......for that you need
    id
    object
    name   which is diffenrent for standard program ,you have to pass these parameters and on the basis you have to read text... i am sending you code
    DATA: wa_ltext     TYPE tline,
          current_line TYPE i,
          prev_line    TYPE i.
    LOOP AT ta_ltext WHERE tdline NE space.
      CASE ta_ltext-tdformat.
        WHEN '='.
          prev_line = sy-tabix - 1.
          READ TABLE ta_ltext INTO wa_ltext INDEX prev_line.
          IF sy-subrc = 0.
            CONCATENATE wa_ltext-tdline ta_ltext-tdline
                   INTO ta_ltext2-tdline.
            MODIFY ta_ltext2 INDEX current_line.
          ENDIF.
        WHEN OTHERS.
          ta_ltext2-tdline = ta_ltext-tdline.
          APPEND ta_ltext2.
          current_line = sy-tabix.
      ENDCASE.
    ENDLOOP.
    DATA:   BEGIN OF ttab OCCURS 0.
            INCLUDE STRUCTURE tline.
    DATA:   END OF ttab.
    DATA:   BEGIN OF tinlinetab OCCURS 0.
            INCLUDE STRUCTURE tline.
    DATA:   END OF tinlinetab.
    DATA: BEGIN OF thead.
            INCLUDE STRUCTURE thead.
    DATA: END OF thead.
    lv_objname = it_lips-posnr.
      CONCATENATE it_lips-vbeln lv_objname INTO lv_objname.
      PERFORM read_item_text1 USING lv_objname it_lips-vbeln.
    *&      Form  read_item_text1
          text
         -->P_LV_OBJNAME  text
         -->P_IT_LIPS_VBELN  text
    FORM read_item_text1  USING    P_OBJNAME
                                   P_IT_LIPS_VBELN.
      CLEAR : v_regcarr , v_intcarr ,
                v_reqdate , v_commdate.
      CLEAR: thead,it_likp-traty.
      REFRESH : ttab, tinlinetab.
      thead-tdid     = '0001'.
      thead-tdspras  = sy-langu.
      thead-tdname   =  p_objname.
      thead-tdobject = 'VBBP'.
      CALL FUNCTION 'READ_TEXT_INLINE'
        EXPORTING
          id              = thead-tdid
          inline_count    = 1
          language        = thead-tdspras
          name            = thead-tdname
          object          = thead-tdobject
        IMPORTING
          header          = thead
        TABLES
          inlines         = tinlinetab
          lines           = ttab
        EXCEPTIONS
          id              = 1
          language        = 2
          name            = 3
          not_found       = 4
          object          = 5
          reference_check = 6
          OTHERS          = 7.
      IF sy-subrc <> 0.
    MESSAGE ID SY-MSGID TYPE SY-MSGTY NUMBER SY-MSGNO
            WITH SY-MSGV1 SY-MSGV2 SY-MSGV3 SY-MSGV4.
      ENDIF.
    and if you ar using smartforms
    you kan read text in this way
    program lines
    input parameters         output parameters
    gs_vbrp                 GV_TYPPKG
    gs_item
    CLEAR: GV_TYPPKG.
    CONCATENATE
    gs_ITEM-vbeln
    gs_ITEM-posnr INTO GV_TYPPKG.
    create>text, type>include text
    1)text name  --> &GV_TYPPKG&
    2)text object-->VBBP
    3)Text id    ->Z009
    4)lan       -->en
    tick mark no error if no text exists
    also provide standard paragraph and first paragraph
    reward points if satisfied

  • Order Header Text not copied to Invoice Header

    Hi All friends
    I have created text id for copiying sales order header to invoice header in votxn. I assign in text procedure of sales order as well as Invoice text procedure. I create sales order with maintaining text ID But when i created invoice with same sales order text id is not copied. Please suggest me what steps i should take and what Access sequence i must maintain to copy text from Sales order to Invoice.
    I have maintained the access sequence and maintain the required text id in access sequence. But system is only access the first text id from order header to Invoice header not other text id  which i maintain in order.
    Regards
    Shambhu
    Edited by: SHAMBHU SARKAR on Dec 29, 2008 12:30 PM

    Hi shambu
    while doing text determination in one step in i think in text id's in text procedures, maintain as TEXT IS OBLIGATORY AND SHOULD BE DISPLAYED WHILE COPYING.
    Text is obligatory and displayed when Transferring - whatever text you have entered in the sales order that will be copied into preceding document say delivery or billing
    Regards
    Srinath

  • Texts not working between two phones

    My father and I cannot receive texts from each other.  He's got a Samsung Galaxy Avant on T-Mobile and I've got an Iphone 6 Plus on Verizon Wireless.  Neither of us receive any errors.  Nothing is blocked on my account or on my phone.  I'd like to verify with support if the messages are traversing Verizon's network.  I'm trying to determine if we have a carrier, software or hardware issue. The issue was intermittent in the past but has been constant for months.

    The issue magically cleared up after I chatted online with cust service, was told there was nothing wrong on Verizon's end, then posted here.  Someone fixed something, but nothing was communicated to me.  Would love to know what was fixed in case it happens again, as well as to quell my curiosity.  I'm paid to fix technical problems and actually get excited about solutions.  The log of my previous chat was deleted above by the site admin for "violating terms of service." Would be nice if the admins (or anyone at verizon) could exert the required effort to find out what the fix was and communicate it to me, but editing support blogs seems like the priority.  Like most large companies, verizon seems to have its priorities out of whack.  Maybe fix your useless chat support, rather than delete the post which illustrates its ineptitude.  Customer service is dead :( On a brighter note, dad and I can now text eachother again.  Huzzah!

  • Delivery Header Text not getting updated using Inbound DELVRY03 IDOC

    Hello,
    I am using inbound iDOC delivery DELVRY03. I am attempting to populate a text field with segment E1TXTH8, but I can not get it to work properly. The iDOC gets posted successfully in status 53, but text does not get updated.
    Does anyone know what the values for field FUNCTION are supposed to be?
    Any other suggestions?

    Following are the values
    E1TXTH8
    Function             001
    Text Object          VBBK
    Text Name            0080000210
    Text ID              Z112
    Language             EN
    Text format
    LANGUA_ISO           EN
    Item
    E1TXTP8                     * 12343468912334445424
    E1TXTP8                     * 12343468912334445423
    E1TXTP8                     * 12343468912334445422

  • Header text not showing up in browser

    My h2 text is not showing up in the browser (IE).  Also of concern is the bad formatting that appears when this page is opened in Chrome.  Any thoughts?
    http://moxiespeak.com/
    THANK YOU!

    Your CSS and JS links are all pointing to files on your hard drive.
    e.g.
    <link href="file:///C|/Users/christy/Documents/Moxie Speak 05 23 11/Moxie Speak Branding/Rejects/Final website/Original Template/site/css/reset.css" rel="stylesheet" type="text/css" />
    should read something like
    <link href="css/reset.css" rel="stylesheet" type="text/css" />

  • Column Header Text not displaying for multi-set column block

    Hello,
    I have assigned a key figure set to a column block in a report writer report in ECC 6 using table FAGLFLEXT with both additional text functionality use and without use of additional text.
    I can't get the column headings text for these key figure sets in the column block to appear on a report writer report.
    Your assistance in getting the column headings text to appear will be greatly appreciated.
    Thanks,
    Michael Hamp

    For more clarity, and to make sure that the error is not in my database or series query, I have replicated the error online here:
    http://apex.oracle.com/pls/apex/f?p=27270:4
    I plotted 3 series in the first region, including one series with no data for one period.
    I plotted the fourth series in the second region, which has no data for 2 months. When I try to plot this in the first chart, nothing is displayed.
    I can't understand why this is happening, I hope that there is a solution for this. I can share the workspace password where the above application is, if some one wants to take a look.

Maybe you are looking for

  • What is a plug-in?

    I just updated Java (I think) and a box of instructions about "activating" and "updating" and "plug-ins", etc. appeared. I have no idea why or what or when or where or whether- I am to understand and/or do. I read all the instructions several times b

  • Why no sound output?

    This will seem really dumb but I am getting no sound today, on the same project as yesterday. I am playing an Akai EWI breath controller and can see in the transport bar the 'NO IN' change each time I play a note. But the bottom 'NO OUT' stays that w

  • Is it possible to run Tiger in Snow Leopard using Parallels?

    Hey All, Anyone know if it is possible to run Tiger in Snow Leopard using Parallels? I am using SPSS 16 and it is not compatible with snow leopard. A temporary fix right now if I partitioned my hard drive and installed Leopard on some extra space to

  • All of A sudden I am getting McAfee pop-ups, why?

    I have advanced pop-up blockers in place, I have not had any in a very long time. I do not have, nor have I inquired about McAfee products. I am running Windows7 home premium,w/ MSN security suite, Windows Defender, & Super Antispyware Professional;

  • Are there some Font supporting all utf-16 code including all supplementary?

    Are there some Font supporting all utf-16 code including all supplementary code? In an application, I need to show some text encoded in utf-16, which is multilingual and Have some of supplementary character, so want to know a font to show it correctl