nidhi

i want to know how people do reformatting of web pages for mobile devices....there r some specific mobile sites, i agree but there r some people who gv such services after subscribing (some charge)....they reformat the page on the fly....how they do that? .....like 'Skweezer' <www.skweezer.net/> providing wireless web services and applications ..if u hv any idea hw to approach reformatting of already existing web page...plz help me....u r also welcome with ur new innovative ideas if u think they r feasible.....

thanx for ur reply....i m asking that i was trying to change d layout of a html page by removing the <td> tag....since <td> will not b present, so the table formatting will not be implemented...everything will come as raw data. if u hv time try to help me...what i want to do is reformatting a html pages into a single column.for this i hv done following steps:1) remove all the external links for CSS from the original web page..2)attach my own CSS.i m trying to resolve the table into a single column bt stuck in between.hw to do that??? if i remove the <table> tag or <td> tag then will it work?plz suggest me.

i m a beginer....can u tell me if i omit the starting <td> and then some data is there an d at last i close the tag by using </td> at the end of the data then wat will happen?for eg:<table>this is just an example</td></table>will the data b displaced? will the ending </td> be recognized?

can anyone tell me when to use class and when to use id?is id also used to apply our style? class can b used any no. oftimes that i knw, n i think id can used once. what other differencesare there bw class n id?

can anyone tell me when to use class and when to use id?is id also used to apply our style? class can b used any no. of times that i knw, n i think id can used once. what other differences are there bw class n id?

i apologize for that bt i didn't used space there, it was a mistake commited while typing'anyway, its nt working, flash is not being resized. its present there in its original size only. wat to do?

i m sorry to say that this also didn't work!

can u tell how to resize an already formatted flash using external style sheet, i.e. by making change in external stylesheet

oops, it didn't work!!!

i apologize if i m eating ur head. actually i only want that when i browse internet thru mobile, the web pages should appear same as they appear on desktop pc. and i want to write my own CSS for that.

one more query, how can i make flash to fit on a mobile screen if originally its size is greater than mobile screen say width is 176px.

thanx a lot, it worked

i m attaching a CSS using link. if using external style sheet, thn we should link CSS like this:<link rel=\"stylesheet\" type=\"text/css\" href=\"handheld.css\" />we use @media handheld when we have CSS in the same html na? in my CSS, wat should b done to make a web page compatible to a mobile screen.give me some guidelines...i m giving my code, plz hv a look over it. it works fine for simple pages, bt not for heavily decorated pages. i don't want to display flash objects, hw to da that?just tell me that writing in this way is OK? if i specify width in body, then will that b applicable throughout the page or i shall take some other approach?body { width: 176px ; /* nokia 176px screen */ border: thick solid red /* just to see the 'screen' limits */}*:not(#ImPoSsIbLeId):not(#ImPoSsIbLeId):not(#ImPoSsIbLeId):not(body):not(img) { /* the negated ID selectors above are here just to increase specificity */ width: auto ! important ;}*:not(#ImPoSsIbLeId):not(#ImPoSsIbLeId):not(#ImPoSsIbLeId) { /* the negated ID selectors above are here just to increase specificity */ position: static; float: none; text-align: left; padding: 0px; margin: 0px; top: auto; left: auto;}table,tbody,thead,tfoot,tr,td,th,col,colgroup { display: block;}iframe { display : none;}li { list-style-position: inside;}img[width=1] {display: none}var l = document.getElementsByTagName('img');for(var i = 0;i < l.length; i++) { if(l.width > 176) { l.height *= 176 /l.width; l.width = 176; } else if(l.naturalWidth > 176) { var e = 176 / l.naturalWidth; l.height = l.naturalHeight * e; l.width = 176; }}

well, leave C coding...u r correct, i m attaching a CSS using link. if using external style sheet, thn we should link CSS like this:<link rel=\"stylesheet\" type=\"text/css\" href=\"handheld.css\" />we use @media=handheld when we have CSS in the same html na? in my CSS, wat should b done to make a web page compatible to a mobile screen.give me some guidelines...i m giving my code, plz hv a look over it. it works fine for simple pages, bt not for heavily decorated pages. i don't want to display flash objects, hw to da that?just tell me that writing in this way is OK? if i specify width in body, then will that b appicable throughout the page or i shall take some other approach?body { width: 176px ; /* nokia 176px screen */ border: thick solid red /* just to see the 'screen' limits */}*:not(#ImPoSsIbLeId):not(#ImPoSsIbLeId):not(#ImPoSsIbLeId):not(body):not(img) { /* the negated ID selectors above are here just to increase specificity */ width: auto ! important ;}*:not(#ImPoSsIbLeId):not(#ImPoSsIbLeId):not(#ImPoSsIbLeId) { /* the negated ID selectors above are here just to increase specificity */ position: static; float: none; text-align: left; padding: 0px; margin: 0px; top: auto; left: auto;}table,tbody,thead,tfoot,tr,td,th,col,colgroup { display: block;}iframe { display : none;}li { list-style-position: inside;}img[width=1] {display: none}var l = document.getElementsByTagName('img');for(var i = 0;i < l.length; i++) { if(l.width > 176) { l.height *= 176 /l.width; l.width = 176; } else if(l.naturalWidth > 176) { var e = 176 / l.naturalWidth; l.height = l.naturalHeight * e; l.width = 176; }}