Date: 07/13/07 (WebDesign)    Keywords: html

Hey everyone I need some quick help on this so if anyone can offer assistant I would really appreciate it.

I am making an image map so different areas of an image will open different links in a lower frame. I used to do this a lot. The HTML page with the image map works just fine.. but once I put that HTML in frames the clickable area is not in the right spot and is a bit larger! Why would a working html file have different map coords once put into a frame?

This is my image map code that works fine unless it is in a frame.

[img src="menu1.jpg" usemap="#shapes"]

[map name="shapes"]
[area shape="rect" coords="130,90,240,110" hrEF="chris.html"]
[/map]


My frameset code is this:

[frameset framespacing="0" border="0" frameborder="0" rows="50%,50%"]
[frame src="menu_top.html" name="top"]
[frame src="menu_bottom.html" name="bottom"]
[/frameset]


Any idea what is causing this? Maybe something in the image map code or frameset code that could be messing up the map when loaded in frames? Thanks for any help.

Source: http://community.livejournal.com/webdesign/1281562.html

Date: 07/14/07 (Javascript Community)    Keywords: css, html, java

Hi, I have been looking around the net for the secret to those black, transparent windows Netflix and others put up when there is a nested window. Its got to be something besides the css transparency filter because it works in Firefox.

Any tips or urls are appreciated.



BTW found this related to PNGs and IE
http://homepage.ntlworld.com/bobosola/pnghowto.htm


Here is a simple Javascript run photo gallery I just made (use it if you like)
http://www.geocities.com/spilledink/gallery.html
(that transparent black window would work great with this)

Source: http://community.livejournal.com/javascript/136182.html

Date: 07/15/07 (Javascript Community)    Keywords: php, html, sql, java, web

I'm working on a new website, and for many of the functions, I really want to replace all the damned annoying popups with much more friendly code. Why even have popups? Well, for instance, in the message forum, you often get a popup when you get a new IM. In the Gallery, if you click on a single image, it is annoying to do a new pageload for that, and then go back and reload the old pack just to select another image.

For many functions, Lightbox is a great solution, but it isn't everything I'm looking for. There are plenty of Lightbox variants. My favorite two are the following:

http://www.justinbarkhuff.com/lab/lightbox_slideshow/ - This is based of Lightbox 2, but adds native slideshow support, more keyboard controls, etc.

http://www.ryanjlowe.com/?p=9# - In many ways, head and shoulders above all Lightbox clones. The window can be dragged around, can include html, Flash, forms, whatever. You can have an event to pass information back and forth between the popup and original window, etc.

I love the transition effect of Lightbox 2, and the opacity of the windows in Litbox. I love the prev/next/slideshow features of Lightbox 2, and the fact that you can drag the Litbox windows around. I like the keyboard controls of Lightbox 2, and the fact that you can include all kinds of content in the Litbox window.

I know enough PHP and SQL to get myself in trouble, and enable myself to break/build a site to my liking. However, my javascript knowledge consists of copying and pasting. I have no clue what I'm doing. Is there some soul who like me, sees the benefit of a powerful Lightbox clone that combines many of the features from these two?

I'd be extremely grateful if someone can help me out.

Source: http://community.livejournal.com/javascript/136245.html

Date: 07/18/07 (WebDesign)    Keywords: html, web

Hey

I'm helping a friend set up a website for her fanfiction. The problem is she knows no html at all so what I was thinking of doing was installing a programme for her that would allow her to have sections for her fanfiction and allow her to update easily. But at the same time allow her to put in graphics as header images etc... I have no idea where to start looking for that though! So the question is, does anyone know of anything I can use for this? Any recommendations?

Thank you!

Source: http://community.livejournal.com/webdesign/1284657.html

Date: 07/20/07 (Javascript Community)    Keywords: html

The following code is working in IE but not in Firefox and I'm not sure why

if(document.getElementById("chkFile"+(i*1+1)).checked)
 {
   sResult+=","+document.getElementById("idFile"+(i*1+1)).innerHTML;
 }

Source: http://community.livejournal.com/javascript/137221.html

Date: 07/22/07 (WebDesign)    Keywords: html, web

I've lurked for a long time, and I was wondering if it's okay to ask some questions pertaining to building a web page in flash. I've never done anything with flash before, and I've been making my portfolio page in a class for it. I've been working my way through it and have come to a problem.

My problem is located on the page for "2d Art"
http://www.ufotofu.net/test.html

