Po header text doesn't display on po printing?

Hi experts,
We create new po doc type. Now we found when we create po and input header text manually, it can't be previewed in po form. We check some table ,it seems T166K / xT166K doesn't include this text.
May I know for new doc type, any text config need be done? Or how to setup text with doc type ?
Thanks
Alice

check in SPRO:
Materials ManagementPurchasingMessagesDefine Texts for Purchase Order- > Text for Document Header , maintain your doc type , object EKKO , Text id F01, and try again.

Similar Messages

Cp5 - Text Entry Box - Fill Alpha =0 Text doesn't display

In previous versions I was able to select a trans background for text entry boxes. They've created a Fill and Stroke option where I can select Fill Alpha=0 (tranparent) but when I select that, the text doesn't display in the text box when I type, as it did in the previous version. When I go to the style editor, the preview displays correctly. My text colour is black and the image is white.
Thoughts?
M-

It is aknown bug that they are working on. Alas.

Text doesn't display in flash

my flash movies work fine on every computer i have tested
(about 10 both macs and pc's) but i have found one where the flash
movies play (images and animation appear fine) but the text (static
text) doesn't display at all! there is also no streaming video. the
audio works just fine but the video is not there. is this an
internet options configuration problem with this one machine or is
this a bigger problem that is going to bite me in the butt when i
launch my site.
also- do any of you know of any beta testing services that
will test my site on lots of different machines with different
configurations so that i can feel confident that my site is robust
enough for a lot of users?
thank you

Hey, yall - I'm having the same problem. Anybody got
anything???
The text - even static/non-animating text - is not appearing
on some peoples browsers. Not only that, but it also doesn't appear
in my client's Contribute program - f'in' wierd!
http://christina-ammon.com/index.html

Cpt 5 - Quiz Answer Text Doesn't Display

Situation: I've created a course with mutliple lessons. At the end of each lesson I use quiz pages to ask knowledge recall questions. These are scored but given a value of 0 points.
At the end of the course, I have a quiz that is scored.
Problem: On my machine, the quiz functions as it should. When I have collegues test it, the quiz answer text does not display. The check boxes and the letters display. Clicking a check box works but when CheckIT (the submit button) is clicked it provides the feedback that an answer must be given.
This page has a video on it, others do not with the same display.
I thought it might be a font issue, but when I changed it to Arial, not change. Also, why would the font affect the fucntionality (i.e., clicking a checkbox not work)?
Any thoughts?
Thanks, in advance, for any help.
Michael

Looks like you may have removed some of the standard elements that are required for a quiz question to function. I suggest you insert a new quiz question and this time don't remove any of the standard captions or the review area.

CSS - main content h1 and p text doesn't display properly

Hi all,
I know this is something really simple, but I just can't seem to get it right. The h1 and the p text in the main content should have left and right padding to display properly (i.e. space on either side so it's not squished against the Accordion Spry), but it doesn't work. It shows correctly in DW, but not online. I'm just learning CSS so sorry for the ignorance! I've tried everything I know and can't seem to get it right. I would appreciate ANY help at all.
http://www.TailgatorsHockey.com/news.html
Attached is the .css file...
Thanks so much!

The padding and margin are certainly showing in the browser for the h1 tag but you have no padding or margin declared in your css styles for the paragraph tag in the 'main-content' <div>
Add ths to your css styles:
#main-content p {
padding: 0 25px 0 25px; /*top/right/bottom/left*/
margin-left: 10px;

_sans and _serif Text Doesn't Display

Hello,
I think I might have a font problem, but don't know where to
look to find out or how to fix it.
Any static text box I create with _sans or _serif font chosen
displays no text when I run the movie. If I choose Verdana, for
example the text appears at runtime.
Any dynamic text box, regardless of font chosen doesn't
appear when I run the movie. (_sans, _serif, or Verdana)
I'm running Flash 8 Professional on a new Mac Pro Quad, Intel
Processor. Is this a common problem? Every other application seems
to run fine
Thanks,
Julia

