Hi RT_!
thank you for recommend for this book maybe i buy it i thought it is free
galia
Yes, I will give you some examples in another post, perhaps tomorrow.
Tonight, there are a couple of unnecessary items in your code that should be changed.
#conact is unnecessary.
The HTML div and the CSS should be deleted.
#conact {
width: 287px;
height: 400px;
text-align: left;
margin-bottom: 100px;
} <div id="conact"> <!-- delete this #conact open div tag -->
<form> ... <!-- KEEP everything from open form to close form -->
</form>
</div> <!-- delete the #conact close div tag -->Then, delete the “align”, “height” and the “width” attributes from the table.
Why? Because you want the table to align to the right, which is what the dir=“rtl” attribute in #notebook does; AND because a table does not normally need a width assignment because it normally shrinks and expands to fit its contents, which this one does very nicely.
Change this:
<table width="288" height="401" border="0" align="center">To this:
<table border="0">The attached code makes these changes and indents the HTML so it is easier to read.
contact20141125a.html (6.9 KB)
It still contains 32 Dreamweaver and XHTML flagged errors.
If you are serious about web design it is totally worth it. The knowlege will benefit you every day of your career from the moment you finish the book. It is a better introduction to web design than I had at university (I think they thought you should already know about it), and my university degree cost £10,800 (₪66,000 ILS) in tuition fees alone.
1 Like
Hi ron!
Yes, I will give you some examples in another post, perhaps tomorrow.
thank you
#conact is unnecessary.
just a thought but i could leave it like it now
and why to change if there is the same errors like it was ?
the page now with the changes
contact2.html (6.5 KB)
what is that code
form > table {
outline:1px solid lime; /* TEST Outline. To Be DELETED! */
}
thanks galia
It puts a lime outline around all tables inside of forms so you can see where the table is.
Using outline places it on top of the existing page layout without affecting where anything is positioned -whereas using border would move the page to make space for the border (in those browsers that don’t always display a border for all tables regardless of the CSS).
For those browsers where table borders can’t be turned off the outline would appear on top of the table border (but would not be needed if the table already has a border displayed).
<repetition>
This is a method of testing/visualizing how the boxes are positioned on a page.
It draws a bright green (lime) outline around the outer table inside the form tag so you can visualize where the table box is located on the page.
It does not draw lines around the nested (inner) tables.
The reasons I use an outline are exactly as @felgall stated. Most importantly, an outline does not affect the dimensions of elements on a page whereas a border would. When I cannot use an outline, I use a background color, if possible.
</repetition>
And you probably will because that is what you do. You dismiss logical advice and stick to your faulty “learning” because it is easier. That is your choice. To be helpful, I just need to know what code you are *really* using.
The purpose of the change was not to reduce the number of errors. The purpose is to reduce the number of stupid, unnecessary elements on the page. Just like we did when we first talked about framing this and your other pages, and which you dismissed. I expect you to dismiss this recommendation, too. That is your choice. To be helpful, I just need to know what code you are *really* using.
I will patiently await a new image over which the form will fit.
You said that you created the form the way you learned using nested tables.
Do you know how to create a form without nesting the tables? Can you do that with Dreamweaver?
Why? The columns in the nested tables are not related to one another; therefore, they cannot always have consistent widths. If you can create the form without using nested tables, the columns are easier to manage.
Did you ever get the Zoom Text Only tool working in Chrome? If not, you might consider installing Firefox.
Personal request: Readable code helps me minimize making mistakes. I would like to request that you replace the copy of code that you sent to me with the copy that I have attached here. Please NOTE: there are NO changes in the HTML code except that it has been symmetrically indented. Nothing has changed except the indents.
contact20141128a.html (6.9 KB)
Hi ron!
To be helpful, I just need to know what code you are really using.
what do you mean about that is it which code i want to use?
what is this code <repetition>
Do you know how to create a form without nesting the tables? Can you do that with Dreamweaver?
no i do not know i just learned in this method that dreamweaver give i think if i want i could do that with dreamweaver
Did you ever get the Zoom Text Only tool working in Chrome? If not, you might consider installing Firefox
i can do the zoom text in this form page for instant but ( and i do not why?) not on my page
can you show me exactly were the changes are?. i do not were they are?
thanks galia
To be most helpful, I just need to know what code you are *really* using.
See posts #220-223.
It is not code. It is just a way of indicating that I am repeating information that has already been stated by @felgall and me. I wanted @felgall to know that I was not being disrespectful of him. I restate and reword a lot of information to you hoping that some of it will be meaningful.
Please consider installing Firefox so you can zoom text only.
You are an art major yet you do not seem to be able to see patterns… similarities and differences. Surely you know that people’s eyes look for patterns in everything. The “changes” are petty, trivial. I moved some tags to the next line and indented them so the close tag would fall beneath the open tag, in most cases (not all). Symmetrically indented. The code is exactly the same. Indents do not affect the way the code works in a browser. Indents are for the convenience of the person who reads and writes the code. That is all. I would think that you could see this in code view. Perhaps doing something like this would make it easier for you to read code. It does for me, anyway.
Your code is the first copy. Open and Close tags are highlighted with the same color. The order of the tags is correct, but the layout of the tags (code) is awkward so the structure of the page is not so easy to discern.
My copy is the second copy. Most tags are left aligned and then indented by layer. In that way, one can visualize the structure of a page; eg. one can see when a box is inside an outer box, and it is easier to see if tags are matched or missing. Plus, it is easy to read with a text editor and code is less likely to be hidden beyond the right side of the editor’s window.
I cannot tell from your reply…
Do you want to try to make a form without using nested tables or do you want to stick with nested tables?
If you want to try it, I’ll help you try it, but I do not want to waste your time or my time if you are not interested.
If you want to try it, then please make a simple form using only one table with 4 rows. It does not matter that the rows will be close together.
If you are not interested, then just say that you are not interested.
Hi ron!
i will answer about #302 tomorrow i think and about an answer on this question yes i do not interesting to do form without nested tables but as a knowledge or option i do not mind to know
thanks galia
Very well. Nested tables it will be. Please let me know when your final notebook image is ready.
Hi ron!
i will answer your questions
To be most helpful, I just need to know what code you are really using.
See posts #220-223.
is it about rtl issue is it about Comfortable with the code is it about contact /contact 2 can you be more specific?about the images that you sent i will over it thanks
about firefox maybe i will install
and the notebook image i will sent soon
you did not answered about that in #223
were are the images that i do not renamed? it is not a copy it is the orignal page
thanks galia
If I understand correctly, you will provide the code for the page, a revised notebook image, and you already have the code for the form that you wish to use. It sounds like the only thing you need from me is possibly to help you position the form on the page where you want it.
Is that correct?
See the code that I posted in #222.
and maybe you will not. If you do, you can use it to evaluate how other users with different fonts or different operating systems might see the page and you can see how the page will perform under different conditions than your own.
There are some comments in the CSS and I gave you a general explanation in #230.
You do not plan to use that code; therefore, explaining how it works step-by-step is not how I wish to use of my time. You should learn the basics of how to read code in a classroom or from a book.
If you want to succeed in web design, you must learn how to read and write code. Learning new methods is not optional. It is a requirement of success.
Hi ron!
If I understand correctly, you will provide the code for the page, a revised notebook image, and you already have the code for the form that you wish to use. It sounds like the only thing you need from me is possibly to help you position the form on the page where you want it.
Is that correct?
yes it is correct i tell you what i did i do wide the image that i have but it is too much wide so i download notebook images the image inside the image that to be the size that i want but i will ask you another question i have to do validate the form and how the form page will be in the same height that the other pages becuse in this metod you do not know just from the look and what you ask me about what code i will use because i am not sure what and make me confused and i do not what to use ( if that what you mean)
See the code that I posted in #222.
did i have to fix the code?
thanks galia
That’s fine. Take as long as you need to be sure the image is exactly what you want on the final page.
I will show you how after the image and form are in place, but allow me to ask why the pages must be exactly the same height? We talked about the height of web pages for a long time. Tall pages with little content are not appealing. They waste space and may require unnecessary scrolling. More waste.
What do you mean? Please explain more about how the form needs to validate?
What are you confused about?
Hi ron!
thank you ron to let me more time i hope will soon send the image and the code
I will show you how after the image and form are in place, but allow me to ask why the pages must be exactly the same height? We talked about the height of web pages for a long time. Tall pages with little content are not appealing. They waste space and may require unnecessary scrolling. More waste
.
It is for reasons of design and make uniformly design and maybe it have to look like that and i have to ask in your opinion is my page are uniformly and is the colors are too loud colors or it is fine
What do you mean? Please explain more about how the form needs to validate?
in the project that was not fine i did not do validate i think to make connecting with the buttons of the form
What are you confused about?
i am confused about and maybe i am wrong when you ask me what code i want to use in #220-223 or all the changing that i did on the page i do not know which is better to use
and can you check if the problems that were in my project that was not good there are in the pages that i have now and if you could i will send in the next post the problems that were?
thanks galia
Do you mean that you have to validate form input? So you check - for example - to make sure the e-mail address is in an acceptable format, and the phone number consists of the right number of digits before the form is submitted?
In my opinion, the code is poor, the colors seem fine. Unnecessary code elements, old JavaScript, forcing the user to scroll down empty space… all of that and more is poor code. Decisions about how the pages look must be yours as the designer. Loud or soft colors is a personal preference. I am sure your teacher did not fail the first project only because of the colors. I’ll bet he looked at the code, too!
I do not know what you mean. I do not understand why you say you are confused. You are determined to submit your old code to your teacher again. It doesn’t look like you changed much of anything. You have consistently refused to accept new code. You do not seem to be confused to me. Quite the contrary, you seem very willing to fail again.
Now you are adding something new very, very late in the game. Are you saying that you do not know why the first project failed? Seriously, you should have reviewed and understood why and how it failed *before* starting the new project. Yes, we can look at your old project. If you wish to send the old project, it should include all images, javascript, css and HTML… but how would that help? Almost no matter what we have recommended, you have insisted on using your outdated “learned” Dreamweaver methods. We *may* be able to look at your old project and understand why it failed, but would you be willing to use new code to make your new project better? If the answer is, “No”, then please do not ask to review the old project. We are supposed to be working on your new project now.
In fact, we are working on the final page in your revised project, the contact page. Personally, I did not expect to be working on this page into 2015.
Please answer @TechnoBear 's question first and explain in more detail what you mean about validating the form.
Hi ron!
In my opinion, the code is poor, the colors seem fine. Unnecessary code elements, old JavaScript, forcing the user to scroll down empty space… all of that and more is poor code. Decisions about how the pages look must be yours as the designer. Loud or soft colors is a personal preference. I am sure your teacher did not fail the first project only because of the colors. I’ll bet he looked at the code, too!
when i was learning my teacher said that is not recommend to use load colors the web surfers can escape form the site not like and use until five colors
I do not know what you mean. I do not understand why you say you are confused. You are determined to submit your old code to your teacher again. It doesn’t look like you changed much of anything. You have consistently refused to accept new code. You do not seem to be confused to me. Quite the contrary, you seem very willing to fail again.
i meant I accepted the changes that you told me to do on the page even I’m taking a risk but suddenly you tell me if I want to use one or the code and I do not know what should i use
Now you are adding something new very, very late in the game. Are you saying that you do not know why the first project failed? Seriously, you should have reviewed and understood why and how it failed before starting the new project. Yes, we can look at your old project. If you wish to send the old project, it should include all images, javascript, css and HTML… but how would that help? Almost no matter what we have recommended, you have insisted on using your outdated “learned” Dreamweaver methods. We may be able to look at your old project and understand why it failed, but would you be willing to use new code to make your new project better? If the answer is, “No”, then please do not ask to review the old project. We are supposed to be working on your new project now.
about that I wanted to know from the problems I had in my previous project if I have them now according to my teacher report that i was send before to @TechnoBear and the proublems were
- Designing with external CSS messy. Some of the html page written and part of two css documents
2…Enter Text Using correct language encoding (charset) Well, except on contect.html
3.Create a form with validation has form, but you have not created validation
4.Postcard mail address and a link up there email address but without a link to the email
5.Adding a link to tafnit there, but you did not create a separate window opening in contact page
6.design not uniformly enough
7.Keeping folder size folder holds 37 MB instead of only 5 MB
thanks galia
Hi technobear!
this what i meant about validate this is behavior allows the browser to perform data integrity checking surfer fill out a form when submitting the form, or when moving from field to field
galia