|
HTML - Text Designing
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 TutorialsI 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 Hi, 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. 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 here is the (ineffective) code currently: <img style="float: left; width: 169px; height: 73px;" src="img/logo1.png" alt="" /> <h1 style="text-align: center;">random text</h1> the image shifts the left margin such that the text is centered as though the page width was 169px less than it really is. i'm not debating the code itself; the code above behaves as its meant to. aka no surprises. i just cant figure out the appropriate code to center the text across the entire real width of the page as though there was no image. i've tried div tags & all the things google hunting advised. no luck. other than finding this forum, which seems like it'll be a boon! thanx in advance for advise/comments/feedback/help. I have several websites that I maintain and update. A lot of them are just textual changes and I would think my customers can do these themselves by editing a simple .txt file. I was hoping my choices are avalable so that I can just insert this tag into my web pages and then give them login info to their edit page or show them how to upload the .txt file. I hope this is an easy one with several answers. Is it possible these tags could discipline your rankings in the search engines? Thanks, Jason Hi All, I am new to this forum and is expecting an answer for this question. I have implemented a facebook type search to the database which displays the familiar text saved in the database when I type some text in the database. My issue is after I have used the search box for a couple of time the text box starts displaying a similar dropdown from its history which hides my database search. Does anyone know how to disable it using html or css. See the attached Image if my question is not clear. http://www.htmlforums.com/attachment...1&d=1306715905 i have a lot of text files(2-400) all have quite alot of text inside them so is there some software that can help me convert it all into html pages?? somthing that i am doing right now is: copied all of my text files pasted them into other location and editing each file and giving extention html/htm. now can u tell somthing better?? all the files will open in same frame(obviously one at a time), all have styling n everything same. How do I Link text in a div, h1, h2, p to an external text file or xml file - I don't really know how to ask the question. I think I need an xml file that can be easily edited by a user saved to the server to update an xhtml page text without the user getting bogged down in html. I don't want to use joomla or cms. <Any ideas />? Best wishes, mas Hi Can any one help. I have this form the user is ask to input a message and a number. I want to be able to add a line of text to the message, which the user can not delete. But is sent joined to the message. ie User input Message = "Hi Just would like to share this site with you" with added text: Message "Hi Just would like to share this site with you" + "mydomain.com" Can anyone help? =========================================== Here is my form so far <script language="javascript" type="text/javascript"> function limitText(limitField, limitCount, limitNum) { if (limitField.value.length > limitNum) { limitField.value = limitField.value.substring(0, limitNum); } else { limitCount.value = limitNum - limitField.value.length; } } </script> <html> <body> <form action="stext.php" method="POST" name="number" id="number" style="width: 384; height: 372; "> <input name="number" type="text" id="number" style="position: absolute; left: 123; top: 287; color: #FFFFFF; width: 154px; border: 1px solid #ACC61B; background-color: #000000" size="20" tabindex="2"><p style="margin-top: 0; margin-bottom: 0"> <textarea name="message" cols="17" rows="1" id="message" onKeyDown="limitText(message,countdown,140);" onKeyUp="limitText(message,countdown,140);" style="position: absolute; left: 120; top: 105; width: 162px; height: 154px; color: #FFFFFF; font-family: Agency FB; font-size: 14pt; border: 1px solid #ACC61B; background-color: #000000" tabindex="1"></textarea> <br> </td> <input name="Submit" type="submit" id="Submit" value="!" style="position: absolute; left: 121; top: 329; color: #D95503; width: 157px; height: 23px; border: 1px solid #D95503; background-color: #D95503" tabindex="3"></p></form> <p style="margin-top: 0; margin-bottom: 0"><font size="4" face="Agency FB">Maximum characters: 140. You have <input readonly type="text" name="countdown" size="3" value="140"> characters left.</font> </font></p> <p style="margin-top: 0; margin-bottom: 0">nmgnm,</p> </body> I want to implement a rollover (javascript or css) that changes text when you rollover it. E.g. someone's name and when you rollover it shows their address. I've googled this and found a css rollover which changes the color of the text but is there a way to completely change the text? Any help much appreciated, thanks hi Everyone, I have a html form in which i have a text area.I enter some thing in the text area and when i again request for the same html page i want to now display the html page with the changes i made last in the texta area. Can anyone help me out with this doubt. Thanks in advance I have seen this many times but can not figure how to do it. Its the transparent images or text in text boxes, one example of this is http://au.movies.yahoo.com/Coming+Soon/to-cinemas/ At the top right you can see that transparent yahoo image in the text box and when you click it it disappears then comes back? can someone tell me how this works? Thanks Hi, this is appleguy.......6142! I was wondering how to make a text box display something somewhere else for example (This does not work)---- ------------------------------------------------------------------ [page1.html] (Pretend this is a text box)>>> [Text Text Text...] [page2.html] -This is the text displayed in the text box->>>Text Text Text... HOW DO I DO THAT PLEASE HELP!! Hi, I hope I'm posting in the right area as this is my first thread. The problem I'm facing is I have 7 links in a row | Link 1 | Link 2 | Link 3 | Link 4 | Link 5 | Link 6 | Link 7 | and below those links I have nothing. What I want is for Text to appear on rollover on Link 1 and stay there until Link 2 or another link is hovered over. Example: Mouse hovers on Link 1 - called Free Home Survey Text appears below row of links about Free Home Surveys that the company does Mouse hovers on Link 3 - called Personalisation Text appears below the row of links about Personalisation etc Any help would be greatly appreciated. Thanks in advance hello friends, I want to display the text in a textbox. But I dont want the user to edit it. How can the remove this editing feature in the text box. If possible can you please give me a sample code. With this code: HTML Code: <div style=" width: 220px; float: right; "> sidebar sidebar sidebar sidebar sidebar sidebar sidebar </div> <div> main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main </div> I obtain an output like this: Code: maintextmaintextmaintext sidebarsidebar maintextmaintextmaintext sidebarsidebar maintextmaintextmaintext sidebarsidebar maintextmaintextmaintextmaintextmaintext maintextmaintextmaintextmaintextmaintext maintextmaintextmaintextmaintextmaintext But I want to make that the code of the div of the main text is BEFORE the code of the sidebar div. How can I do? Thanks in advance. I'd like to change the background colour of "alt" and "title" pop-ups. I've used hotspots with onMouseOver="this.T_BGCOLOR='#123456'; . . . in the past but the images I want to highlight already have rollover effects assigned and the two pieces of code don't seem to want to work together. I got a problem.... Im not HTML freak but i made this homepage: www.thuroeminigolf.dk The text is sad in Explorer, but works well in Opera........ I used these standard things to help me out alot of the way: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> But in stuck on the text.... The background is a picture and the text is just outside the picture, not attached to it. Anyone got any idea of how to make text be the same on every browser? I dont want to change fundemental things like redesinging the whole picture and box system.... Just some easy text thing... Hope i dont confuse you to much |
|||||||