html help please...

Live forum: http://forum.freeipodguide.com/viewtopic.php?t=42705

cwncool

10-07-2006 09:28:08

I'm in the process of making a website with tables (yes, tables because I don't know CSS). I'm using Nvu. In the cells the text cursor is always placed in the middle though. How can I make the blinking text cursor go to the top of the cell, so I don't have to type just in the middle of the box.... Thanx!

CollidgeGraduit

10-07-2006 09:33:42

[quote6c3777ac87="cwncool"]I'm in the process of making a website with tables (yes, tables because I don't know CSS). I'm using Nvu. In the cells the text cursor is always placed in the middle though. How can I make the blinking text cursor go to the top of the cell, so I don't have to type just in the middle of the box.... Thanx![/quote6c3777ac87]

You need to change the vertical alignment of that cell to "Top" instead of middle. Never used Nvu before, so I don't know how you'd do it... but there's a start for you.

cwncool

10-07-2006 09:35:20

[quote006d06a73d="CollidgeGraduit"][quote006d06a73d="cwncool"]I'm in the process of making a website with tables (yes, tables because I don't know CSS). I'm using Nvu. In the cells the text cursor is always placed in the middle though. How can I make the blinking text cursor go to the top of the cell, so I don't have to type just in the middle of the box.... Thanx![/quote006d06a73d]

You need to change the vertical alignment of that cell to "Top" instead of middle. Never used Nvu before, so I don't know how you'd do it... but there's a start for you.[/quote006d06a73d]
that's what i figured but i don't know how to do it in Nvu. do you know the source code that I can just add into the source to do that? Thanx!

ajasax

10-07-2006 09:36:51

[code18fd0750b77]<table>
<tr>
<td valign="top">
blah blah blah
</td>
</tr>
</table>[/code18fd0750b77]
Just add the "valign" part

CollidgeGraduit

10-07-2006 09:37:45

[code1fb31e428da]<tr valign=?> or <td valign=?>[/code1fb31e428da]

cwncool

10-07-2006 09:41:19

thanx guys! i'll try to give you all +karma somehow...D

compuguru

10-07-2006 10:30:49

  1. [liee520b69c3]Right click in the cell
    [liee520b69c3]Table Cell Properties
    [liee520b69c3]Under the Content Alignment Box, Change Vertical Alignment to Top
    [/listoee520b69c3]

cwncool

10-07-2006 10:40:00

thnx. One more question though, how do I set a cell's background so it is transparent and you can see the background image through it....

compuguru

10-07-2006 10:44:44

  1. [lide18d16029]Right Click On a Cell
    [lide18d16029]Click on Table Cel Properties
    [lide18d16029]Click the Table Tab in the Top Left Corner
    [lide18d16029]Click on the Color Next to Background Color
    [lide18d16029]Make Sure Transparent is Checked
    [lide18d16029]Click Ok
    [lide18d16029]Click Ok
    [/listode18d16029]

cwncool

10-07-2006 10:52:20

[quote0bd6124b6c="compuguru"]
  1. [li0bd6124b6c]Right Click On a Cell
    [li0bd6124b6c]Click on Table Cel Properties
    [li0bd6124b6c]Click the Table Tab in the Top Left Corner
    [li0bd6124b6c]Click on the Color Next to Background Color
    [li0bd6124b6c]Make Sure Transparent is Checked
    [li0bd6124b6c]Click Ok
    [li0bd6124b6c]Click Ok
    [/listo0bd6124b6c][/quote0bd6124b6c]
    ya. i tried that, and it didn't work at first but w/ a little tweaking it did. Thanx!

cwncool

10-07-2006 11:16:50

lol. another question...about the GIMP. I'm trying to make a sidebar image that gradients from a color, into transparency. I know how to do this, but when I save it as a GIF it ruins the pic. After saving, once viewed there is no gradient. It's just half of the color and half transperency. Help?

compuguru

10-07-2006 12:10:10

Not sure about that one. Can you save it as a .png?url==http://=http:///url

cwncool

10-07-2006 12:21:41

[quote039bd8dca2="compuguru"]Not sure about that one. Can you save it as a .png?url==http://=http:///url[/quote039bd8dca2]
yeah. that's what i ended up doing. i owe you some karma. D

cwncool

10-07-2006 13:18:27