Basically-- my goal is to have thumbnails which viewers can use to click on and display a sample of art. I have a few buttons out to test, and I made corresponding .jpg images that will load via the "Load Graphic behavior"

I have it set to load the image on release-- and it works, but then I'm left with a problem. Once it loads, it wont go away. If someone goes to load something, it wont go back to the other one when it's clicked.

Right now, only the first two thumbnails are set up. I didn't bother to do any more when I found this issue. They load once and I suppose it's something to do with layers.

But ultimately, I would like to be able to have someone click an image, have the page show the art, and then when a new one is clicked-- get rid of the previous one and load the new image.

Many thank yous in advance for your help!

Source: http://community.livejournal.com/webdesign/1287022.html

Date: 07/22/07 (WebDesign)    Keywords: html, web

So, in light of this post: http://community.livejournal.com/webdesign/1286735.html I have a related question.

For the life of me, I can't get transparent gifs to work properly in html anymore. At all. I make an image in photoshop, make sure its transparent, save as a gif. Open the gif in photoshop and its transparent. When I place it into an HTML doc it gets a white background.

So eventually i said 'forget it" and switched to .png, which works. But now I realize that it doesn't work in IE6 and below...

What oh what is a girl to do?! How can I either a) make .gifs appear transparent again, or b) make my .pngs transparent in IE6 and below? Which is the easiest / best solution?

Thanks!

Source: http://community.livejournal.com/webdesign/1287400.html

Date: 07/25/07 (WebDesign)    Keywords: css, html, java

Can anyone tell me why my images are showing up squashed?

http://lunarfusion.com/LF/javaandcss.html

Keep in mind I don't actually know java script....trying to learn some.

Thanks.

Source: http://community.livejournal.com/webdesign/1288368.html

Date: 07/25/07 (Web Development)    Keywords: php, browser, html, web, hosting

So I recently changed the extensions of all of my web pages from HTML to PHP. This was good because I could finally do proper headers without the validator bugging out at me. Unfortunately, it also means I have twice the number of files in my directory - those with .html extensions and those with .php. The HTML files are needed to say "Oh yeah hey just change the extension of the page you're looking at to .php and you're good to go". The easy way to fix this, I thought, was to delete all of the HTML pages and set up a custom 404 page that could say the same thing with just one file, but as of yet it hasn't quite worked. I made a .htaccess file that says the following:

ErrorDocument 404 404.html

