-
Posts
95 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Posts posted by joecoolaug
-
-
Do you mean a border? All you have to do is put -- border="0" -- in the -- <img> -- tag. If that doesn't work, which it probably won't, since no browser that I know of gives pictures a border on default, then try checking your picture. The problem may be that the actual picture has a white line around it.And lastly, you should get something better than MS paint for your computer. I use paint for basically everything because of its simplicity, but it lacks many good features that other free graphics editing software offers. Go here to look for the one that suits you: http://www.freebyte.com/graphicprograms/ .Hello there,Does anybody know how to get rid of the white square in ms paint because lets say i put a picture on my website it shows the picture but with a white square around it. does anyone know how to get rid of it?ThanksBeatles -
Thanks for that, it helped a little bit. I still can't figure out how to get it to work in Firefox after lots of testing. I think I am going to go with a different layout. Thanks for your help, though.well- 2day is ur lucky day. i was not looking 4 it. had some css bookmarks and was going thru them 2 find out something. came upon this site and immediately thought about ur question. it basically said what i was trying to say above. look at it here.best regardsDonna -
If it's a test, we shouldn't help you . Just give the tester what you know . Just to let you know, if whoever is giving you the test is going to be looking at this page, they won't see any of the images because you have all the image sources set to files on your computer that nobody else's computer has. Try uploading the images to the internet using imageshack.us or freeimagehosting.net or something like that.Here I have an HTML file containing an imagemap (my garden) and link styles in the embedded style sheet. There are no link styles in the external style sheet yet.First I tried the pseudo-classes for all links, which worked for the navigation links to left and right but not for the links in the imagemap. I also tried targeting a:link to a class "maplink" in the first <area> but again no effect.The effect I am looking for is for the clickable zones on the garden map to adopt the colour of the flowers/berries when hovered and when visited.This page is part of a CIT 124 assignment to test my knowledge of HTML & CSS. Is this effect possible using HTML/CSS? -
I thought you meant you wanted a sound file that would start playing at any given time, like 5:00. Well, I will do some research on this to see what I can find to help you.The main thing is getting the file to play 24 minutes, or however long into the file. So if it starts at 4 pm, and you log on at 4:03 pm, it will automatically start at 3 minutes into the file.I would love if this is possible! -
I'm sure you could do this with some long JS code. I'll work on a "sketch" for you.Well my STLP (Student Technology Leadership Program) teacher wanted to have a radio type thing on the web and it would be in one hour segements. I have no problem getting the file to play if the time is inbetween say 4 pm and 5 pm, but is there a way so that if the radio show starts at 4 pm, and the user starts listening at 3:24 pm that I can play the sound file 23 minutes and x seconds into it? So that way its like a radio in your car, and it doesnt just start at the beginning every time.Would this require flash or something like that? I hope there is a way to do this... Thanks!! -
If it was released a few days ago, its probably something they missed when making it. You should report it to them. I don't think they would drop those attributes; they're too important.It seems like no where has this so I will post it here! I believe mozilla firefox finally drop the valign and maybe align tags! I tried to use them but firefox 1.5.0.7 (the newest update, just from a few days ago) will not display it. There is a vertical-align tag in css but there is a tip to using it! It is not inherited , so if you put this in the table tag, it wont work for tr or td, to vertically align text you must put it directly onto the td tag!! you can use td{ vertical-align: top; } to align all content to the top, instead of the default center.Just a tip . -
Thank you. I tried using the code from the W3school's example; but it didn't seem to work; and I didn't understand it, anyway. It looks like you got it to work, but I still don't understand what the line-height thing is.
-
You could do a number of things. First of all, it is not possible to have a background color with a background image on it. You can only have one background element. Next, if you would chose to use a background image, you can't use links on an image in the background.You can find everything you're looking for in the HTML and CSS tutorials.colour background, and then a centered image over it?and inside that image, all the links to content etc... -
http://www.freewebs.com/joecoolaug/test.htmlAs you can see, at the bottom, the footnote only ends at the left border of the right content div.Instead of doing something like "height:400px;" for each of the div heights, how can I get their height to be equal without having them longer than the content length of the longest div?
-
I like the layout and theme. I'm not sure if they're supposed to, because it's just a test, but the tabs on the top don't work. They also look a little bit "choppy," if you know what I mean.That's very impressive for your first CSS site.
-
What is the project for (what will we accomplish with it), or will we vote on topic of the project later?Do you have questions about the forum community project? Comments? Suggestions? Just post them here!This topic is only for discussion. Later on, it will be cleaned and made into the voting topic. For now, no nominations or anything like that, just discussion. Thank you.Choco -
Why's that. I've never heard that before .Just a quick tip---any scripts that modify the page in any way should be either launched through onload=, or put RIGHT BEFORE the </body> end tag. -
Ooh! I've been looking for this for years. Thanks. It also works in Netscape on Windows and Linux.
-
Okay... It's working now, but why does it have to be in a function?EDIT: Nevermind. I saw what you changed.that was just a simple example of course you can't just stick it anywhere and expect ti to work.do this<html><head><title>blank</title><script type="text/javascript"> function insertSmile() { var str = document.body.innerHTML; document.body.innerHTML = str.replace(':)','<img src="/joecoolaug/untitled3.png" alt="Smile"/>'); }</script></head><body onload="insertSmile()">:)</body></html>
-
It's not working. Obviously I'm doing something wrong.Here is my site.Here's the code:var str = document.body.innerHTML;document.write(str.replace(':)','<img src="url to image" alt="Smile"/>'))
<html><head><title>blank</title><script type="text/javascript">var str = document.body.innerHTML;document.write(str.replace(':)','<img src="/joecoolaug/untitled3.png" alt="Smile"/>'))</script></head><body>:)</body></html>
All right... I'm not so great with javascript. I don't understand why you have "document.write" in there. That won't just replace "" but will also replace all other code in the <body> tag, won't it? Wow... I'm confused, as usual .
-
You can probably also find stuff about this scattered throughout the W3schools tutorials(mostly the CSS tutorial).Learn absolute positioning using floats and margin: auto;Look to this site for a beginning tutorial.(URL: http://friendlybit.com/css/beginners-guide...and-standards/) -
This article might help with your issue of file size: http://www.peachpit.com/articles/article.a...417087&rl=1 .EDIT: Wait a minute. Did you already accomplish what you wanted with file size reduction, or not?lol that was a thumbnail of the original image. that was 10% of the original size. i think the full image that i put on the web was about 60% of the original image. ok so does anyone know of a good free program to edit images. i was using microsoft photo editor but that seems to make a low quality image at a large file size. i have flash and google's pisca but those dont seem to do me much good. mabey i am going about this in all the wrong way. how would anyone decrease the filesize. i only want the image to decrease in size (height , width) no more than 50% but i want the filesize to decrease 90% i think, well the final size about 10% of the original(5k not 61) -
I didn't know that.why use html to resize the images...that method has been depreciated.
Well, so much for my suggestions .You can simply use MS Paint to resize it. If you have better image editing software, then use it; just use the editor's built-in resizing tool.EDIT: Oops. We posted at the same time .I heard that if you dont spesify the size of the image it actually takes longer to load even if the size you are telling it is the same size the image is. I will get to resizing those images if someone can tell me a way to resize them that will bring the filesize down more significantly as well. -
You're using CSS to resize the images, I see.lol that was a thumbnail of the original image. that was 10% of the original size. i think the full image that i put on the web was about 60% of the original image. ok so does anyone know of a good free program to edit images. i was using microsoft photo editor but that seems to make a low quality image at a large file size. i have flash and google's pisca but those dont seem to do me much good. mabey i am going about this in all the wrong way. how would anyone decrease the filesize. i only want the image to decrease in size (height , width) no more than 50% but i want the filesize to decrease 90% i think, well the final size about 10% of the original(5k not 61)<a href='/pictures' style='text-decoration: none;'><img src='/pictures/20052006/thmbs/snowfort6.jpg' style='height: 100px; width: 150px; border: none; float: left;' alt='snow fort' /><img src='/pictures/20052006/thmbs/snowfort8.jpg' style='float: left; height: 100px; width: 150px; border: none; float: left;' alt='snow fort' /><img src='/pictures/20052006/thmbs/snowfort11.jpg' style='height: 100px; width: 150px; border: none; float: left;' alt='snow fort' /></a>
Instead of using CSS, try using plain HTML resizing.
<a href='/pictures' style='text-decoration: none;'><img src='/pictures/20052006/thmbs/snowfort6.jpg' height="100" width="150" style='border: none; float: left;' alt='snow fort' /><img src='/pictures/20052006/thmbs/snowfort8.jpg' height="100" width="150" style='float: left; border: none; float: left;' alt='snow fort' /><img src='/pictures/20052006/thmbs/snowfort11.jpg' height="100" width="150" style='border: none; float: left;' alt='snow fort' /></a>
Or, try deleting the thumbnail specifications alltogether. I see that you haven't resized the images to 150x100 using an image editor yet(as others have suggested). If you resize each of them to exactly 150x100px with the editor(and upload the resized image), you won't need to specify their height and width for the browser to display it as a thumbnail. That should save your browser quite a bit of loading time.After uploading the edited 150x100 images, take the height and width attributes out:
<a href='/pictures' style='text-decoration: none;'><img src='/pictures/20052006/thmbs/snowfort6.jpg' style='border: none; float: left;' alt='snow fort' /><img src='/pictures/20052006/thmbs/snowfort8.jpg' style='float: left; border: none; float: left;' alt='snow fort' /><img src='/pictures/20052006/thmbs/snowfort11.jpg' style='border: none; float: left;' alt='snow fort' /></a>
-
Okay... so that only replaces text in the variable. That will work for textareas and inputs, and that's all I plan on using it for. Just out of curiosity, though, is there any way I could apply this to use it for some text in a document?for javascript do thisvar str = "my text goes like this and it has a :) smily face";document.write(str.replace(':)','<img src="url to image" alt="Smile"/>'))
-
I've been wondering something recently.How is it possible for text in a HTML document or user-entered textarea text to be recognized and manipulated? For example:
\\On this forum,\\this text becomes a smiley when you post it::)\\and this text becomes a link:[url=http://www.wow.com]a link[/url]
I know that this is possible with server scripting, but, since I don't have any servers, is there any way to do this with only HTML, a scripting language, and/or XML?
-
This is all you have to do (replace "<" and ">" with brackets):
<url="http://www.w3schools.com"><color="#FF0000">W3schools</color></url>
Ex: W3schoolsEven so, I agree with you; it would be nice if they changed the default.EDIT: I just realized that you probably already know that.
-
W3schools references a validator in its XSD tutorial: http://www.w3.org/2001/03/webdata/xsvHowever ---- I like the Liquid XML Schema Validator(download) because you don't just give the URL, you can actually put in your code : Liquid XSD.it's a start. i just have to figure out how to mix simpleContent and complexContent, which doesn't seem to work with the validators i used.btw. any tips for a good validator? (the example you directed my at is considered invalid by XMLSpy e.g.) -
Wow. That speeds validation up a lot. Too bad I didn't pass the initial validation.I think we need a forum for breakthroughs -- or tips -- for people, like this topic.http://w3schools.invisionzone.com/index.php?showtopic=6492
critique my first css site plzzzzzz
in CSS
Posted