Okay. another question about html. I have fonts that I downloaded installed on my computer that I doubt other people have. How can I make the font still display when other people look at my site?
(btw, im not using the tag, i'm using styles....) thanx!

dmorris68

10-07-2006 13:48:16

First, avoid using GIF's -- they're indexed images that don't handle complex images very well. Stick with .PNG's,url==http://=http:///url but be aware that IE has a major PNG bug with alpha handling that causes transparencies to screw up sometimes.

As for the font, just specify the fonts in a list, with the preferred font first, following by standard fonts. Since you're using CSS, you could create a body style that sets the default fonts for the whole page, like so

[code1a61e8051db]body {
font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
}[/code1a61e8051db]

You could also pass the same font-family in an inline style attribute. List the preferred fonts first, and always end with a generic font family supported by all browsers. Don't forget to use quotes if the font name contains a space.

cwncool

10-07-2006 14:19:03

my site i've designed in Nvu, looks fine (for the most part) in firefox, but looks like a POC in IE... Could you have an idea why? (i know nvu is based off mozilla) but how could i fix it to look okay in IE...

dmorris68

10-07-2006 14:35:13

[quoteb5d1731dae="cwncool"]my site i've designed in Nvu, looks fine (for the most part) in firefox, but looks like a POC in IE... Could you have an idea why? (i know nvu is based off mozilla) but how could i fix it to look okay in IE...[/quoteb5d1731dae]
Welcome to the wonderful world of cross-browser development. It's gotten remarkably better in recent years, but is still a PITA sometimes.

IE implements a lot of non-standard DOM behavior, and Firefox is more standards-compliant but still has some odd quirks. You have to test with multiple browsers as you code -- it's a bad idea to do all development and testing in one browser, then when you're done try to look at it for the first time in another browser. Much easier to test in both as you go. There are often multiple ways to do the same thing with HTML design, and sometimes you can find a common standard that works between IE and Firefox. Other times you just have to detect the browser version and code it both ways.

One thing I suspect is your problem is the transparent PNG issue, since you asked about it earlier. PNG alpha support is broken in IE. Your only other option to get cross-browser transparencies are with GIF's, but the limitations of the GIF format can make that problematic (although for most simpler web site graphics, GIF is usually okay). I recommend against GIF whenever possible, preferring PNG, but sometimes it just isn't possible if you want things to look presentable in IE. If you must use GIF, you have to be careful with your palette and don't try to use true-color photos, since GIF only supports a 256-color indexed palette.

compuguru

10-07-2006 14:41:04

About the IE bug, a fix can be found here[=http//homepage.ntlworld.com/bobosola/]here. It uses javascript, so some older browers or people that disable it won't see the nice page. But the majority of people have it enabled, and it should work fine.

dmorris68

10-07-2006 14:55:50

[quote81df8f6bc8="compuguru"]About the IE bug, a fix can be found here[=http//homepage.ntlworld.com/bobosola/]here. It uses javascript, so some older browers or people that disable it won't see the nice page. But the majority of people have it enabled, and it should work fine.[/quote81df8f6bc8]
Thanks for that, I'll have to add it to my toolbox. )

cwncool

10-07-2006 15:01:13

On the site there are 3 borders that are supossed to look like this...
[code1cd116b5cbf]
______________
| |
| |
[/code1cd116b5cbf]
When using this CSS...
[code1cd116b5cbf]<style type="text/css">
td.borderright {
border-right:2px solid #BED3D8; }
td.borderleft {
border-left:2px solid #BED3D8; }
td.logoborder {
border-bottom:2px solid #BED3D8; }
</style>
[/code1cd116b5cbf]
they all appear when I preview the site in Nvu, but when i open it up in a browser, only the top one appears... Does anyone know why?
A link is http//www.gigacat.com/index1.html
There are supposed to be two more borders/lines going down vertically from the top one....

cwncool

10-07-2006 15:23:17

anyone?

compuguru

10-07-2006 18:13:28

You need some content. Try adding
[code1a74fcc5bcc]&nbsp;[/code1a74fcc5bcc] between your <td> and </td>. I beleive they should never be blank.

You're not seeing the borders because you don't have a height decalared, so the borders go down as for as the content, but you have none.

cwncool

10-07-2006 18:27:53

Thanx for that, but I somehow figured it out ). i did the site over again in frontpage instead of nvu. and made the middle cell with the border on both sides vs the two outer cells having one border each...

compuguru

10-07-2006 18:43:26

I beleive that's because FrontPage adds &nbsp; in each cell if there is no content.