0

Page Design

asked 2009-12-13 22:24:42 +0800

ahmad gravatar image ahmad
138 1

Hi all, I have a design for web page. this design is made by Photoshope and sliced into cells of table. Here is snippet of my html page:

<table id="Table_01" width="1025" height="1001" border="1" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="13">
			<img src="images/index_1_01.jpg" width="1024" height="208" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="208" alt=""></td>
	</tr>
	<tr>
		<td colspan="7" rowspan="3">
			<img src="images/index_1_02.jpg" width="779" height="70" alt=""></td>
		<td colspan="2" rowspan="15">
			<img src="images/index_1_03.jpg" width="16" height="239" alt=""></td>
		<td>
			<img src="images/index_1_04.jpg" width="157" height="25" alt=""></td>
		<td colspan="2" rowspan="15">
			<img src="images/index_1_05.jpg" width="20" height="239" alt=""></td>
		<td rowspan="30">
			<img src="images/index_1_06.jpg" width="52" height="745" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="25" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/index_1_07.jpg" width="157" height="27" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="27" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">
			<img src="images/index_1_08.jpg" width="157" height="21" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="18" alt=""></td>
	</tr>
............

I tried to use this design in zul page, then I used tags <h:table>, <h:tr>, and <h:td> instead of <table>, <tr>, and <td>, after using these tags, my page design crashes.
Could any one tell me if I am right with what I did?
And what is the standard solution with ZK to apply a page design to zul one.
Thank you all for Concern.
Ahmad Elsafty

delete flag offensive retag edit

5 Replies

Sort by » oldest newest

answered 2009-12-14 09:27:13 +0800

ahmad gravatar image ahmad
138 1

Hi all, is there any solution for my issue?
HELP NEEDED URGENTLY.
Thanks for Concern.
Ahmad Elsafty

link publish delete flag offensive edit

answered 2009-12-14 10:04:40 +0800

giga gravatar image giga
96

I´m not really sure but zk has a specific html tag which I think you can put all that code inside of it. Give it a try.
Take care

link publish delete flag offensive edit

answered 2009-12-14 12:49:36 +0800

ahmad gravatar image ahmad
138 1

Thank you "giga" for reply, do you know any article or tutorial for these zk specific html tags?
Ahmad Elsafty

link publish delete flag offensive edit

answered 2009-12-14 18:53:15 +0800

joylo0122 gravatar image joylo0122
688 1
www.zkoss.org

@ahmad

Here is a reference about how to work with html tags.

/Joy

link publish delete flag offensive edit

answered 2009-12-14 19:25:23 +0800

ahmad gravatar image ahmad
138 1

Thank you "joylo0122" for reply, really it is a mice technical article.
Ahmad Elsafty

link publish delete flag offensive edit
Your reply
Please start posting your answer anonymously - your answer will be saved within the current session and published after you log in or create a new account. Please try to give a substantial answer, for discussions, please use comments and please do remember to vote (after you log in)!

[hide preview]

Question tools

Follow

RSS

Stats

Asked: 2009-12-13 22:24:42 +0800

Seen: 344 times

Last updated: Dec 14 '09

Support Options
  • Email Support
  • Training
  • Consulting
  • Outsourcing
Learn More