HTML - Proper Ways To Space Out Text?
Hello-
A quick question for those in the know: Is it considered "proper" to put multiple between words to space them out, or is another method preferred as the "correct" way to do it? I've used tables and transparent 1x1 .gifs for spacing as well depending on the page, but there are a number of times where it's just easier to lay about ten or fifteen nbsps in there till the text is nudged over where you need it and be done with it. Makes for an ugly source, but seems to work fine. It seems to render properly doing it this way, at least in IE and Firefox, but is it still kosher to do so? Or is everything "proper" supposed to be done with style sheets now? Thanks, Similar TutorialsHello, I'm writing .html text usully like: Code: <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Language" content="en-us" /> <meta http-equiv="image" content="no" /> </head> But all website's syntax a Code: <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Language" content="en-us" /> <meta http-equiv="image" content="no" /> </head> Is there any software to make that ? Or i have type by hand everythink ? This must be a really basic question. Say you have a footer div(or any other div for that matter) and you want say 3 links and a copyright statement, by using the Design GUI in dreamweaver not but working directly with source, so for examaple in your div you have, copyright 2009 coolffdesign contact us friends links etc........... Now if i put the cursor directly after say 2009 and try and add more than one space then i cant i can only add one space so the best i could have would be, copyright 2009 coolffdesign contact us friends links which i obviouly can't use as it is unreadable... I guess you have to work with css to solve this but shouldn't i at least be able to do this in the design view in DW, what is the best/right way to solve this?? thanks Hi All! I have a question about the (white) space above any text. I don't know if its possible or not but i hope yes... Please look at the attached picture. You can see the space between the text and the black border on the top... I tried padding, margin set to zero but nothing worked! Maybe its not possible to remove it? Thanks in advance! Hi everyone, not sure if this is possible but I would like to have a page that has two textboxes - "1: Input" and "2: Output" So if you copy a few paragraphs from MSWord into that first input box, then click a button that says "Convert", the second Output box shows up with the same text only with a full line break in between paragraphs (not put html tags like <BR> in it) My reasoning is that in word, you can distinguish between paragraphs because of tabbing, but when you copy/paste it into a forum post, it just mushes together and becomes very difficult to read, making line breaks the best way to separate. Example: Input: Code: Once upon a time blah blah blah. The next day thirty people died. It was sad. Output: Code: Once upon a time blah blah blah. The next day thirty people died. It was sad. Thank you! Hey guys Ok so I have a table with one row and three columns, all sizes set. Now, this table is a part of a PHP script output. So what happens is the <td> on the left has an image in it, the <td> on the right has an image in it, and the <td> in the middle has the text output from the script. Problem: if someone inputs a row of letters "aaaaaaaaaaaaaaaaaaaaaaa..." after a certain point it's going to stretch the table and ruin the entire layout. I bypassed this by having the middle <td> completely filled with <textarea>, however this way I can't apply styling like <b> to the text inside of <textarea>. how do I make a table ABSOLUTELY set in size or that <td> ABSOLUTELY set to a certain size? Sorry for a long explanation. Thanks a bunch in advance. I am having a small problem after inserting a URL. all the text a head of it is spaced out far apart and not sure why or how to fix this. Here is this code and below is a screen shot. HTML Code: <p> <a href="/images/how_to/signframe/fig1_sign.JPG"><img src="/images/how_to/signframe/fig1_sign.JPG" style="float: left" height="150" width="150" hspace=10 border="0"></a> I got the idea to do this project from Ryan Johnson at <a STYLE="text-decoration:none" href="www.johnsonschristmascorner.com">www.johnsonschristmascorner.com</a> on the Texas Christmas Lights Forum as he had made one for himself. It really fit the look I had this year as well as what I would be implementing for the next year. So I decided to build one and document the process of the build for those that would be interested in building one for them selfs. These plans are for a 18" x 24" sign which was made from corrugated plastic. You can get these done from your favorite sign shop. I used Stellar Signs in Plano, Tx on Plano Pkwy. Took them about an hour to make with my design I gave them for $23. That was for a full color one sided sign which is not a bad price, cheapest I had found without ordering it online. So call Cassie and tell them Mesquite Christmas sent you and they will hook you up. You are going to need to set a side a couple of hours for assembly and I recommend a full day to allow the paint to dry before assembling.</p> Notice the first line the text is space wide apart. If I remove the URL from the HTML above it is fine. It only happens when I add the URL. Weird. I have never seen this before. Any help or feedback -Thanks Hi, I have a problem. some of my HTML text appears differently in the browsers. for e.g - I want my text to show normally like this - Hi My name is raj. BUT on the browser it is showing as Hi M Y na me is r aj. How do I get rid of the unwanted space. Pease help somebody and thanks in advance (",) Hi folks, I'm an amateur webpage designer. I've recently set up a page and am trying to see if there's a solution to something I've noticed when I view my page. In Internet Explorer and icab, it shows the way I would like, but in Safari and Firefox, I see a problem. My webpage is: http://www.worldwideaccessiblewashrooms.com At the top, I have the webpage title in a table. In Safari and Firefox, there is more space on the bottom of the text inside the table than on the top. I used a straightforward table html: <center> <table bgcolor="#f2e891" border="0" style="border: 3px solid black;"> <tr> <td><h2>Worldwide Wheelchair Accessible Washrooms</h2></td> </tr> </table> </center> Is there a way I can change this so that there is equal space above and below the text inside the table box? Thanks![/url] i am new, i found this site through google and seen how helpful everyone is and decided to join to try and find an answer. i got the design for the site from a template but i remade a majority of it and used photoshop to slice it. so heres the problem, the page is fine the way it is, but i need to be able to type in the white area. i dont know if a code exists to do such a thing but i attempted to will in the white area with a table instead of the image. please help me. thanks in advance. http://haskinsart.awardspace.com/index.html above is the page with the image as the white space (the body(where i want to type)) http://haskinsart.awardspace.com/indexart.html and this one has the table. but as u can see now i have gaps!!! please help me. I've got a bunch of tel: links on a site that work great with mobiles and desktops that have softphones but how can I tell the browser to not treat it like a dead link if no such application exists? Here's an example - clik on any phone number: http://sketch.uk.com/admin_contacts.php?menu=8 Hello!I would like to know if there is another way preselect OPTION VALUE than what I have done below? If I use what I have done below to dynamically the "SELECTED VALUE=" AREA WITH A _get/$VARIABLE, I will end up with 2 identical entries in my drop-down list (such as 2 AVA entries) and I would like to avoid this. Any ideas on how I could avoid this using a different type of method on selecting a default item? Thank you! Code: <SELECT NAME="custom2"> <OPTION SELECTED="SELECTED" VALUE="Lettering Style ADX">ADX</OPTION> <OPTION VALUE="Lettering Style AJA">AJA</OPTION> <OPTION VALUE="Lettering Style AMZ">AMZ</OPTION> <OPTION VALUE="Lettering Style ATH">ATH</OPTION> <OPTION VALUE="Lettering Style AVA">AVA</OPTION> <OPTION VALUE="Lettering Style BAM">BAM</OPTION> </SELECT> Hello, I'm currently hosting my website through another domain but am using a .com which forwards you to my site. Example; go to www.example.com and it takes you to www.bluered.com/example/main.html . The problem is that when searching through Google, it is not recognizing my .com name, only the hosting url. I attempted a Java 301 redirect which I applied to the body section of my HTML but I am not sure if it worked. This is the code I entered: <% response.setStatus(301); response.setHeader( "Location", "http://www.new-url.com/" ); response.setHeader( "Connection", "close" ); %> I replaced the "http://www.new-url.com/" with my .com name and placed this code in the code on my landing page. Can anyone give me some suggestions, tips? It would be greatly appreciated. Thank you I am having HTML page which also includes css. It works properly in firefox, but in IE the whole document is not get well aligned What changes should i have to make to view it in any browser. Thanks I am still unsure of the proper time to use <td>s <table>s etc. I have been getting into the habit of always useing CSS to format my pages. Will using <table>s make it any easier to make my web pages? Second, I was wondering if there are any good websites providing free help with Fireworks 8. I am not very good with it and want to learn more to make my sites more appealing. Thank-you. Nathan I am unsure which of the below methods of embedding a flash object into a web page is correct - and which is a deprecated method. Any help would be very much appreciated! Method one: <object width="800" height="480"> <param name="movie" value="Gallery.swf"> <embed src="Gallery.swf" width="800" height="480"> </embed> </object> -- Method two: <script type="text/javascript"> var flashvars = {XMLFile: "gallery.xml"}; var params = {bgcolor: "#000000"}; swfobject.embedSWF("Gallery.swf", "myAlternativeContent","800", "480", "9.0.0",false, flashvars, params); </script> <div id="myAlternativeContent"> <a href="http://www.adobe.com/go/getflashplayer"> <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player"/> </a> </div> Hi, my name is Josh, and I'm fairly new to website design, so therefore, also a little new to HTML. I apologize in advance for the length of my post, but I feel I really need to be specific as much as possible. Let me be honest with you. I have very limited knowledge on the subject, but I am a quick learner. Anyway, I'm creating a directory on my website where the visitor would be able to clink on one of 51 links, aligned in 3 columns, to take them to a page listing businesses within one of the 50 states. The 51st link, of course, would be directing visitors to an international listing page. Then below the links for the different states, there is supposed to be 26 links, one for each letter of the alphabet, so the visitor can find a business by name. Following that, of course, would begin the listing of the businesses. Basically, I've been teaching myself HTML so far by viewing the source code of pages I visit, and I discover a basic idea of how to do different things with web design. Let me show you the format I've been trying to grasp with this project by giving you an example code. The following code places the links for the states all at the bottom, and also they are not aligned properly, as the first column appears higher than the second which is also higher than the third. I'm not sure I quite understand the way this code works, or what mistake I'm making with it. What I would actually rather do is have a code creating a drop-down box which the visitor would just select their option, and be directed to the requested page immediately, but I don't know how to do that either. At any rate, I do also need to figure out how to get those state-by-state links to appear at the top of the business listings instead of at the very bottom of the page the way it is appearing now with this code. If anybody could help me figure out what the heck I'm doing, I would really appreciate it. HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <!-- saved from url=(0063)[url]http://www.geocities.com/josh**************/connections.html[/url] --> <HTML> <HEAD> <TITLE>Connections</TITLE> <body background="http://www.geocities.com/clipart/pbi/backgrounds/Template_Pages/aboutme_techie_bg2.gif" bgcolor="#000000" link="#ff0000" vlink="#ff00ff" text="#00ff00" > <table border=0 cellspacing=0 cellpadding=0 width=650> <tr valign="top" align="left"> <H1><A name=top>Connections</H1></FONT></A> <P><IMG height=4 src="" width=500></P><FONT color=#0000ff> <H2>Welcome to...</H2></FONT> <tr valign="top" align="left"> <td colspan=1 height=750></td> <td align="left" colspan=3 rowspan=1 width=639><p><b><i><u><font color="#7F7F7F" face="Arial Black" size="+1"><A href="http://www.geocities.com/josh**************/alabama.html">Alabama</A><br><A href="http://www.geocities.com/josh**************/arizona.html">Arizona</A><br>...</font></b></i></u></td> <td colspan=2 height=750></td> </tr> <tr valign="top" align="left"> <td colspan=1 height=750></td> <td align="center" colspan=3 rowspan=1 width=639><p><b><i><u><font color="#7F7F7F" face="Arial Black" size="+1"><A href="http://www.geocities.com/josh**************/kentucky.html">Kentucky</A><br><A href="http://www.geocities.com/josh**************/louisiana.html">Louisiana</A><br>...</font></b></i></u></td> <td colspan=2 height=750></td> </tr> <tr valign="top" align="left"> <td colspan=1 height=750></td> <td align="right" colspan=3 rowspan=1 width=639><p><b><i><u><font color="#7F7F7F" face="Arial Black" size="+1"><A href="http://www.geocities.com/josh**************/northcarolina.html">North Carolina</A><br><A href="http://www.geocities.com/josh**************/ohio.html">Ohio</A>...</font></b></i></u></td> <td colspan=2 height=750></td> </tr> <P><A href="http://www.geocities.com/josh**************/connections.html#A">A</A> <A href="http://www.geocities.com/josh**************/connections.html#B">B</A>...</P> <P><A href="http://www.geocities.com/josh**************/connections.html#N">N</A> <A href="http://www.geocities.com/josh**************/connections.html#O">O</A>...</P> <P><A href="http://www.geocities.com/josh**************/home.html">Return To Home Page</A></P> <FONT color=#00ff00> <H3>13AD LUC ENT</H3> <ADDRESS>12341 Nellis Street, Springfield Gardens, NY 11413-1440</ADDRESS> <ADDRESS>718.807.8811</ADDRESS>... <H3>Zoom Records</H3> <ADDRESS>19 Embarcadero Cove, Oakland, CA 94606</ADDRESS> <ADDRESS>510.535.9666</ADDRESS> <P><A href="http://www.geocities.com/josh**************/connections.html#top">Return to Top</A></P> <P><A href="http://www.geocities.com/josh**************/home.html">Return to Home Page</A></P> </BODY></HTML> As you can see, my knowledge of HTML is pretty basic, and I'm sure you can tell that I tried to abbreviate this excerpt code as much as possible to conserve space on this post. I placed three dots "..." in many places to signify where large irrelevant portions of the page have been omitted, especially where I eliminated the thousands of business listing codes...lol. It may also have not been necessary to provide as much of the code as I did, but I just wanted to make sure that what I need is understood so perhaps I can get some help. Thank you everyone in advance for your assistance... Hi, I'm writing a terms and conditions page in plain XHTML where we have lots of text along the lines of this: 1 Lorem ipsum intro to 1 1.1 More blurb goes in here 1.2 and a whole bunch of other stuff you can't do 2 La-di-dah here's section two 2.1 this that and the other I'd like to use nested ordered lists (OL tags), but we are quite rigid about the numbering in that the sub-sections must be x.x. This is so we can refer to them without any ambiguity. Getting the layout and positioning is no problem, but I don't see how to write this with OL tags. I tried using VALUE="2.1" in the LIs but this doesn't work. I'm assuming a list is the proper thing to use in this case, but I'm open to other ideas (DL maybe???). Currently my website uses frames and no css. I need to update it, but I'm in a huge time crunch!!! (And don't know css and only know very very basic HTML) I need my website to be functional (not in limbo) by next weekend, so it either has to stay how it is now (frames & older HTML) or be totally done by then. Is there anywhere that I can get help to do this automatically instead of waiting until later when I have way more time to learn it myself (that changes your code easily/automatically), or super awesome people who love HTML and will do it for me? It's a pretty simple/basic website and I would be SO so SO appreciative. Hello, I just recently started "cutting up" a website layout in Photoshop and coding it in Dreamweaver. Though I am aware that CSS would be best for doing this, I am still choosing to use a table for the layout. My question is, what is the proper way of hand coding a table? Mind you, this is a fairly complex table with many rows and columns and cells of all kinds of sizes. I used Photoshop to export the code and then went in and changed what I needed to. Photoshop uses spacer gif's in their table code. I'd like to try hand coding the table so that I don't have to use spacer gif's and then I'll be able to edit the table later on, more easily (to change the bottom layout, but keep top navigation on all pages.) Right now, with the spacer gif's I can't add any cells without the whole layout falling apart. I'm just looking for good code for building complex tables (coding by hand). Thanks! Here's a link to the site I'm working on: http://www.matthewpavkov.com/dtim/index.html i almost went crazy trying to troubleshoot this one... thought i'd share. HTML Code: <style type=text/css> a:link {font-family:Arial, Helvetica, sans-serif; font-size:12px;} </style> <table width="200" border="0" cellspacing="0" cellpadding="0"><tr> <td width="100" valign="top"> <a href="link">Sample text </a> <td width="100" valign="top"> <a href="link">Sample text</a> </td></tr></table> Turns out a "space" at the end of the link text pushes the text upwards slightly. Simply remove the space (or add on to the other line) or use the space code [ ] The css also plays a part, this doesn't appear happen when text is "unformatted" |