In building a browser carcasing, it is the HTML that works with the div blocks and their CSS properties. To limit yourself to the number of tags on the web page would be stupid. The power of modern computers is sufficient to download and build a page of the website where only HTML+CSS is used and there is no volume of multimedia files (most pictures, music, videos, etc.) almost without convenience. After downloading and setting up the web page(s) above, it does not pay much attention to the computer. Examination: Block the gate as long as you need. The only thing to remember in this situation is the method of calculating block parameters. When the block's parameters are clearly set, the browser doesn't spend any effort computing it. When the block parameters are inaccurate, then the browser needs to be on the basis of the page markings to know its meaning, which takes some time. For example, a 250px bloc has been set, the browser has taken this value and is working smoothly further; a 25% wide browser has been placed, the breadth of the parent block is considered to be the breadth of the parent unit and the exact value of the width of the encumbered. The example is simplified for understanding and somewhat rude, but the point is clear. Try a lot of tags to make their properties clear.The other case is javascript,flash, multimedia on the page... They can seriously disrupt the client part of the website. javascript and flash are loaded by the pros even after the pages are downloaded, using various calculations. These and similar web programming elements need to be very careful. I've often met a website with a huge number of whistles and js peppers, a beautiful flash drive with 100,500 effects and similar, most often unnecessary properties, and these websites are really stopping.I would like to draw your attention to the fact that many of the painters have listened to the non-navigational verbs of the tables at all stop using the table. All the tables are made by div. It's incorrect. The page cannot be marked in a table, but if the front page is to be displayed, for example, by a primer, it should be displayed using the table. Is that why you have so many blocks on the page?

Your problem is in the block. <div id="year">...</div>♪ He has a rule. position: relative; top: -253px;As I recall, remembering the value of the properties position: relative The element is shifted to its position in the document, but the place at which it should remain reserved. I mean, the empty space you're watching is a place under the block. <div id="year">...</div>

