Fixed Width Report Region
Is it possible to set a report region to fixed width rather than auto? If so, where do I edit this? Thanks!
Oh yes, you can do it on the fly with Dynamic Actions. Its all about changing the CSS Class property for table width.
Once you know how to identify the table and have its "class", you write a Dynamic Action at process point "After Page" to change the Class width property.
You could also write a OnLoad JS function to do the same. Depends on which you are more comfortable.
regards,
Similar Messages
-
How do I create Fixed-Width Report Regions in APEX?
Hi
I would like to create 3 or 4 report regions of uniform fixed-width on a single APEX page.
How do I go about this?
Each report varies in the number of columns and the width of columns.
Thanks
Kind Regards
GregHello,
Customize your region template by adding width property. -
How to fix Width of column in classic report.
Dear Friends
i am using Apex 3.2.
i have created Clasic Report and i have summary column in my report that column have description of issue so i want to fix width of that column nn Classic report .
i have try some code in html expression
<span>style="width: 480px; display: block; white-space: normal; font-size: 11px;">#ACTIVITY_SUMMARY#</span>
{code
after apply abovemention code that display me in my summary like this and not manage width of column.
style="width: 480px; display: block; white-space: normal; font-size: 11px;">Dear Cherryl, Greetings !! Thank you very much for the new query and we are pleased to confirm the availability of one single cabin in all the three categories of cabin on M.V. Mahabaahu. We would like to inform you that both the departures 15th Oct 2013 & 29th Oct 2013 (Golden triangle with Cruise) are operational and attached are the prices for your kind consideration. As a special promotion for the 15th Oct 2013 departure only, we are offering USD 100 per person reduction on the Golden triangle portion combined with the cruise. Kindly review and advise us to block the accommodation accordingly. Regards...pankaj
How to fix Width of column in classic report.
ThanksHi,
I'm working an example in APEX 4.2 so YMMV (your milage may vary!).
For Classic Reports, where the Column Attributes "Display As" is set to Display as Text (escape special characters ...:
1) I find that Column width and Element Width setting have no effect to make the column smaller or larger.
2) Here is one way that works:
- In the Region's Region Definition, under Attributes give the Static ID a name (no spaces), say, class-report.
- In the columns you want to affect, place "<div>#ENAME#</div>" in the columns Column Formatting "HTML Expression". Where "ENAME" here is the actual column name.
I'm using the EMP table as an example.
- Finally, in the page's HTML Header put, for example
<style>
#classic-report td.data[headers="ENAME"] div {
width: 200px;
color: blue;
#classic-report td.data[headers="JOB"] div {
width: 50px;
white-space: nowrap;
word-wrap: break-word;
</style>This makes the ENAME column wider and the JOB column smaller and wraps it.
Much more could be said. If you tweak you will find you can also affect spacing above, below and right/left of the data.
#classic-report .report-standard th.header {
border-left: #9fa0a0 1px solid;
padding: 2px 3px 4px 5px; /* top right bottom left margins */
font-size: 11px;
font-weight: bold;
vertical-align: bottom;
#classic-report .report-standard td.data {
border-left: #9fa0a0 1px solid;
padding: 3px 4px 5px 6px;
font-size: 9px;
}Does this help?
Howard -
How can i define the width of report column in report region ?
Hi,
I have report region and i want to have a static width for each column ( not based on column name of column data ), how can i do it ?
Thanks in advance ,
YoelCan you provide more details pls? I am also trying to change widht of report columns and I do not see anywhere in reports atrributes where it allows me to do that...Thanks so much!
-
How to create a fixed-width column within an APEX 4 interactive report?
This thread is a follow-up to {message:id=9191195}. Thanks fac586.
Partial success: The following code provided by fac586 limits the column width of the Apex 4 interactive report column as long as the column data contains whitespace within a Firefox 3.6 browser:
<pre class="jive-pre">
<style type="text/css">
th#T_DESCRIPTION {
width: 300px;
td[headers="T_DESCRIPTION"] {
width: 300px;
word-wrap: break-word;
</style>
</pre>
Notes:
1. The code above is put into the HTML header section for the page.
2. T_DESCRIPTION is defined as VARCHAR2(2000).
3. The code above works within the Firefox 3.6.12 browser but does not work within the Internet Explorer 7.0.5730.13 browser.
I tried adding "float: left;":
<pre class="jive-pre">
<style type="text/css">
th#T_DESCRIPTION {
width: 300px;
td[headers="T_DESCRIPTION"] {
width: 300px;
word-wrap: break-word;
<font color="red"> float: left;</font>
</style>
</pre>
Notes:
1. "float: left;" does not require whitespace and successfully splits the column between characters in lieu of whitespace.
2. "float: left;" shrinks the cell height and allows the page background to show through... couldn't determine how to fix this.
3. The code above works within the Firefox 3.6.12 browser but does not work within the Internet Explorer 7.0.5730.13 browser.
I've done some more research, but I still haven't discovered how to create a fixed-width column within an APEX 4 interactive report that displays properly within an Internet Explorer 7 browser.
Any ideas and help will be appreciated.Thanks for your help with this!
<pre class="jive-pre">
what theme are you using?
</pre>
A customized version of theme 15.
<pre class="jive-pre">
Floating a table cell makes no sense (to me anyway).
</pre>
You are correct. I was just trying a different approach ... trying to think out of the box.
<pre class="jive-pre">
Think you'll need to create an example on apex.oracle.com with sample data
if there are any further problems.
</pre>
Great suggestion! The code your provided works in the Firefox 3.6.12 browser, but still doesn't work within my Internet Explorer 7.0.5730.13 browser.
UPDATE:
I have recreated the problem at apex.oracle.com, you can use the following information to check it out:
URL: http://apex.oracle.com/pls/apex/f?p=43543:100::::::
Workspace: IR_FIXED_WIDTH_COLS
Username: GUEST
Password: Thx4help
Application: 43543 - CM_RANDY_SD
Note: Table name is TEST_DATA
The following code provided by fac586 works in both Firefox 3.6 and IE7 using default theme "21. Scarlet" at apex.oracle.com; however, it doesn't work when I use a copy of our customized theme "101. Light Blue":
<pre class="jive-pre">
<style type="text/css">
.apexir_WORKSHEET_DATA {
th#T_DESCRIPTION {
width: 300px;
max-width: 300px;
td[headers="T_DESCRIPTION"] {
max-width: 300px;
word-wrap: break-word;
</style>
<!--[if lt IE 8]>
<style type="text/css">
/* IE is broken */
th#T_DESCRIPTION,
td[headers="T_DESCRIPTION"] {
width: 300px;
</style>
<![endif]-->
</pre>
Any idea what in the theme could be causing the fixed width column to be ignored in IE 7?
Edited by: CM Randy SD on Dec 7, 2010 11:22 AM -
Controlling Column Width in Report Region
I have a report region based on a simple select statement. I'd like the table to be the full width of the region and I'd like the columns to be spaced evenly so that they are also the full width of the region. I have figured out how to set the table width via Report Attributes Substitution, but I am unable to set the column width. Any help would be greatly appreciated.
MarkHi take a look into this post:
Translated in English:
http://translate.google.de/translate?sl=de&tl=en&js=n&prev=_t&hl=de&ie=UTF-8&layout=2&eotf=1&u=http%3A%2F%2Fwww.apex-at-work.com%2F2010%2F08%2Fsilbentrennung-hyphenation-in-apex-ger.html
Code must be extracted from Original post:
http://www.apex-at-work.com/2010/08/silbentrennung-hyphenation-in-apex-ger.html
This could be also interesting for your:
http://www.apex-at-work.com/2010/03/automatic-linebreak-if-word-breaks-out.html
Tobias
http://apex-at-work.com -
Problem saving a report when using rpad in query for fixed-width
Hi There,
I'm using 9.0.4 and trying to make and save a report that will eventually produce a fixed-width text output (as opposed to delimited).
I keep getting: REP-1051 Unable to save document to file mypath/filename
REP-1070 Error while opening or saving a document - Non-specific file error occurred.
My sql query is a large string that RPADs everything and concatenates into one very long string (about 600 characters). The report runs fine while I'm working on it, but I can't save it. I finally pared the query down to a small fraction of what I need, and it did save, but as soon as I started adding back to the query, it failed again.
Does anyone know how to work around this? I don't have any flexibility with my version of Reports, as the client will not update their version.
TIA, JHi Ronan,
You can use the parameter WRAPPING to adjust the height of the header lines. Please have a look at note 1292696 which explains how to.
Best regards,
Janine -
Fixing a problem in a reports region
Hi, I have this code in cloning a popuplov inside a reports region but it has a bug it will not put a value in the textfield when selected. How will I fix this?
here is the sample: http://apex.oracle.com/pls/apex/f?p=21522:1:2930409131323084:::::#
when you add a row and select the POP UP LOV the textfield will ne null no value is displayed.
Workspace Name : OISTRS
USERNAME : demo
password :demo
workspace: test1The implementation of the <tt>apex_item.popupkey_from_lov</tt> control is rather clunky: a row-specific JS function is generated for each control in a <tt>script</tt> element that is hard-coded for that row. Your <tt>cloneRow</tt> function appears to be copying the <tt>script</tt> elements containing these functions, but you are not modifying the function JS code—it still contains the hard-coded values that refer to the original row.
-
Show Image in an SQL Report Region
Hi,
I'm having some trouble with showing an image in an sql report region.
I used the Upload/Download Tutorial in the HTMLDB How-Tos and it worked well.
Now, I have the following in the query region:
select s.facilityid, s.id, s.name, s.subject,
'<img src="#OWNER#.download_my_file?p_file=s.id" width="90" height="70">' image
from file_subjects s
where s.facilityid = :FACILITYID
I get a red X in place of the picture. I know that the pictures are there and have been uploaded successfully. Can anybody tell what I am doing wrong?
Thanks much,
NoraNevermind, I fixed it by changing the image line to
'<img src="#OWNER#.download_my_file?p_file=' || s.id || '" width="90" height="70">' image
Thanks
Nora -
How to find orientation of image displayed in a report region
Hello,
I have Apex 3.1 application showing an image in a report.
The images are held as files on the web server and filename and description held in a database table
I can use SQL to retrieve the data into report columns and then HTML expression to display the image as a fixed size as shown below. This works fine for landscape pictures but obviously distorts portrait ones.
I wanted to check the orientation of the image and adjust width and height if portrait. I was considering using javascript to get image.height and image.width but am not sure how to reference the column and feed back into the HTML expression.
Is this this the best approach and any help how to reference the column would be appreciated
Many thanks
Colin
The Report Region Source is -
select "PHOTOFILE"."FNAME" as "FNAME" ,
"PHOTOFILE"."ID" as "ID",
"PHOTOFILE"."DESCRIPTION" as "DESCRIPTION",
"PHOTOFILE"."FNAME" as "IMG2"
from "PHOTOFILE" "PHOTOFILE"
where id=:P4_IMAGE_IDColumn Attributes IMG2
Column Formatting
HTML Expression
<B><I><U><font face="verdana size="16"><center> #DESCRIPTION# </I></U>
<font face="verdana size="20">&P4_DESCRIPTION.
</B></center></font>
<br/>
<img src="#IMG2#" width=600 height=400 >This example may help you, although a bit different from what you want to achieve:
http://apex.oracle.com/pls/otn/f?p=31517:212
The point was:
1. display image region should be fixed size (300px wide and 300px height)
2. if the image size is bigger than that, the region should expand automaticaly.
Denes Kubicek
http://deneskubicek.blogspot.com/
http://www.opal-consulting.de/training
http://apex.oracle.com/pls/otn/f?p=31517:1
------------------------------------------------------------------- -
How to display the items in a Report Region
Is it possiable to have the fields in a report region based on an sql query be display in somthing other than a row? For example if I have a Report Region with four columns it will look something like:
<Field 1, row 1 value> <Field 2, row 1 value> <Field 3, row 1 value> <Field 4, row 1 value>
<Field 1, row 2 value> <Field 2, row 2 value> <Field 3, row 2 value> <Field 4, row 2 value>
<Field 1, row 3 value> <Field 2, row 3 value> <Field 3, row 3 value> <Field 4, row 3 value>
etc
Is it possiable to tell ApEx to display the Report Region like:
<Field 1, row 1 value> <Field 2, row 1 value>
<Field 3, row 1 value> <Field 4, row 1 value>
<Field 1, row 2 value> <Field 2, row 2 value>
<Field 3, row 2 value> <Field 4, row 2 value>
<Field 1, row 3 value> <Field 2, row 3 value>
<Field 3, row 3 value> <Field 4, row 3 value>
etc
Maybe there is a nother way to do this that uses somthing other than an sql based report region. Thanks very much for the help.This can be done using a SQL query report region with a [custom report template|http://download.oracle.com/docs/cd/E14373_01/appdev.32/e11838/themes.htm#sthref1744].
Unfortunately the documentation is not particularly helpful on this topic, and as use cases tend to be very specific, reusable solutions are rarely shared in the community ("custom" reports after all...) See [this thread|http://forums.oracle.com/forums/thread.jspa?messageID=1569996] for a good discussion of the technique, with a link to an example on apex.oracle.com.
A response to [another recent thread|http://forums.oracle.com/forums/thread.jspa?threadID=1012690] showed another example on page 1 of the [Online Store demo app|http://www.oracle.com/technology/products/database/application_express/packaged_apps/packaged_apps.html#STORE], which you can download, install and examine. This uses a custom report template in conjunction with the report HTML Expression feature.
(I'm not totally clear on the display you're after: it might help to repost it using some example data rather than the abstract <Field 2, row 1 value> approach. Wrap the sample in \...\ tags to get fixed width characters that can be made to align, if that will help.) -
Fix width and height of accordion
Hi All
I am building an application using jquery accordion on region 3 of page 0. In each subregion I have a treeview and when a node is choosen shows details about this node. My issue is how to fix width and height of accordion. I tried with jquery tabs instead of accordion and I put this on region header 'style=\"overflow-x:auto;display:block;max-width:340px;min-width:340px;overflow-y:auto;max-height:450px;min-height:450px;";" ', and closing tag at region footer and it worked.
Any idea?
Thanks a lot.
Ricardo
Theme: 13
EPG
Version: 4.0.2.00.06Hi Jitu
Thank you for your replay but it didn't work as I need.
I made the following test. I put on region attribute \style="width:350px;". When each subregion of accordion has only a treeview, it didn't work. When I created another subregion into accordion with a simple report, it worked fine.
I don't know what is going on and also how to fix it.
Any other idea?
Ricardo -
How to display fixed width column in Advanced Table?
Hi,
This is probably a newbie question for OAF. My requirement is quite simple but I couldn't find the answer in either the OAF developer's guide or anywhere else so I turn to the experts here. I have a region of type Table or Advanced table with three items in them. One of the Item is of type comments which could be up to 4000 characters.
I wanted to show all three on the first page but only have fixed width for the comments section like only show the first 50 characters for example and then if they want to see more detail they can click on a link to see full comments.
The problem is I cannot figure out how to make the comments item fixed width. I have played with the table width properties but it keeps displaying the comments in multiple lines (I don't want that...). I have also tried putting the Table in a Row Layout but it doesn't seem to help.
Since this is new development I can change my region style to anything to meet my requirements.
I hope this is an easy question and if someone can help me that would be great....:-)Hi,
Thanks but I was not wanting to change the VO attribute length size since I want to have a link on the first page which would enable to see a user the full 4000 comments using the same VO object. Then if I limit it to 50 characters in the VO, I will not be able to display the full comments on the second page.
Isn't there some way in the UI that I can limit it? I know one workaround I can use for now is to have another column in the VO with the 50 character value such as substr(comments, 1, 50) and then have the full comments selected also in the VO and then show this subtr value in the first page and the comments value in the 2nd. I just thought there would be an easier way about it then doing all this workaround.
Any ideas?
Thanks -
Background Image on a Report Region
Greetings,
Is it possible to put a background image on a report region? Using the code shown below I can get an image on most other region types, but the code simply doesn't work on a report region.
Thanks in advance for your help, Tony
REGION HEADER
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="left"
background = "#WORKSPACE_IMAGES#image.jpg">
<tr height="500px" align="left" valign="top">
<td>
REGION FOOTER
</td>
</tr>
</table>cloaked wrote:
Greetings fac586,
Been reading up on CSS's. I guess the main aspect is to determine the CSS component that deals with the Tabular Form in the Template I am using and modify it. I would need to modify the background attribute of the Tabular Fom, right?
Gotta crawl before I walk, so I am also assuming that I would modify the CSS initially with a hard-coded background image. Then, if I get that to work I would make the image dynamic based on the criteria in a database. Am I on the right track?
Is there a common attribute/component in the Apex Template CSS's for Tabular Forms? I've tried to find it, but am not sure what I'm looking for.Tabular forms can be created using any report template—built-in or custom—so the CSS will differ by theme and template.
Yes, you can define background images for report templates, but It's not appropriate to do what you're trying to do at the report template level. Templates are static and defined at design-time. Challenging Apex Page - Grid with 100+ items - Suggestions Needed. This needs to be dynamic and determined at run-time. -
Need help fixing validation report errors
Here are errors I am getting:
Validator Results
Report date: April 22 2012
Report time: 06:30:33
Severity
File
Description
Line
Error
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
required attribute "type" not specified
127
Error
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
required attribute "type" not specified
128
Error
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
there is no attribute "tabindex"
147
Error
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
there is no attribute "height"
151
Error
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
required attribute "alt" not specified
153
Error
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
required attribute "alt" not specified
154
Error
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
required attribute "alt" not specified
155
Error
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
required attribute "alt" not specified
156
Error
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
required attribute "alt" not specified
159
Error
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
required attribute "alt" not specified
160
Error
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
required attribute "alt" not specified
162
Error
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
required attribute "alt" not specified
163
Error
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
required attribute "alt" not specified
166
Error
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
required attribute "alt" not specified
167
Error
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
required attribute "alt" not specified
168
Error
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
required attribute "alt" not specified
169
Error
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
required attribute "alt" not specified
172
Error
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
required attribute "alt" not specified
173
Error
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
required attribute "alt" not specified
174
Error
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
required attribute "alt" not specified
175
Error
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
required attribute "alt" not specified
185
Error
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
required attribute "alt" not specified
186
Error
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
required attribute "alt" not specified
196
Error
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
required attribute "alt" not specified
197
Error
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
document type does not allow element "link" here
213
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
153
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
153
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "&" is the first character of a delimiter but occurred as data
153
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
153
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
153
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
154
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
154
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "&" is the first character of a delimiter but occurred as data
154
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
154
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
154
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
155
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
155
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
155
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
155
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
156
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
156
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
156
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
156
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
159
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
159
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "&" is the first character of a delimiter but occurred as data
159
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
159
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
159
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
160
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
160
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "&" is the first character of a delimiter but occurred as data
160
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
160
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
160
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
161
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
161
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
161
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
161
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
163
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
163
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
163
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
163
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
166
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
166
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
166
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
166
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
167
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
167
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
167
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
167
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
168
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
168
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
168
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
168
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
169
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
169
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
169
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
169
Warning
C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.html
character "<" is the first character of a delimiter but occurred as data
172
WarningI created a lightbox for my portfolio images and it works in the live view and browser view but when upload it, it does not work. Thanks
Here is the link: designs1.net/portfolio/KAD/index.html
Here is the code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
background: #42413C;
margin: 0;
padding: 0;
color: #000;
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
padding: 0;
margin: 0;
h1, h2, h3, h4, h5, h6, p {
margin-top: 0; /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
padding-right: 15px;
padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
border: none;
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
color: #42413C;
text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
a:visited {
color: #6E6C64;
text-decoration: underline;
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
text-decoration: none;
/* ~~ this fixed width container surrounds the other divs ~~ */
.container {
width: 1024px;
background: #FFF; /* the auto value on the sides, coupled with the width, centers the layout */
height: 768px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
/* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
.header {
height: 89px;
width: 1024px;
background-color: #ADB96E;
background-image: url(images/KADprintport1_01.jpg);
/* ~~ This is the layout information. ~~
1) Padding is only placed on the top and/or bottom of the div. The elements within this div have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.
.content {
height: 535px;
width: 1024px;
padding-top: 10px;
padding-right: 0;
padding-bottom: 10px;
padding-left: 0;
background-image: url(images/KADprintport1_02.jpg);
/* ~~ The footer ~~ */
.footer {
height: 102px;
width: 1024px;
padding-top: 10px;
padding-right: 0;
padding-bottom: 10px;
padding-left: 0;
background-color: #CCC49F;
background-image: url(images/KADprintport1_03.jpg);
/* ~~ miscellaneous float/clear classes ~~ */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
float: left;
margin-right: 8px;
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
#apDiv1 {
position:absolute;
width:643px;
height:41px;
z-index:1;
left: 426px;
top: 27px;
-->
</style>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#apDiv2 {
position:absolute;
width:689px;
height:538px;
z-index:2;
left: 394px;
top: 107px;
</style>
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" /><script src="js/jquery-1.7.2.min.js"></script>
<script src="js/lightbox.js"></script>
</head>
<body>
<div class="container">
<div class="header"><!-- end .header -->
<div id="apDiv1">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="index.html">Home</a> </li>
<li><a href="KADres.html">Resume</a></li>
<li><a href="KADport1.html"><strong>Portfolio</strong></a></li>
<li><a href="#">Process</a> </li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
<div class="content">
<div id="apDiv2">
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
<div class="AccordionPanelTab">PRINT</div>
<div class="AccordionPanelContent">
<table width="687" height="196" border="0" cellpadding="5" cellspacing="5">
<tr>
<th align="center" scope="col"><a href="images/Large/_5515061140.jpg"rel="lightbox" title="Date Created: 12/4/2011<br><br>Program: Adobe Photoshop & Illustrator<br><br>This poster promotes Ecochic apparel with a tagline that resonates with the whole image appearance."><img src="images/Thumb/_5515061140.jpg" width="107" height="129" /></a></th>
<th align="center" scope="col"><a href="images/Large/_6374589227.jpg"rel="lightbox" title="Date Created: 2/11/2012<br><br>Program: Adobe Photoshop & Illustrator<br><br>A full color book cover, titled Music in the digital Age, using a combination of vector and raster imagery to express the theme of the book"><img src="images/Thumb/_6374589227.jpg" width="129" height="129" /></a></th>
<th align="center" scope="col"><a href="images/Large/_4734055001.jpg"rel="lightbox" title="Date Created: 8/21/2011<br><br>Program: Adobe Illustrator<br><br>This poster promotes the natural beauty of Alaska, Mt. McKinley and some of its wildlife to urge residents to take care of the environment."><img src="images/Thumb/_4734055001.jpg" width="129" height="101" /></a></th>
<th align="center" scope="col"><a href="images/Large/_5593210516.jpg"rel="lightbox" title="Date Created: 1/3/2012<br><br>Program: Adobe Photoshop<br><br>A collage of a designer’s work from the 1920s. "><img src="images/Thumb/_5593210516.jpg" width="129" height="99" /></a></th>
</tr>
<tr>
<td align="center"><a href="images/Large/_1467227833.jpg"rel="lightbox" title="Date Created: 8/12/2011<br><br>Program: Adobe Photoshop & Illustrator<br><br>Poster design promoting support for military soldiers and The American Red Cross"><img src="images/Thumb/_1467227833.jpg" width="129" height="103" /></a></td>
<td align="center"><a href="images/Large/_1252352166.jpg"rel="lightbox" title="Date Created: 12/4/2011<br><br>Program: Adobe Photoshop & Illustrator<br><br>A book cover redesign for Johannes Itten’s “The Art of Color”. "><img src="images/Thumb/_1252352166.jpg" width="129" height="79" /></a></td>
<td align="center"><a href="images/Large/_1771736232.jpg"rel="lightbox" title="Date Created: 3/25/2012<br><br>Program: Adobe Photoshop<br><br>
An illustration of the movie Ghost DVD cover with only the use of typography and text effects."><img src="images/Thumb/_1771736232.jpg" width="129" height="91" /></a></td>
<td align="center"><a href="images/Large/_6554868794.jpg"rel="lightbox" title="Date Created: 8/6/2011<br><br>Program: Adobe Illustrator<br><br>Typographic poster using only words, color, different typefaces and Illustrator tools to illustrate the words of a song that resonate with me personally."><img src="images/Thumb/_6554868794.jpg" width="129" height="99" /></a></td>
</tr>
<tr>
<td align="center"><a href="images/Large/_7292231722.jpg"rel="lightbox" title="Date Created: 1/9/2012<br><br>Program: Adobe Photoshop<br><br> A smoke-like visual text effect using different colors, layers, and the gradient tool."><img src="images/Thumb/_7292231722.jpg" width="129" height="103" /></a></td>
<td align="center"><a href="images/Large/_9231445618.jpg"rel="lightbox" title="Date Created: 1/25/2012<br><br>Program: Adobe InDesign<br><br>A 2013 calendar design with wildcat animal theme."><img src="images/Thumb/_9231445618.jpg" width="86" height="129" /></a></td>
<td align="center"><a href="images/Large/_1396958091.jpg"rel="lightbox" title="Date Created: 3/3/2012<br><br>Program: Adobe InDesign<br><br> Brochure design for Rachael Ray cookware company."><img src="images/Thumb/_1396958091.jpg" width="129" height="99" /></a></td>
<td align="center"><a href="images/Large/_6955454525.jpg"rel="lightbox" title="Date Created: 3/11/2012<br><br>Program: Adobe Illustrator<br><br>Trifold brochure design for Columbia clothing company."><img src="images/Thumb/_6955454525.jpg" width="129" height="99" /></a></td>
</tr>
<tr>
<td align="center"><a href="images/Large/_2121752674.jpg"rel="lightbox" title="Date Created: 10/8/2012<br><br>Program: Adobe InDesign<br><br>A food and wine magazine layout."><img src="images/Thumb/_2121752674.jpg" width="99" height="129" /></a></td>
<td align="center"><a href="images/Large/_2493972603.jpg"rel="lightbox" title="Date Created: 1/20/2012<br><br>Program: Adobe Photoshop & Illustrator<br><br>Magazine layout for a winter theme."><img src="images/Thumb/_2493972603.jpg" width="129" height="83" /></a></td>
<td align="center"><a href="images/Large/_6370868564.jpg"rel="lightbox" title="Date Created: 11/19/2011<br><br>Program: Adobe Photoshop & Illustrator<br><br>A mall map created using signage and color coding."><img src="images/Thumb/_6370868564.jpg" width="129" height="83" /></a></td>
<td align="center"><a href="images/Large/_9581180847.jpg"rel="lightbox" title="Date Created: 11/10/2011<br><br>Program: Adobe Photoshop & Illustrator<br><br> A vehicle wrap design LemonFree.com using typography, vector logos, and images."><img src="images/Thumb/_9581180847.jpg" width="129" height="99" /></a></td>
</tr>
</table>
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">WEB</div>
<div class="AccordionPanelContent">
<table width="354" height="199" border="0" cellpadding="5" cellspacing="5">
<tr>
<th scope="col"><a href="images/Large/_0373638936.jpg"rel="lightbox" title="Date Created: 3/6/2012<br><br>Program: Adobe Photoshop<br><br>An interface design for the Graphical Arts Gallery and Academy."><img src="images/Thumb/_0373638936.jpg" width="129" height="96" /></a></th>
<th scope="col"><a href="images/Large/_3824118655.jpg"rel="lightbox" title="Date Created: 3/9/2012<br><br>Program: Adobe Photoshop<br><br>Aninterface design for the new plush character introduced by The Learning Company, a children’s learning software program."><img src="images/Thumb/_3824118655.jpg" width="129" height="87" /></a></th>
</tr>
</table>
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">LOGO</div>
<div class="AccordionPanelContent">
<table width="355" border="0" cellspacing="5" cellpadding="5">
<tr>
<th scope="col"><a href="images/Large/_0301530214.jpg"rel="lightbox" title="Date Created: 12/4/2011<br><br>Program: Adobe Illustrator<br><br>Logo design for my personal identity package. KADesigns stands for “Katrina Aleong Designs”."><img src="images/Thumb/_0301530214.jpg" width="99" height="129" /></a></th>
<th scope="col"><a href="images/Large/_0990478412.jpg"rel="lightbox" title="Date Created: 2/23/2012<br><br>Program: Adobe Illustrator<br><br>Logo design for a company'sstationary package in which the letters in the logo stands for the last name of owner of the company."><img src="images/Thumb/_0990478412.jpg" width="129" height="129" /></a></th>
</tr>
</table>
</div>
</div>
</div>
</div>
<h1> </h1>
<!-- end .content --></div>
<div class="footer">
<p> </p>
<!-- end .footer --></div>
<!-- end .container --></div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
var Accordion1 = new Spry.Widget.Accordion("Accordion1");
</script><link href="css/lightbox.css" rel="stylesheet" />
</body>
</html>
Maybe you are looking for
-
Ms access to SQL server upgrade
hello there I am using e-test suite 8.5 an sql server 2000. Although I upgraded ms acces to SQL server for e-load succesfully, I coulndt upgraded for e-manager. inputs: 1- Clean setup of e-test suite is done 2- New ODBC data source for sql server is
-
Dear Hussien, I have the customer master list . now i want to upload, can u please guide me how to achieve this? There is two tables 1. hz_parties 2. hz_cust_accounts_all Can anyone guide me how to upload data in the telesales module ? i know through
-
Colorbox control in an array of clusters
hi, im working on labview 6. i have an array of clusters. the cluster has eight elements. one of them is a colorbox control. I want this colorbox control to have only 4 colors i.e, the user has a choice of only 4 colors if he clicks on the colorbox c
-
Input Help for TIME type field
I saw below discussion regarding a dropdown for a "TIME" type field. Re: Time Search Help It's a resuable component (that Thomas Jung created) and find it very slick. I just couldn't make it to work. I'm getting a dump when I pressed the dropdown on
-
Error : '.\jre\NT\1.5.0\bin\java'.
Hi, I am not able to install EBS 12.1.1 in Windows 2003 SP-2. Getting the following error when run the Rapidwiz.cmd "Windows cannot find '.\jre\NT\1.5.0\bin\java'. Make sure you typed then name correctly and then try again".Can you pls let me know wh