|
HTML - Re-designing
I decided to give my site a face lift but I started deleting random bits of code and now i'm too stressed to get it together again, so I need some help putting it back together.. You will see what i mean: http://www.freewebs.com/mutimediasto...20A%20TEST.htm
Click the "home" link to see how it was before, I want it the same as the layout before but with my new stuff. Thanks Similar TutorialsHi, I have developed a table. I want to display text in vertical. Depending on the browser, i am assign the css value to the div. It's displaying fine in IE, but in firefox, i am not able to align it properly. i tried many thing and it's not working.. I want to disply the same way as in the IE for the firefox. here's my code.. Style Sheet -------------- .firefoxdiv3-5Style { -moz-transform: rotate(-90deg); -moz-transform-origin: 100% 50%; font-family:Verdana; font-size:12px; font-weight:bold; color:#0156a6; width:44px; height:110px; display:block; } .iedivstyle { font-family:Verdana; font-size:12px; font-weight:bold; color:#0156a6; FILTER: flipv fliph; WRITING-MODE: tb-rl; width:44px; height:110px; display:block; padding-top:10px; } .ietdstyle { HEIGHT: 120px; BACKGROUND-COLOR: #c2d9e9; WIDTH: 44px; } .firefoxtd3Style { HEIGHT: 120px; BACKGROUND-COLOR: #c2d9e9; WIDTH: 44px; } HTML CODE --------------- <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>Untitled Page</title> <link href="Stylesheet1.css" rel="stylesheet" type="text/css" /> <script type="text/javascript"> <!-- var BrowserDetect = { init: function () { this.browser = this.searchString(this.dataBrowser) || "An unknown browser"; this.version = this.searchVersion(navigator.userAgent) || this.searchVersion(navigator.appVersion) || "an unknown version"; this.OS = this.searchString(this.dataOS) || "an unknown OS"; }, searchString: function (data) { for (var i=0;i<data.length;i++) { var dataString = data[i].string; var dataProp = data[i].prop; this.versionSearchString = data[i].versionSearch || data[i].identity; if (dataString) { if (dataString.indexOf(data[i].subString) != -1) return data[i].identity; } else if (dataProp) return data[i].identity; } }, searchVersion: function (dataString) { var index = dataString.indexOf(this.versionSearchString); if (index == -1) return; return parseFloat(dataString.substring(index+this.versionSearchString.length+1)); }, dataBrowser: [ { string: navigator.userAgent, subString: "Chrome", identity: "Chrome" }, { string: navigator.userAgent, subString: "OmniWeb", versionSearch: "OmniWeb/", identity: "OmniWeb" }, { string: navigator.vendor, subString: "Apple", identity: "Safari", versionSearch: "Version" }, { prop: window.opera, identity: "Opera" }, { string: navigator.vendor, subString: "iCab", identity: "iCab" }, { string: navigator.vendor, subString: "KDE", identity: "Konqueror" }, { string: navigator.userAgent, subString: "Firefox", identity: "Firefox" }, { string: navigator.vendor, subString: "Camino", identity: "Camino" }, { // for newer Netscapes (6+) string: navigator.userAgent, subString: "Netscape", identity: "Netscape" }, { string: navigator.userAgent, subString: "MSIE", identity: "Explorer", versionSearch: "MSIE" }, { string: navigator.userAgent, subString: "Gecko", identity: "Mozilla", versionSearch: "rv" }, { // for older Netscapes (4-) string: navigator.userAgent, subString: "Mozilla", identity: "Netscape", versionSearch: "Mozilla" } ], dataOS : [ { string: navigator.platform, subString: "Win", identity: "Windows" }, { string: navigator.platform, subString: "Mac", identity: "Mac" }, { string: navigator.userAgent, subString: "iPhone", identity: "iPhone/iPod" }, { string: navigator.platform, subString: "Linux", identity: "Linux" } ] }; BrowserDetect.init(); // --> </script> <script type="text/javascript"> function WriteFunction() { var browsername = BrowserDetect.browser; var browserVersion = BrowserDetect.version; if (browsername == "Explorer") { document.getElementById("tdcatiav4").className="ietdstyle"; document.getElementById("tdcatiav5").className="ietdstyle"; document.getElementById("tdunigraphics").className="ietdstyle"; document.getElementById("tdsolidworks").className="ietdstyle"; document.getElementById("tdparasolid").className="ietdstyle"; document.getElementById("tdiges").className="ietdstyle"; document.getElementById("tdsteps").className="ietdstyle"; document.getElementById("divcatiav4").innerHTML = "<center> </center>CATIA V4"; document.getElementById("divcatiav4").className="iedivstyle"; document.getElementById("divcatiav5").innerHTML = "<center> </center>CATIA V5"; document.getElementById("divcatiav5").className="iedivstyle"; document.getElementById("divunigraphics").innerHTML = "<center> </center>Unigraphics"; document.getElementById("divunigraphics").className="iedivstyle"; document.getElementById("divsolidworks").innerHTML = "<center> </center>SolidWorks"; document.getElementById("divsolidworks").className="iedivstyle"; document.getElementById("divparasolid").innerHTML = "<center> </center>Parasolid"; document.getElementById("divparasolid").className="iedivstyle"; document.getElementById("diviges").innerHTML = "<center> </center>IGES"; document.getElementById("diviges").className="iedivstyle"; document.getElementById("divsteps").innerHTML = "<center> </center>STEP"; document.getElementById("divsteps").className="iedivstyle"; } else if (browsername = "Firefox") { if (browserVersion == "3.5") { document.getElementById("divcatiav4").innerHTML = "<center> </center>CATIA V4"; document.getElementById("divcatiav4").className="firefoxdiv3-5Style"; document.getElementById("tdcatiav4").className="firefoxtd3Style"; document.getElementById("tdcatiav4").align="center"; document.getElementById("tdcatiav5").className="firefoxtd3Style"; document.getElementById("tdcatiav5").align="center"; document.getElementById("tdunigraphics").className="firefoxtd3Style"; document.getElementById("tdunigraphics").align="center"; document.getElementById("tdsolidworks").className="firefoxtd3Style"; document.getElementById("tdsolidworks").align="center"; document.getElementById("tdparasolid").className="firefoxtd3Style"; document.getElementById("tdparasolid").align="center"; document.getElementById("tdiges").className="firefoxtd3Style"; document.getElementById("tdiges").align="center"; document.getElementById("tdsteps").className="firefoxtd3Style"; document.getElementById("tdsteps").align="center"; document.getElementById("divcatiav5").innerHTML = "<center> </center>CATIA V5"; document.getElementById("divcatiav5").className="firefoxdiv3-5Style"; document.getElementById("divunigraphics").innerHTML = "<center> </center>Unigraphics"; document.getElementById("divunigraphics").className="firefoxdiv3-5Style"; document.getElementById("divsolidworks").innerHTML = "<center> </center>SolidWorks"; document.getElementById("divsolidworks").className="firefoxdiv3-5Style"; document.getElementById("divparasolid").innerHTML = "<center> </center>Parasolid"; document.getElementById("divparasolid").className="firefoxdiv3-5Style"; document.getElementById("diviges").innerHTML = "<center> </center>IGES"; document.getElementById("diviges").className="firefoxdiv3-5Style"; document.getElementById("divsteps").innerHTML = "<center> </center>STEP"; document.getElementById("divsteps").className="firefoxdiv3-5Style"; } } } </script> </head> <body onload="WriteFunction();"> <form id="form1" runat="server"> <div> <table border="1" style="width:425px"> <tr> <td style="width: 120px; height:120px"></td> <td id="tdcatiav4"><div id="divcatiav4"></div></td> <td id="tdcatiav5"><div id="divcatiav5"></div></td> <td id="tdunigraphics"><div id="divunigraphics"></div></td> <td id="tdsolidworks"><div id="divsolidworks"></div></td> <td id="tdparasolid"><div id="divparasolid"></div></td> <td id="tdiges"><div id="diviges"></div></td> <td id="tdsteps"><div id="divsteps"></div></td> </tr> </table> </div> </form> </body> </html> Please help me out.. Thanks Rajagopalan. I need to recreate the text paragraphs on the home page of www.advanced1.net. The issue I'm having is getting both sides of the paragraphs at the slant. Does anyone have any ideas on how I could possibly do this? Thanks, George similar to this. http://groups.myspace.com/index.cfm?...5EEF8181551476 i can make all the graphics so thats not a problem but how do i make it? First of all, I have only just started this site, and it's only ever going to be a very basic HTML site. It's going to be a ground guide for Non-League football. Here is one of the completed ground pages so far. Most of the links don't actually take you to anything in perticular, so don't shout! I'd just like a couple of ideas on how to improve the general look of the site. Thanks! Code: http://79.170.43.200/adp-design-demos.com/nlgg/wadham_lodge.html Don't worry about the ugly domain, it's only going to be like that during testing |
|||||||