With 404.html being the 404 page, obviously. I uploaded them both into my directory (I don't have my own domain; someone's hosting me but I kinda haven't talked to my hostess in a while) and the files are... well, there, but if I go to a made up address it just gives me the default 404 page. Anyone know what's wrong? I read somewhere that the permissions have to be set to 644, and I think they are - when I go to the chmod command after right clicking on a file I get rw-r--r-- (er sorry if my syntax is wrong, but yeah it's 644). However, if I click OK, WS_FTP gives me this error: 500 'SITE chmod 644 .htaccess': command not understood ! Chmod failed. It may not be supported on remote host.

I'm not really sure if that's relevant to anything, since it seems like it's 644 anyway, but... yeah. Also I'm not entirely sure if this is an error but if I type in the URL of the .htaccess file into the browser (http://www.example.com/directory/.htaccess) it says it can't find the file, even though I know it's there.

Sorry for the long post, but yeah hopefully someone can help me...?

Source: http://community.livejournal.com/webdev/424232.html

Date: 07/26/07 (Web Development)    Keywords: html, web

Hi, I'm building a website for my parents business but the colours in the template are red/ grey and black, does anyone know how i can change them to blue/yellow and white. I can send the html to someone if they would change it for me...!

Please help!

Gracey

Source: http://community.livejournal.com/webdev/424616.html

Date: 07/27/07 (WebDesign)    Keywords: css, html, java

OK so....sorry to be a pest...
But can anyone tell me why, after creating divs, my java links on the left quit working?

http://lunarfusion.com/LF/javaandcss2.html

(they work here, without the divs: http://lunarfusion.com/LF/javaandcss.html)

Source: http://community.livejournal.com/webdesign/1289947.html

Date: 07/28/07 (Web Development)    Keywords: html

There's a DHTML technique that is becoming more common place, that I would like to use, but have no idea what it's called or the way to execute it. I'll try to describe it, and send example links.

Let's say you are on a persons photo gallery site. They have a thumbnail. You click on the thumbnail and a 50% opaque layer comes out from now where and covers your entire page in a gray myst. Then in that div that contains the larger screen resolution image and a button to disable this newly created layer.

Do you know what I am talking about? What is this technique called? Tutorials on how to do it?

Source: http://community.livejournal.com/webdev/425072.html

Date: 07/30/07 (PHP Community)    Keywords: php, html

This has me scratching my head... I have no idea why the sending of the file is failing.

I found a script here
http://www.trap17.com/index.php/form-php-mail-attachment_t28987.html

It seems to work except the file doesnt arrive in the email

Here are the relevent headers from the email

Content-Type: ;
name=""
Content-Disposition: attachment;
filename=""

Attachment converted: Kobol:Untitled (TEXT/ttxt) (0048378B) 


Email message here

Source: http://community.livejournal.com/php/578438.html

Date: 07/31/07 (WebDesign)    Keywords: browser, html

Using XHTML (Transitional), can anyone tell me how to specify so that in a browser that uses tabs ie Firefox, a link will open in a new tab, or otherwise it will open in a new window?

Source: http://community.livejournal.com/webdesign/1290926.html

Date: 08/05/07 (HTML Help)    Keywords: html

Hey, i'm old to LJ but new to this community! ^_^ Anyway, i was wondering, can anyone teach me how to make a layout like this?
 http://community.livejournal.com/kurage/
What i want is a header at the top, like that community's layout. I've tried all the tutorials and i can't find a single thing that explains this. The way i make layouts is use photoshop and make/copy and edit an image, then paste it up into the override codes. I'm also using the Generator style, so if i were to want to have that layout as that community, will i need to change it? Or is that kind of layout only available to paid accounts?

Sorry for being such a dummy on HTML...^^;; And thanks in advance! ^_^

Source: http://community.livejournal.com/htmlhelp/2407453.html

Date: 08/05/07 (HTML Help)    Keywords: html, google

Er.... I have a forum on invisionfree, and this morning, I was messing with the coding to try to do something. I stupidly didn't try it on a test board and saved it, forgetting what I did. Well, now the portal is messed up, and I have no idea how to make the dividers appear. Could someone help me?

html { overflow-x: hidden; overflow-y: auto; } <br /> <br /><title>Guardian's Wish</title> <br /> <br />form { display:inline; } <br />img { vertical-align:middle; bforder:0px } <br />BODY { font-family: Verdana, Tahoma; Arial; sans-serif; font-size: 12px; color: #000000; margin: px px px px; background-color:#FFFFFF; background-image: url(http://i210.photobucket.com/albums/bb129/xXYamisanXx/background4.gif) <br />} <br />TABLE, TR, TD { font-family: Verdana, Tahoma; Arial; sans-serif; font-size: 10 px; color: #000000; } <br />a:link, a:visited, a:active { text-decoration: underline; color: #B0C4DE } <br />a:hover { color: #74024a; text-decoration:none } <br /> <br />fieldset.search { padding:6px; line-height:150% } <br />label { cursor:pointer; } <br /> <br />img.attach { border:2px outset #e1c8d6;padding:2px } <br /> <br />#ipbwrapper { text-align:left; width:95%; margin-left:auto;margin-right:auto } <br />#ipbwrapper img { vertical-align:middle; border: 0px } <br /> <br />.googleroot { padding:6px; line-height:130% } <br />.googlechild { padding:6px; margin-left:30px; line-height:130% } <br />.googlebottom, .googlebottom a:link, .googlebottom a:visited, .googlebottom a:active { font-size:11px; color: #000000; } <br />.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:14px; font-weight:bold; color:#000000; } <br />.googlepagelinks { font-size:1.1em; letter-spacing:1px } <br />.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size:10px; color:#000000} <br /> <br />li.helprow { padding:0px; margin:0px 0px 10px 0px } <br />ul#help { padding:0px 0px 0px 15px } <br /> <br />option.cat { font-weight:bold; } <br />option.sub { font-weight:bold;color:#555 } <br />.caldate { text-align:right;font-weight:bold;font-size:11px;color:#000000;background-color:#FFFFFF; background-image: url(http://);padding:4px;margin:0px } <br /> <br />.warngood { color:green } <br />.warnbad { color:red } <br /> <br />#padandcenter { margin-left:auto;margin-right:auto;text-align:center;padding:14px 0px 14px 0px } <br /> <br />#profilename { font-size:28px; font-weight:bold; } <br />#calendarname { font-size:22px; font-weight:bold; } <br /> <br />#photowrap { padding:6px; } <br />#phototitle { font-size:24px; border-bottom:1px dashed #e1c8d6} <br />#photoimg { text-align:center; margin-top:15px } <br /> <br />#ucpmenu { line-height:150%;width:22%; border:1px dashed #e1c8d6;background-color: #FFFFFF; background-image: url()} <br />#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; } <br />#ucpcontent { background-color: #FFFFFF; background-image: url(); border:1px dashed #e1c8d6;line-height:150%; width:auto } <br />#ucpcontent p { padding:10px;margin:0px; } <br /> <br />#ipsbanner { position:absolute;top:1px;right:5%; } <br />#logostrip { border:1px dashed #e1c8d6;background-color: #FFFFFF;background-image:url();padding:0px;margin:0px; } <br />/* Skin Created by Kudari-chan*/ <br />#submenu { border:1px dashed #e1c8d6;background-color: #FFFFFF; background-image: url(http://http://i210.photobucket.com/albums/bb129/xXYamisanXx/Forum%20Stuff/Bar3.gif); font-size:10px;margin:3px 0px 3px 0px;color:#000000;font-weight:bold;} <br />#submenu a:link, #submenu a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #000000; } <br />#userlinks { border:1px dashed #e1c8d6; background-color: #FFFFFF; background-image: url(http://http://i210.photobucket.com/albums/bb129/xXYamisanXx/Forum%20Stuff/Bar3.gif) } <br /> <br />#navstrip { font-weight:bold;padding:6px 0px 6px 0px; } <br /> <br />.activeuserstrip { background-color:#; background-image: url( ); padding:6px } <br /> <br />.pformstrip { background-color: #; background-image: url(http://i210.photobucket.com/albums/bb129/xXYamisanXx/Forum%20Stuff/Bar3.gif); color:#A2B5CD;font-weight:bold;padding:7px;margin-top:1px } <br />.pformleft { background-color: #FFFFFF; background-image: url(http://); padding:6px; margin-top:1px;width:25%; border-top:1px dashed #e1c8d6; border-right:1px dashed#e1c8d6; } <br />.pformleftw { background-color: #FFFFFF; background-image: url(http://); padding:6px; margin-top:1px;width:40%; border-top:1px dashed #e1c8d6; border-right:1px dashed #e1c8d6; } <br />.pformright { background-color: #FFFFFF; background-image: url(http://); padding:6px; margin-top:1px;border-top:1px dashed #e1c8d6; } <br /> <br />.post1 { background-color: #FFFFFF; background-image: url(http://) } <br />.post2 { background-color: #FFFFFF; background-image: url(http://) } <br />.postlinksbar { background-color:#FFFFFF;padding:7px;margin-top:1px;font-size:10px; background-image: url(http://) } <br /> <br />.row1 { background-color: #FFFFFF; background-image: url(http://) } <br />.row2 { background-color: #FFFFFF; background-image: url(http://) } <br />.row3 { background-color: #FFFFFF; background-image: url(http://) } <br />.row4 { background-color: #FFFFFF; background-image: url(http://) } <br /> <br />.darkrow1 { background-color: #FFFFFF; background-image: url(http://); color:#FFFFFF; } <br />.darkrow2 { background-color: #FFFFFF; background-image: url(http://); color:#ffffff; } <br />.darkrow3 { background-color: #FFFFFF; background-image: url(http://); color:#ffffff; } <br /> <br />.hlight { background-color: #FFFFFF; background-image: url(http://) } <br />.dlight { background-color: #FFFFFF; background-image: url(http://) } <br /> <br />.titlemedium { font-weight:bold; color:#FFFFFF; padding:7px; margin:0px; background-color: #; background-image: url( http://i210.photobucket.com/albums/bb129/xXYamisanXx/Forum%20Stuff/Bar3.gif) } <br />.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #000000} <br /> <br />.maintitle { vertical-align:middle;font-weight:bold; color:#000000; letter-spacing:0px; padding:1px 0px 8px 8px; background-color: #FFFFFF; background-image: url() } <br />.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #000000} <br />.maintitle a:hover { text-decoration: none } <br /> <br />.plainborder { border:1px dashed #e1c8d6;background-color:#FFFFFF} <br />.tableborder { border:1px dashed #e1c8d6; background-color:#; padding:0px; margin:0px; width:100% } <br />background-image: url (http://i210.photobucket.com/albums/bb129/xXYamisanXx/Forum%20Stuff/Bar3.gif) <br />.tablefill { border:1px dashed #e1c8d6;background-color:#FFFFFF; background-image: url(http://i210.photobucket.com/albums/bb129/xXYamisanXx/Forum%20Stuff/Bar.gif);padding:6px; } <br />.tablepad { background-color:#FFFFFF; background-image: url(http://);padding:6px } <br />.tablebasic { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px } <br /> <br />.wrapmini { float:left;line-height:1.5em;width:25% } <br />.pagelinks { float:left;line-height:1.2em;width:35% } <br /> <br />.desc { font-size:10px; color:#000000} <br />.edit { font-size: 9px } <br /> <br />.signature { font-size: 10px; color: #000000} <br />.postdetails { font-size: 10px } <br />.postcolor { font-size: 10px; line-height: 160% } <br /> <br />.normalname { font-size: 10px; font-weight: bold; color: #000000 } <br />.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 10px } <br />.unreg { font-size: 11px; font-weight: bold; color: #900 } <br /> <br />.searchlite { font-weight:bold; color:#F00; background-color:#FFFFFF } <br /> <br />#QUOTE { font-family: Verdana, Arial; font-size: 10px; color: #000000; background-color: #FFFFFF; background-image: url(http://); border: 1px solid #e1c8d6; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px } <br />#CODE { font-family: Courier, Courier New, Verdana, Arial; font-size: 12px; color: #000000; background-color: #FFFFFF; background-image: url(http://); border: 1px solid #e1c8d6; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px } <br /> <br />.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 9px; line-height: 10px } <br /> <br />.codebuttons { font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle } <br />.forminput, .textinput, .radiobutton, .checkbox { font-size: 11px; font-family: verdana, helvetica, sans-serif; vertical-align: middle } <br /> <br />.thin { padding:12px 0px 12px 0px;line-height:140%;margin:2px 0px 2px 0px;border-top:1px dashed #e1c8d6-bottom:1px dashed #e1c8d6} <br /> <br />.purple { color:purple;font-weight:bold } <br />.red { color:red;font-weight:bold } <br />.green { color:green;font-weight:bold } <br />.blue { color:blue;font-weight:bold } <br />.orange { color:#orange;font-weight:bold }

Source: http://community.livejournal.com/htmlhelp/2407904.html

Date: 08/06/07 (Web Development)    Keywords: html, web

Ok, hopefully a very, very simple issue I am just totally missing the solution to.

Website Here

Looks perfect in IE, BG doesn't align in Firefox. I'm hand coding this very slowly in notepad with lots of help, but my friends don't know why this is acting up.

Suggestions? And please, make them idiot-simple. I'm doing this by reading an old HTML book and occasionally scanning the net for tutorials, so 'just do x' may not be nearly so intuitive for me.

-one very appreciative, frustrated n00b coder.

Source: http://community.livejournal.com/webdev/426046.html

Date: 08/06/07 (WebDesign)    Keywords: css, html, web

Anyone have any ideas why FireFox doesnt read the CSS!? It works on the the dev server. On the live server it works with IE and Safari....

http://www.kbmworkspace.com/index.html


dev server
http://www.tfcdesign.com/clients/kbm/site/

And the REAL oddity is that when I activate the FireFox Extension Web Developer to edit the CSS - it suddenly works! Until I close the Web Developer sidebar.

Source: http://community.livejournal.com/webdesign/1291076.html

Date: 08/07/07 (WebDesign)    Keywords: browser, html

Ello again!

So here's another question I've come across in my quest to figure out building a page in Flash-- how do I have a link open in a new browser window? I'd love to know how to do it for both flash, and html because I have a basic link for those needing to update their flash plugin, in html.

And for anyone interested in seeing how my page is progressing, you can see it at: http://www.ufotofu.net/ufo_new.html

Many thank you's in advance!

Source: http://community.livejournal.com/webdesign/1292196.html

Date: 08/08/07 (Web Development)    Keywords: php, html, linux

Ok there are way to many ways to do this and I am getting behind schedule so here we go:
-There is a lovely form (as it stands now in HTML); I want people to enter in data and then when they press submit a PDF is generated on the box and saved for later review by the client.
The end form is going to run on a Linux box with PHP that has limited access (think little to no console access).

Fpdf looked like the best choice but I do not want to build the PDF file if need be ( I can make it now via Acrobat Pro). That and I have found 0 examples (I live by them) that incorporates (and works!) HTML form work, $POST and FPDF.

In Acrobat Pro I can make a form, put a submit button and then give it an action; then it can magically export the data as FDF, HTML, XFDF or PDF. Horrible shame that there is no documentation to show how to catch it on the server side (email links assume the user has a email client on their machine).

At this point I just want this over and done; any hints or help?

Source: http://community.livejournal.com/webdev/426872.html