Your menu was limited by a block. .topmenuright♪ What he's up there is only a feeling, and he actually has a relative position. That's why the place that he took in the vertebra is still occupied. The menus is facing this barrier and moving to the second line.You can put that block first. <div id="logo"> and clean up everything but him. float: right;:body { font-family: Verdana, Arial, "Times New Roman"; font-size: 12pt; background-color: #333333; } @media screen and (min-width: 1060px) { body { margin: 0 auto; width: 1060px; } } @font-face { font-family: "Geneva"; src: url("../fonts/Geneva.eot"); src: local('O'), url("../fonts/Geneva.eot?#iefix") format("embedded-opentype"), url("../fonts/Geneva.woff") format("woff"), url("../fonts/Geneva.ttf") format("truetype"), url("../fonts/Geneva.svg#PT Serif") format("svg"); } @font-face { font-family: "Comfortaa"; src: url("../fonts/Comfortaa.eot"); src: local('O'), url("../fonts/Comfortaa.eot?#iefix") format("embedded-opentype"), url("../fonts/Comfortaa.woff") format("woff"), url("../fonts/Comfortaa.ttf") format("truetype"), url("../fonts/Comfortaa.svg#PT Serif") format("svg"); } #logo { background: url(../images/bg_logo.jpg); height: 155px; } #logo #logotype p { padding: 40px 0 0 60px; margin-bottom: -15px; } #logo #logotype .big_letter { font-family: Comfortaa; font-size: 38pt; color: #fff; margin-top: 0; } #logo #logotype .small_letter { font-family: Geneva; font-size: 7.5pt; color: #535353; padding-top: 0; letter-spacing: 2.2px; } #logo #topmenu table { margin: 0 auto; position: relative; top: -80px; left: 2px; padding: 0; } #logo #topmenu table td.topmenu_border_last { border-right: none; } #logo #topmenu table td a { font-size: 10pt; font-family: Verdana; text-decoration: none; color: #616161; vertical-align: text-top; } #logo #topmenu table td { border-right: 1px solid #363636; padding: 0 15px; } #topmenuright { float: right; /* position: relative; top: -117px; right: -6px; */ } #search { width: 380px; height: 37px; } #logo #search input { float: left; border: none; } input[type="text"] { width: 263px; height: 36px; padding: 0 37px 1px 15px; background-color: #121212; color: #5d5d5d; font-family: Verdana, Arial; outline: none; border-radius: 7px; font-size: 8pt; } input[type="submit"] { width: 26px; height: 29px; cursor: pointer; margin-left: -37px; background: url("../images/hwsearch_03.png") no-repeat; margin-top: 5px; } #logo #topmenuright table { padding: 0; margin: 0; } #logo #topmenuright table td img { height: 15px; width: 15px; } #logo #topmenuright table td p.tablenadpis { font-family: Verdana, Arial; font-size: 10pt; color: #6e6e6e; padding-left: 5px; vertical-align: text-top; } #logo #topmenuright table td.b1 a, #logo #topmenuright table td.b2 a { border-right: 1px solid #4b4a4a; } #logo #topmenuright table td a { font-family: Verdana, Arial; color: #a9a9a9; font-size: 70%; vertical-align: middle; text-decoration: none; padding: 0 4px; } #mainmenu { height: 43px; background: url("../images/hwbg2_02.jpg") repeat-x; } #mainmenu ul { padding: 0; margin: 0; } #mainmenu ul li { float: left; list-style: none; } #mainmenu ul li a { font-family: Arial, "Times New Roman"; color: #9c9c9c; padding: 11px 15px; text-decoration: none; display: block; font-weight: bold; font-size: 11pt; }<body> <div id="logo"> <div id="topmenuright"> <table> <tr> <td> <img src="images/hw_03.png" alt="Emblema" /> </td> <td> <p class="tablenadpis">Please subscribe to:</p> </td> <td class="b1"> <a href="#">Posts</a> </td> <td class="b2"> <a href="#">Comments</a> </td> <td> <a href="#">Email </td> </tr> </table> <div id="search"> <form action="#" method="post" id="search"> <input type="text" name="" value="Enter Search Keyword" onblur="if(this.value=='') this.value='Enter Search Keyword';" onfocus="if(this.value=='Enter Search Keyword') this.value='';" class="inputblock" /> <input type="submit" name="" value="" class="submit" /> </form> </div> </div> <div id="logotype"> <p class="big_letter">Box&amp;Cube</p> <p class="small_letter">CREATE &amp; INNOVATE SOLUTIONS</p> </div> <div id="topmenu"> <table> <tr> <td> <a href="#"><span>Home</span></a> </td> <td> <a href="#"><span>About</span></a> </td> <td> <a href="#"><span>Contact</span></a> </td> <td class="topmenu_border_last"> <a href="#"><span>Blog</span></a> </td> </tr> </table> </div> </div> <div id="mainmenu"> <ul> <li> <a href="#"> <span>WEB PROFESSIONALS</span> </a> </li> <li> <a href="#"> <span>BUSINESS</span> </a> </li> <li> <a href="#"> <span>WEB DESIGN</span> </a> </li> <li> <a href="#"> <span>MEDIA</span> </a> </li> <li> <a href="#"> <span>ENTERTAINMENT</span> </a> </li> <li> <a href="#"> <span>NON-PROFIT</span> </a> </li> <li> <a href="#"> <span>INSTITUTIONS</span> </a> </li> <li> <a href="#"> <span>PORTALS</span> </a> </li> </ul> </div> </body>

These parameters indicate:Area of names xhtmlxmlns)Language of the document if <?php language_attributes('xhtml'); ?> returning a line like xml:lang="ru-RU"

Helped for rsdn.ru (thanks avpavlov)://table//*[local-name()='h2' or (local-name()='td' and @valign='top')]