JuliaO wrote:
> Hello,
>
> I think I might have a font problem, but don't know
where to look to find out
> or how to fix it.
>
> Any static text box I create with _sans or _serif font
chosen displays no text
> when I run the movie. If I choose Verdana, for example
the text appears at
> runtime.
These are device fonts, w/o outlines and are not always
suitable for use.
Especially when comes to text which is Masked or apply with
any color effect.
> Any dynamic text box, regardless of font chosen doesn't
appear when I run the
> movie. (_sans, _serif, or Verdana)
If the text is under a mask, it require font outlines.
Best Regards
Urami
!!!!!!! Merry Christmas !!!!!!!
Happy New Year
<urami>
If you want to mail me - DO NOT LAUGH AT MY ADDRESS
</urami>

Set html text doesn't display all numbers

Ok, so that one is a strange.
I was playing around with the scroll event on a rectangle (not on Stage) and wanted to display the scroll value
So code looks like this :
Symbol.bindElementAction(compId, symbolName, "${_Rectangle}", "scroll", function(sym, e) {
var ScrollDuHaut = e.currentTarget.scrollTop;
console.log(ScrollDuHaut);
sym.$("Text").html(ScrollDuHaut);
But once in a while, the Text element doesn't show up, although just the numbers changed…
Any clue is welcome : Weird display of scroll

Hi,
I tested your files using Firefox 20 (beta), Opera 12.5 and Internet Explorer 10. It runs fine.
Only webkit browsers fail to return correctly sym.$("Text").html()

SVG text doesn't display correctly in Illustrator

The following SVG (generated via Cairo) displays correctly within browsers (Firefox and Safari), but not within Illustrator: the glyph symbols are drawn at the wrong scale, upside-down, and on top of one another. Is the problem within the SVG file itself? That doesn't seem likely, given that the browsers have no problem with the file. If the problem is within Illustrator... what is the root of the problem, and is there any possible workaround?
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="700pt" height="700pt" viewBox="0 0 700 700" version="1.1">
<defs>
<g>
<symbol overflow="visible" id="glyph0-0">
<path style="stroke:none;" d="M 11.3125 -9.078125 C 8.914062 -9.078125 7.253906 -8.800781 6.328125 -8.25 C 5.410156 -7.695312 4.953125 -6.765625 4.953125 -5.453125 C 4.953125 -4.398438 5.296875 -3.5625 5.984375 -2.9375 C 6.679688 -2.320
312 7.625 -2.015625 8.8125 -2.015625 C 10.457031 -2.015625 11.773438 -2.597656 12.765625 -3.765625 C 13.765625 -4.929688 14.265625 -6.476562 14.265625 -8.40625 L 14.265625 -9.078125 Z M 17.21875 -10.296875 L 17.21875 0 L 14.265625 0 L 1
4.265625 -2.734375 C 13.585938 -1.640625 12.742188 -0.832031 11.734375 -0.3125 C 10.722656 0.207031 9.488281 0.46875 8.03125 0.46875 C 6.175781 0.46875 4.703125 -0.046875 3.609375 -1.078125 C 2.523438 -2.117188 1.984375 -3.507812 1.9843
75 -5.25 C 1.984375 -7.28125 2.660156 -8.8125 4.015625 -9.84375 C 5.378906 -10.875 7.410156 -11.390625 10.109375 -11.390625 L 14.265625 -11.390625 L 14.265625 -11.6875 C 14.265625 -13.050781 13.8125 -14.101562 12.90625 -14.84375 C 12.00
7812 -15.59375 10.753906 -15.96875 9.140625 -15.96875 C 8.109375 -15.96875 7.101562 -15.84375 6.125 -15.59375 C 5.144531 -15.351562 4.203125 -14.984375 3.296875 -14.484375 L 3.296875 -17.21875 C 4.390625 -17.644531 5.445312 -17.960938 6
.46875 -18.171875 C 7.488281 -18.378906 8.476562 -18.484375 9.4375 -18.484375 C 12.050781 -18.484375 14 -17.804688 15.28125 -16.453125 C 16.570312 -15.097656 17.21875 -13.046875 17.21875 -10.296875 Z M 17.21875 -10.296875 "/>
</symbol>
<symbol overflow="visible" id="glyph0-1">
<path style="stroke:none;" d="M 16.0625 -9 C 16.0625 -11.1875 15.613281 -12.898438 14.71875 -14.140625 C 13.820312 -15.378906 12.585938 -16 11.015625 -16 C 9.453125 -16 8.222656 -15.378906 7.328125 -14.140625 C 6.429688 -12.898438 5.984
375 -11.1875 5.984375 -9 C 5.984375 -6.820312 6.429688 -5.113281 7.328125 -3.875 C 8.222656 -2.632812 9.453125 -2.015625 11.015625 -2.015625 C 12.585938 -2.015625 13.820312 -2.632812 14.71875 -3.875 C 15.613281 -5.113281 16.0625 -6.8203
12 16.0625 -9 Z M 5.984375 -15.3125 C 6.597656 -16.382812 7.378906 -17.179688 8.328125 -17.703125 C 9.285156 -18.222656 10.425781 -18.484375 11.75 -18.484375 C 13.9375 -18.484375 15.710938 -17.613281 17.078125 -15.875 C 18.453125 -14.13
2812 19.140625 -11.84375 19.140625 -9 C 19.140625 -6.164062 18.453125 -3.878906 17.078125 -2.140625 C 15.710938 -0.398438 13.9375 0.46875 11.75 0.46875 C 10.425781 0.46875 9.285156 0.207031 8.328125 -0.3125 C 7.378906 -0.832031 6.597656
-1.628906 5.984375 -2.703125 L 5.984375 0 L 3 0 L 3 -25.078125 L 5.984375 -25.078125 Z M 5.984375 -15.3125 "/>
</symbol>
<symbol overflow="visible" id="glyph0-2">
<path style="stroke:none;" d="M 16.09375 -17.359375 L 16.09375 -14.578125 C 15.257812 -15.046875 14.421875 -15.394531 13.578125 -15.625 C 12.734375 -15.851562 11.878906 -15.96875 11.015625 -15.96875 C 9.097656 -15.96875 7.609375 -15.359
375 6.546875 -14.140625 C 5.484375 -12.921875 4.953125 -11.207031 4.953125 -9 C 4.953125 -6.800781 5.484375 -5.09375 6.546875 -3.875 C 7.609375 -2.65625 9.097656 -2.046875 11.015625 -2.046875 C 11.878906 -2.046875 12.734375 -2.160156 13
.578125 -2.390625 C 14.421875 -2.617188 15.257812 -2.96875 16.09375 -3.4375 L 16.09375 -0.6875 C 15.269531 -0.300781 14.414062 -0.015625 13.53125 0.171875 C 12.644531 0.367188 11.703125 0.46875 10.703125 0.46875 C 7.984375 0.46875 5.820
312 -0.382812 4.21875 -2.09375 C 2.625 -3.800781 1.828125 -6.101562 1.828125 -9 C 1.828125 -11.945312 2.632812 -14.265625 4.25 -15.953125 C 5.863281 -17.640625 8.078125 -18.484375 10.890625 -18.484375 C 11.804688 -18.484375 12.695312 -1
8.390625 13.5625 -18.203125 C 14.4375 -18.015625 15.28125 -17.734375 16.09375 -17.359375 Z M 16.09375 -17.359375 "/>
</symbol>
</g>
</defs>
<g id="surface1">
<g style="fill:rgb(0%,0%,0%);fill-opacity:1;">
<use xlink:href="#glyph0-0" x="100" y="130.94043"/>
<use xlink:href="#glyph0-1" x="120.222656" y="130.94043"/>
<use xlink:href="#glyph0-2" x="141.169922" y="130.94043"/>
</g>
</g>
</svg>

Yes, a browser displays it fine. But they also often display invalid html code fine. Your code does validate. And InkScape does open it fine. InkScape does have it in the root rather than on a layer, don't know if that is making a difference to Illustrator or not. Nothing else I have that opens SVG files deals with it as well as Illustrator.
Here is the same file, text put back and resized down a bit. Run it through validation. You'll note Illustrator does not use the MathML 2.0 extensions. Perhaps that is the hang up.
<?xml version="1.0" encoding="utf-8"?>

<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="612px" height="792px" viewBox="0 0 612 792" enable-background="new 0 0 612 792" xml:space="preserve">
<symbol id="glyph0-0" viewBox="-7.617 -9.477 15.234 18.953">
<path id="path9_1_" fill="#010101" d="M1.711-0.07c-2.398,0-4.059,0.277-4.984,0.828c-0.918,0.555-1.375,1.484-1.375,2.797
c0,1.055,0.344,1.891,1.031,2.516c0.695,0.617,1.641,0.922,2.828,0.922c1.645,0,2.961-0.582, 3.953-1.75
c1-1.164,1.5-2.711,1.5-4.641V-0.07H1.711z M7.617-1.289V9.008H4.664V6.273c-0.68,1.094-1.523,1.902-2.531,2.422
C1.121,9.215-0.113,9.477-1.57,9.477c-1.855,0-3.328-0.516-4.422-1.547C-7.078,6.891-7.617,5 .5-7.617,3.758
c0-2.031,0.676-3.563,2.031-4.594c1.363-1.031,3.395-1.547,6.094-1.547h4.156V-2.68c0-1.363- 0.453-2.414-1.359-3.156
c-0.898-0.75-2.152-1.125-3.766-1.125c-1.031,0-2.039,0.125-3.016,0.375c-0.98,0.242-1.922,0 .609-2.828,1.109v-2.734
c1.094-0.426,2.148-0.742,3.172-0.953c1.02-0.207,2.008-0.313,2.969-0.313c2.613,0,4.563,0.6 8,5.844,2.031
C6.969-6.09,7.617-4.039,7.617-1.289z"/>
</symbol>
<symbol id="glyph0-1" viewBox="-8.07 -12.773 16.141 25.547">
<path id="path12_1_" fill="#010101" d="M4.992,3.305c0-2.188-0.449-3.898-1.344-5.141C2.75-3.074,1.516-3.695-0.055-3.695
c-1.563,0-2.793,0.621-3.688,1.859c-0.898,1.242-1.344,2.953-1.344,5.141c0,2.18,0.445,3.887 ,1.344,5.125
c0.895,1.242,2.125,1.859,3.688,1.859c1.57,0,2.805-0.617,3.703-1.859C4.543,7.191,4.992,5.4 84,4.992,3.305z M-5.086-3.008
c0.613-1.07,1.395-1.867,2.344-2.391C-1.785-5.918-0.645-6.18,0.68-6.18c2.188,0,3.961,0.871 ,5.328,2.609
C7.383-1.828,8.07,0.461,8.07,3.305c0,2.836-0.688,5.121-2.063,6.859c-1.367,1.742-3.141,2.6 09-5.328,2.609
c-1.324,0-2.465-0.262-3.422-0.781c-0.949-0.52-1.73-1.316-2.344-2.391v2.703H-8.07v-25.078h 2.984V-3.008z"/>
</symbol>
<symbol id="glyph0-2" viewBox="-7.133 -9.477 14.266 18.953">
<path id="path15_1_" fill="#010101" d="M7.133-8.352v2.781C6.297-6.039,5.461-6.387,4.617-6.617
C3.773-6.844,2.918-6.961,2.055-6.961c-1.918,0-3.406,0.609-4.469,1.828s-1.594,2.934-1.594, 5.141c0,2.199,0.531,3.906,1.594,5.125
s2.551,1.828,4.469,1.828c0.863,0,1.719-0.113,2.563-0.344c0.844-0.227,1.68-0.578,2.516-1.0 47v2.75
C6.309,8.707,5.453,8.992,4.57,9.18C3.684,9.375,2.742,9.477,1.742,9.477c-2.719,0-4.883-0.8 52-6.484-2.563
c-1.594-1.707-2.391-4.008-2.391-6.906c0-2.945,0.805-5.266,2.422-6.953c1.613-1.688,3.828-2 .531,6.641-2.531
c0.914,0,1.805,0.094,2.672,0.281C5.477-9.008,6.32-8.727,7.133-8.352z"/>
</symbol>
<use xlink:href="#glyph0-0" width="15.234" height="18.953" id="use20" x="-7.617" y="-9.477" transform="matrix(6.3499 0 0 6.3499 102.2407 253.0596)" overflow="visible"/>
<use xlink:href="#glyph0-1" width="16.141" height="25.547" id="use22" x="-8.07" y="-12.773" transform="matrix(6.2672 0 0 6.2672 218.9004 233.1802)" overflow="visible"/>
<use xlink:href="#glyph0-2" width="14.266" height="18.953" id="use24" x="-7.133" y="-9.477" transform="matrix(6.3016 0 0 -6.3016 326.4082 253.5166)" overflow="visible"/>
</svg>
Take care, Mike

Text Doesn't Display in IE6

I have developed a dynamic website with DreamWeaver CS3 and Developer Tool Box using php and MySQL and on some dynamicaly generated pages the text above the generated table only appears when moused over. This happens in IE6, not Firefox. An example of it is at www.montrosechamber.com/categoryselect.php select a category - Advertising for instance, and click on the "View Businesses" link. The next page will not have the page title until you drag the cursor over it. Anyone have suggestions? I thought maybe the Spry navigation bar was the culprit but it happens elsewhere as well.

Hi Yvonne,
just checked that with several browsers, and the headline displays fine on: Firefox, IE7, and Opera 9 -- but, as you said, not on IE6.
Dunno, but could that be one of the many CSS rendering quirks on IE6 ?
BTW, when viewing the pages with Opera, the Spry Navigation bar displays "Members Benefits" and "Home" wrapped to a new line
Cheers,
Günter Schenk
Adobe Community Expert, Dreamweaver

Button's Text Doesn't Display The First Time

Hi there.
I'm new to flash, and have come across the following problem,
and can't seem to resolve it. It's really urgent that it's fixed
ASAP. Can someone help me please?
If you go to www.apollosci.co.za, the flash intro, at the
bottom. The tab's text is missing. But when you go to another page,
then go back to the flash intro page, the text shows. It's just the
first time that its gone. And of course, the first time is the
crucial part.
I have tried different routes to fix this, by changing the
character length, trying different codes in the menu.txt... but
nothing seems to work. And as I mentioned above, I'm quite new to
flash and code.
I'm using MS Front Page to upload the website.

I am also having this problem. I open the app, it runs the startup screen and then the screen goes away but nothing happens.
this is the log file that i got
==============
!SESSION 2009-07-10 22:51:12.000 -----------------------------------------------
eclipse.buildId=unknown
java.version=1.6.0_01
java.vendor=Sun Microsystems Inc.
BootLoader constants: OS=win32, ARCH=x86, WS=win32, NL=en_US
Command-line arguments: -os win32 -ws win32 -arch x86 -clean
!ENTRY org.eclipse.equinox.p2.ui.sdk 2 0 2009-07-10 22:51:43.000
!MESSAGE Could not locate the running profile instance

When I type, the text doesn't display on the screen immediately

I type rather quickly, yet lately, I've noticed, as I'm typing, it takes several seconds for the text to show up on the screen. I haven't spilled anything on my keyboard, my computer is fully charged, and I've restarted it twice. Does anyone know what's wrong or have a solution?

Start Firefox in <u>[[Safe Mode]]</u> to check if one of the extensions or if hardware acceleration is causing the problem (switch to the DEFAULT theme: Firefox (Tools) > Add-ons > Appearance/Themes).
*Don't make any changes on the Safe mode start window.
*https://support.mozilla.com/kb/Safe+Mode

Header Image doesn't display with accessability options on

When I turn on Options, Content, Colors, Then unclick the allow pages to choose own colors checkbox.... the header of my site & slider disappears...
www.naswil.org
== This happened ==
Every time Firefox opened
== I check the box...I can make it stop obviously... but I want that to be an option for visually impaired viewers.

Don't use background images if you want users to see your website with the "use website colors" option unchecked.
If you disable website colors then all background images are suppressed in addition of using the default colors.
You can also look at NoSquint to select default colors instead of using that setting.
I don't know what NoSquint does with background images, so you have to check that.
NoSquint - https://addons.mozilla.org/firefox/addon/2592

Setting ALV Header text doesn't work

I'm trying to set different titles on my headers of the ALV table. To do this I do the following during the WDDOINIT of the COMPONENTCONTROLLER.
CALL METHOD WD_THIS->GO_ALV_EINSTELL->IF_SALV_WD_COLUMN_SETTINGS~GET_COLUMNS
    RECEIVING
      VALUE = lt_columns
LOOP AT lt_columns INTO ls_column.
    CASE ls_column-ID.
      WHEN 'SETTING_ID'.
        CALL METHOD LS_COLUMN-R_COLUMN->SET_FIXED_POSITION
           EXPORTING
             VALUE = CL_WD_ABSTR_TABLE_COLUMN=>E_FIXED_POSITION-LEFT
        CALL METHOD LS_COLUMN-R_COLUMN->SET_POSITION
          EXPORTING
            VALUE = '2'
        CALL METHOD LS_COLUMN-R_COLUMN->GET_HEADER
          RECEIVING
            VALUE = lo_header
        IF NOT ( lo_header IS BOUND ).
          CALL METHOD LS_COLUMN-R_COLUMN->CREATE_HEADER
            RECEIVING
              VALUE = lo_header
        ENDIF.
        CALL METHOD LO_HEADER->SET_TEXT
          EXPORTING
            VALUE = 'Einstellung'
      WHEN 'EVENT_TYPE'.
    ENDCASE.
ENDLOOP.
The debugger shows me that the different titles are updated but when it gets displayed I see the old DDIC titles. Any ideas on how to fix this?

I hope you want to change the name of ALV column in the display.
Try following code for the same:
DATA: l_ref_interfacecontroller TYPE REF TO iwci_salv_wd_table .
l_ref_interfacecontroller =   wd_this->wd_cpifc_alv_table( ). " Value from the prop tab of the view
DATA: l_value TYPE REF TO cl_salv_wd_config_table.
l_value = l_ref_interfacecontroller->get_model( ).
DATA l_column TYPE REF TO cl_salv_wd_column.
DATA l_header TYPE REF TO cl_salv_wd_column_header.
l_column = l_value->if_salv_wd_column_settings~get_column( 'MATNR' ). " Name of column you want to change
l_header = l_column->get_header( ).
l_header->set_ddic_binding_field( ).
l_header->set_text( `Material Nuber` ). " Name that is to be displayed
Regards,
Saket.
Edited by: Saket Abhyankar on Jan 13, 2010 3:32 PM
Edited by: Saket Abhyankar on Jan 13, 2010 3:48 PM

Changing header text in each copy while form Printing

Hi all,
I have modified the ARE1 script form. The requirement is , the form is printed with 6 copies by default.
If the number of copies of sap script is 6, then in first copy it should print ORIGINAL in the sap script. When the second copy is getting printed, it should print DUPLICATE in the sap script. When it is third copy to be printed, it should print TRIPLICATE in the sap script-------in the sixth copy as SIXTUPLICATE.

Hi Subbu,
Please try to use the pagenumber in smartform for this . If the SFSY-PAGES is two hardcode the text like DUPLICATE,if three TRIPLICATE.
Please do the hardcode at end of page only...
Regards,
Srinivas.

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">

<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>

</div>

<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>

</div>

<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>

</div>

<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>

</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>

</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>

</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>

</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>

</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>

</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>

</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>

</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>

</div>

<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>

</div>

<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>

</div>

<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>

</div>

<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>

</div>

</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>

</div>

<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>

</div>

<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>

</div>

<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>

</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>

</div>

<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>

</div>

<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>

</div>

<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>

</div>


<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>

Po header text doesn't display on po printing?

Similar Messages

Maybe you are looking for