html - converting inline and internal styling to responsive layout -


I have a large site that needs to be converted to a responsive layout. Previous developers have internal and inline styling problems in all pages as well as tables. I have removed these styles and put them in an outer. It is going to be very time consuming and wondering if anyone has any suggestions or alternative ways to deal with it.

Here's something I'm working on

  & lt; Div class = "header-top-scroller float-left" & gt; & Lt; Width of table = "1280" range = "0" cell area = "0" cellpadding = "0" & ​​gt; & Lt; TR & gt; & Lt; Width = "344" align = "left" valign = "middle" scope = "col" & gt; & Lt; Table width = "350" range = "0" cell area = "0" cellpadding = "0" & ​​gt; & Lt; TR & gt; & Lt; Width = "86" align = "left" style = "font-family: Tahoma, Geneva, without-serf; font-size: 12px; color: # EB3939;" Scope = "col" & gt; Languages: & lt; / Th & gt; & Lt; Width = "264" align = "left" radius = "column" & gt; & Lt; Table id = "table_24" width = "235" height = "23" border = "0" cellpadding = "0" cell area = "0" & ​​gt; & Lt; TR & gt; & Lt; Td align = "center" & gt; & Lt; A href = "#" & gt; & Lt; Img src = "picture / languages_01.png" alt = "width =" 38 "height =" 23 "border =" 0 "title =" english "/> gt; & Lt; / A & gt; & Lt; / Td> & Lt; Td align = "center" & gt; & Lt; A href = "#" & gt; & Lt; Img src = "pictures / languages_06.png" alt = "width =" 38 "height =" 23 "border =" 0 "heading =" francas "/> gt; & Lt; / A & gt; & Lt; / Td> & Lt; Td align = "center" & gt; & Lt; A href = "#" & gt; & Lt; Img src = "pictures / languages_05.png" alt = "width =" 38 "height =" 23 "border =" 0 "title =" deutsch "/> gt; & Lt; / A & gt; & Lt; / Td> & Lt; Td align = "center" & gt; & Lt; A href = "#" & gt; & Lt; Img src = "pictures / languages_02.png" alt = "width =" 38 "height =" 23 "border =" 0 "title =" ispanol "/> gt; & Lt; / A & gt; & Lt; / Td> & Lt; Td align = "center" & gt; & Lt; A href = "#" & gt; & Lt; Img src = "pictures / languages_03.png" alt = "width =" 38 "height =" 23 "border =" 0 "title =" italiano "/> gt; & Lt; / A & gt; & Lt; / Td> & Lt; Td align = "center" & gt; & Lt; A href = "#" & gt; & Lt; Img src = "images / languages_04.png" alt = "width =" 38 "height =" 23 "range =" 0 "title =" Japanese "/> gt; & Lt; / A & gt; & Lt; / Td> & Lt; / TR & gt; & Lt; / Table & gt; & Lt; / Th & gt; & Lt; / TR & gt; & Lt; / Table & gt; & Lt; / Th & gt; & Lt; Width = width = "936" align = "right" field = "colonel" & gt; ...  

can be used to remove styles, then you CSS itself (which I think is better so you can write cleaner / customized code)

(BTW, you are showing table to display languages Html part requires a fix)


Comments

Popular posts from this blog

ios - How do I use CFArrayRef in Swift? -

eclipse plugin - Run java code error: Workspace is closed -

c - Error on building source code in VC 6 -