Atribut xmlnsAbout xmlns, same thing. https://www.w3.org/TR/html5/dom.html#global-attributes immediately following the quotation issue, it is said:Note: In HTML, the xmlns attribute has absolutely no effect. It is basically a talisman. It is allowed merely to make migration to and from XHTML mildly easier.Note: HTML, xmlns Atribut has no effect. It's just Talisman. It only makes it easier to make a change and make it easier. XHTML documents.We're not going to need HTML. It can certainly be used for HTML elements, but it doesn't make sense, because for all HTML structures, the document already has predetermined meanings of the name space, the list of which is on the question, and no one will change them to other meanings. In other words, the following examples are tantamount to:<html xmlns="http://www.w3.org/1999/xhtml"> <html> There you go. <html xmlns="что-то своё"> It's not gonna work, because xmlns is just ignored, and html will still be in the area of the name. http://www.w3.org/1999/xhtml "as stated above.About the name spaceIn analogous to the names of classes, packages, etc. from the programming languages, the language of the name distinguishes one element from another when they have the same name but belong to different areas of the name. Where can this happen at HTML? For example, when we use svg in html:<svg> <a xlink:href="/"><text x="0" y="20" fill="green">Ссылка в SVG</text></a> </svg> <a href="/">Ссылка в HTML</a> And we had to change the size of the svg reference. Just write in style. a { font-size: 1.5em } It won't work, as this rule will also apply to the usual reference. This is where the CSS is able to work with the names spaces. To this end, the CSS will carry out such actions:(1) Using the key word @namespace, we're referring to the name of the "supply" of the space of the names we're dealing with:@namespace svg url(http://www.w3.org/2000/svg); Note: The SVG space address is taken from the specification and another name can be used instead of svg.(2) Now, svg can be directly accessed to the mark. <a>which is located in <svg></svg>with special CSS synthesis:svg|a { font-size: 1.5em; } TotalI don't need any HTML.The specification for us identified the names of the domains of the names for specific HTML, XML, SVG and their elements.For CSS to access a specific element using the name space, a form should be used. namespace|css-selector, prescribing the name for the space by @namespace.

Yeah, there's no coding on the page itself, and in most cases, the browsers are not looking at it. When the server sends you a HTTP protocol page, the HTTP headings are in front of the page. That's where the coding is, which is first viewed by browsers and other programmes like your validator.Like, if you get a page by curl, curl_getinfo($ch, CURLINFO_CONTENT_TYPE); including coding. See if you can find your HTTP tool to get headlines.

I found a mistake in the counteraller class code.LessonControllerI had to:Map params = FacesContext.getCurrentInstance().getExternalContext().getRequestParameterMap(); and this is wrong: Map params = FacesContext.getCurrentInstance().getExternalContext().getInitParameterMap()

You don't really do shit. But I'll tell you, you're gonna have to jack, like, ul { display: block; list-style: none; text-align: justify; height: 30px; overflow: hidden; } li { display: inline; line-height: 30px; padding: 0px 10px; /*минимальный отступ*/ } and add 1 li to the width known to be greater than the menu without transfer<ul> <li>menu1</li> <li>menu2</li> <li>menu3</li> <li>menu4</li> <li>menu5</li> <li><img src="любая-картинка.jpg" width="800"></li> </ul> Like that. I mean, textual elements are stretched exactly to every available space with a 10p retreat. The last element is needed to make 100% two lines eventually.

