|
Subject: RE: HTML Stuff II From: topical tom Date: 20 Feb 09 - 10:41 PM |
|
Subject: RE: HTML Stuff II From: Bill D Date: 20 Feb 09 - 11:48 PM ╟╩╔╦╠═╬╧╨╤╥╙╘╒╓═╬┘┌ ░▒▓ ◄► ↕ τΦΘΩ |
|
Subject: RE: HTML Stuff II From: Stilly River Sage Date: 21 Feb 09 - 12:49 AM SRS |
|
Subject: RE: HTML Stuff II From: Joe Offer Date: 21 Feb 09 - 12:56 AM |
|
Subject: RE: HTML Stuff II From: Murray MacLeod Date: 21 Feb 09 - 03:40 AM This may well be the thread to answer my query, I remember SRS was very helpful to me some time ago ... What I want to know is , how do you put an image in a document and text The picture thing I know how to do, it's just the text aspect I am not sure about. This is for an Ebay listing with several pictures, each alternately aligned right and left, with a column of descriptive text alongside each picture. I am not quite as incompetent at HTML as I used to be, so even a link to a relevant tutorial page or a link to a similar feature where I can "View Source" will be helpful. TIA |
|
Subject: RE: HTML Stuff II From: Stilly River Sage Date: 21 Feb 09 - 10:14 AM To have the text beside the image you have to use the "align" information. Once it knows the image is to the left, for example (could be right or center), then the text can wrap around it. Otherwise it stay below it. On my eBay listings I put photos each a cell in a table so they stay put and I don't need to worry about odd wrapping between photos. Then you the same thing, "align" the table left or right (and make a given width, don't let it go to 100% or there is no room for text to wrap). SRS |
|
Subject: RE: HTML Stuff II From: Stilly River Sage Date: 21 Feb 09 - 03:10 PM If you put a table on eBay without using the <div> and </div>tag before and after then the eBay text on the rest of the auction page won't display properly, it all goes sideways. (I borrowed this html to show the tag from Joe's source code .) I have an old version of FrontPage 2003 (the new program that replaced it seems to be a non-starter) that I use to create my eBay auctions. I park my images in the larger form I want to use over on Flickr, and when I put them in the table I force them to display small but embed a hyperlink in each image. When your are on my eBay auction if you click the photo a new window opens with the full-size image. You don't want your eBay pages to load too slowly (the whole thing loads, even if it displays small), so I don't make those Flickr-hosted photos larger than about 800px across; on some occasions I'll make it as large as 1000, but 800 and 600 are more typical. I size them down to about 400px or smaller in the tables on my auctions. !!->Be sure to check the code view for those external links--FrontPage wants to save the images to your computer and display locally--you need the full code, starting with the http part. I don't have any auctions going right now (I haven't listed any since late December, but I'm about ready to resume auctions). For a few weeks more you might be able to view auction item 300282174749. link. That is an auction with a table. I did a lot of detailed work in that one (and a lot of research) becuase I knew I had a very rare perfume bottle. I've actually left the Flickr photos up because it is so rare that I figure a few collectors might want to capture the image. Anyway, that's one example. SRS |
|
Subject: RE: HTML Stuff II From: Murray MacLeod Date: 21 Feb 09 - 07:37 PM excellent helpful advice there from SRS and Joe once again, thanks. SRS just to clarify, am I correct that you are saving the pics to your host (Flickr ) as 800 (or 1000 or whatever) pixel wide format, and using the HTML "width" tag to tailor them to the required size ? Do you have to manually calculate and enter the "height" of the resized pic on the listing or is this automatic ? I have gone through your listing above using "View Source" and very educational it is too, although I still don't have a clue what the "div" tag actually does ... I am fairly sure I can get my listing to display the way I want it to now, thanks again for your help. |
|
Subject: RE: HTML Stuff II From: Murray MacLeod Date: 21 Feb 09 - 08:01 PM "width" is of course not a "tag", it is an "attribute". mea culpa |
|
Subject: RE: HTML Stuff II From: Stilly River Sage Date: 21 Feb 09 - 08:03 PM I also use Photoshop and the height/width values are locked together, so changing one adjusts the other when I resize a photo. In Front page those values are also locked, so when you resize how a photo will display, the thing changes size without distortion. You can probably find the same features in Picasa and even the Microsoft Office picture editor. The "div" and "span" tags give you more chance to control the contents of the space that they enclose. I have my DHTML and CSS book here, but I'm getting set to fix dinner so I'll read up later and tell you more then. "Align" is one of those directions that it looks like they're gradually phasing out. Hasn't happened yet, though. SRS |
|
Subject: RE: HTML Stuff II From: Joe Offer Date: 21 Feb 09 - 10:09 PM I usually cheat and use tables, but we're not set up to use them at Mudcat because they can cause problems (but I cheat and enter them with my "edit" button). Pene Azul told me the best way to do it is to use columns, thus: Columns: <DIV STYLE="float: left; width: 48%"> Column 1 </DIV><DIV STYLE="float: right; width: 48%"> Column 2 </DIV> Let's see if I can get it to work: Columns: Column 1 Column 2
I could really use some more instruction on the <div> tag. It's used extensively on Web pages, so there must be a way to make it very flexible and useful. -Joe- "Align" going by the wayside? Darn, I use align=left/right/center all the time. SRS, you have glossed over the div/span tags, and these are something we really need to understand. Please enlighten us. -Joe, puzzled- |
|
Subject: RE: HTML Stuff II From: Stilly River Sage Date: 21 Feb 09 - 11:00 PM Oops. I posted this on the wrong thread (I asked Katlaughing to take it off of the place I stuck it): http://webdesign.about.com/od/htmltags/a/aa011000a.htm. We're looking at html vs dhtml and css and xhml and dhtml--it is confusing, and yet, I am still using a lot of the earlier code and getting away with it. As long as it works, I guess we're okay. I like the "Visual Quickstart Guide" books. You'll find them for any number of web design and html subjects. You might want to take a look next time you're in a good bookstore. I have several here, and I need to do some reading, then I'll see if I can offer something more helpful. To go to the ultimate source, and lots of information, visit the Grand PoohBah of all WWW info, the W3C folks. SRS |
|
Subject: RE: HTML Stuff II From: Joe Offer Date: 22 Feb 09 - 12:34 AM Ah, that's what they all tell me when I ask them to explain <div> - go to w3.org... [sigh] -Joe, fwustwated- |
|
Subject: RE: HTML Stuff II From: Murray MacLeod Date: 22 Feb 09 - 09:03 AM well, you can see the end result of my foray into mixed images and text Here I am quite sure that any viewing of the source code would give a HTML connoisseur heart failure, but it works (just) although it wasn't quite how I had envisaged it. |
|
Subject: RE: HTML Stuff II From: Stilly River Sage Date: 22 Feb 09 - 10:47 AM The only thing I would change with the layout is to not set the table width at 100%. Define the width and you have more control of the look. Set at 100% it will display as wide as the browser window. I have a very wide desktop here (two monitors) and can make that page look pretty darn strange as it stretches out. Your standard monitor is about 1280px. If people are viewing screens at the full window, that's as wide as they can see. Anything set wider than that will call for sideways scrolling. A lot of people use multiple windows and don't put them out to the full monitor, so I tend to keep my tables somewhere between 800 and 1000 pixels wide to accomodate that (since that's how I browse). Or you could simply set it smaller by saying 80% or 90%, etc. The main thing is that while people will scroll up and down, they are generally not happy scrolling sideways. SRS |
|
Subject: RE: HTML Stuff II From: Murray MacLeod Date: 22 Feb 09 - 10:58 AM point taken, SRS, and I will revise accordingly. many thanks. |
|
Subject: RE: HTML Stuff II From: Bert Date: 22 Feb 09 - 06:45 PM For tables that behave nicely with different column and window widths, use separate tables like this |
|
Subject: RE: HTML Stuff II From: Stilly River Sage Date: 22 Feb 09 - 09:59 PM I often times nest tables within tables. For all of the fancy stuff available via web design programs today, I think you'll find that a lot of folks are going back to the simple, yet versatile, table. SRS |
|
Subject: RE: HTML Stuff II From: Bert Date: 23 Feb 09 - 12:53 AM Yer right you can put a whole new table between <td> and </td> tags. |
|
Subject: RE: HTML Stuff II From: Joe Offer Date: 23 Feb 09 - 01:01 AM I really liked your page, Bert. It's neat and simple - and doesn't require any skills I don't have already. But one Website I maintain. http://www.wellspringwomen.org/, has all sorts of <div> tags, so I guess I'm going to have to learn them or do a complete redesign of the site. I feel like I'm taking my life in my hands, every time I make alterations on a page with those darn <div> tags. So far, I've done it without serious mishap, but it's worrisome. -Joe- |
|
Subject: RE: HTML Stuff II From: Murray MacLeod Date: 23 Feb 09 - 03:16 AM Bert, viewing the source code for your link was educational, but there is one thing I don't understand. How do you get the text alongside the image to display halfway down, instead of being in the same line as the top of the image ? And if you did want to align the text with the top of the image, how would you go about it ? |
|
Subject: RE: HTML Stuff II From: Murray MacLeod Date: 23 Feb 09 - 04:24 AM looking at Bert's link again I have just had one of these "penny dropping" moments. you can get as many data cells (td ) as you choose within a row (tr) as long as you define the width of the cell, and you can put images or text within these cells, right ? I didn't really understand the tr, td thing before ... I would still like to know the answer to the question in my previous post, but one further question is, does the text within a data cell (td) automatically centre justify and if so, how would you go about getting it to left-justify? |
|
Subject: RE: HTML Stuff II From: Murray MacLeod Date: 23 Feb 09 - 08:21 AM I have come across what IMHO is by far the best HTML tutorial site on the net (and I have dipped into quite a few) http://www.w3schools.com The explanations are crystal clear, unlike so many other resources which assume too much and fail to explain fundamental basics, for example, that "td" actually stands for "table data cell") |
|
Subject: RE: HTML Stuff II From: Stilly River Sage Date: 23 Feb 09 - 10:45 AM You can set up a table with several cells, and put new tables inside those cells and tell them each how to display. The big table might be everything aligned left, but you can insert a new table in one of those cells and center everything in that nested table. If you're doing hand code then it can be a very tedious process. Are you using an editor of some sort? SRS |
|
Subject: RE: HTML Stuff II From: Bert Date: 23 Feb 09 - 11:07 AM ...How do you get the text alongside the image to display halfway down, instead of being in the same line as the top of the image ?... On explorer it seems to align at the center automatically. If you wish to force the alignment you can use <td valign="top"> or <td valign="center"> or <td valign="bottom"> ...Are you using an editor of some sort?... No I just use notepad but I do one line with as many columns as I need and cut and paste it like this then fill in the data. <tr><td></td><td></td></tr> <tr><td></td><td></td></tr> <tr><td></td><td></td></tr> <tr><td></td><td></td></tr> |
|
Subject: RE: HTML Stuff II From: Stilly River Sage Date: 23 Feb 09 - 12:00 PM Even when you use an editor you need to be able to read through and know what tags need to be closed and find the mistakes that can insert themselves. And you should test it in several browsers. If you've published it online somewhere you can run a validator that will check your code to see if it is in complaince. It's interesting, but kind of a pain in the ass, also. http://validator.w3.org/ SRS |
| Share Thread: |
