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
Post a Comment