If I understood the question correctly, h:selectionOneRadio is used to select 1 of several. So you're supposed to have a list, something like that. List<List<POJO>>♪ Right?Then it's easier to do this:The class with the selection values will contain the selected valuepublic class ValueWrapper{ //Список доступных значений protected List<String> valuesAvailable; //Выбранное значение protected String valueSelected; public ValueWrapper(){ } //TODO добавить get и set методы } a xhtml The file is already:<ui:repeat var="item" value="#{backing.mylist}"> <h:selectOneRadio value="#{item.valueSelected}"> <f:selectItems value="#{item.valuesAvailable}" /> </h:selectOneRadio> </ui:repeat> UPDIf it is not possible to modify POJO, ui:repeat has a varStatus g (the variable status has an index). For the same purpose, create a pit class, type:public class ValueWrapper{ //Выбранное значение protected String valueSelected; //TODO добавить get и set методы } After the initialization of your List, create the List Profession, the same size as the List and initialize.typeList<ValueVrapper> result = new ArrayList(); for(int i = 0; i < List<POJO>.size(); i++){ result.add(new ValueWrapper()); } a xhtml The file is already:<ui:repeat var="item" value="#{backing.mylist}" varStatus="stat"> <h:selectOneRadio value="#{backing.result.get(stat.index)}"> <f:selectItems value="#{item.valuesAvailable}" /> </h:selectOneRadio> </ui:repeat>

Information on the command element triggered by action can be obtained from a transferable event http://docs.oracle.com/javaee/7/api/javax/faces/event/ActionEvent.html Action listeneractionListenerbut not in action.action<h:commandButton actionListener="#{bean.actionListener}" ... /> cpublic void actionListener(ActionEvent event) { String componentId = event.getComponent().getClientId(); //... } Information can also be obtained id The following alternative means:Transfer id the element in the event as an additional parameter, subject to EL2.2+. To this end, an unmarked EL-Object will be used component:<h:commandButton action="#{bean.action(component.clientId)}" ... /> cpublic String action(String id) { //... } By registering an additional footage of the command element...and Use <f:param>:<h:commandButton action="#{bean.action}" ... > <f:param name="id" value="#{component.clientId}" /> </h:commandButton> cpublic String action() { String id = FacesContext.getCurrentInstance().getExternalContext.getRequestParametesp.get("id"); } or c@ManagedProperty(value="#{param.id}") private String id;//+setter and Use <f:setPropertyActionListener>:<h:commandButton ... > <f:setPropertyActionListener target="#{bean.id}" value="#{component.clientId}" /> </h:commandButton> cprivate String id;//+setter Additional information: https://stackoverflow.com/questions/3909267/differences-between-action-and-actionlistener ; http://balusc.blogspot.com/2011/09/communication-in-jsf-20.html#ImplicitELObjects ; https://stackoverflow.com/questions/4994458/how-can-i-pass-a-parameter-to-a-commandlink-inside-a-datatable ♪

You're trying to put a squirrel on it. H3 Inline span, by the w3c, it's forbidden.Read. http://ruseller.com/lessons.php?id=241 on this subject. Crime number one is your case.

PrimeFaces DialogFramework could be used, which was being implemented in order to open.xhtml pages in frame. Either as an option to stipulate the place where the content of the other page will be loaded (ui:insert or ui:include).

I don't know what you want to do, but maybe it'll help. http://jsfiddle.net/1ydfna47/ ♪box-shadow: 0px B 0px A 8,000;A - How much you want to take on the left and right of the picsel.B = + A + height of peaks.35px and -30px difference, height of reference = 5px.

Here's an example: /* стили для webkit */ #field2::-webkit-input-placeholder { color:#00f; } #field3::-webkit-input-placeholder { color:#090; background:lightgreen; text-transform:uppercase; } #field4::-webkit-input-placeholder { font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999; } /* стили для mozilla */ #field2:-moz-placeholder { color:#00f; } #field3:-moz-placeholder { color:#090; background:lightgreen; text-transform:uppercase; } #field4:-moz-placeholder { font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999; }

Well, as JS' is all done, which every pressure on the keyboards in textarea will give you this check, which will be all you need to lift, and to catch the ringwall, this system taken to some type-markers: [settab][/settab] Then the violette will know what area he's working and will be correct.

Element needs a fixed positioning For example#main{ position:fixed; } или <div style="position:fixed;"></div>

Contact has has an official marking team, it's very easy and easy, and people put their origins out, I just took an example and everything. http://vkontakte.ru/vrazmetke

Apparently, the wrong coordinates were, so I added three points for the star's left beam, everything works. http://cssdeck.com/labs/dacw67cc

Why don't you use CSS media? It's easy with them, and it's gonna get you out of asking for PHP or jQuery.You can read it. http://bootstrap-ru.com/scaffolding.php ♪ I don't think you're going to have any trouble... by analogy, and you'!Good luck.