PDA

View Full Version : How to make images,videos resize theirselves at smaller monitors?Also how to color/uncolor links?


Vulture
04-20-2010, 10:18 PM
1-. I managed to use a table that makes the writings resizes and fits theirselves to smaller monitors but the same table doesnt work for images and videos
I need a code to make images and videos resize theirselves if the site is visited by a smaller monitor.

2-The words that containes links,and also pictures becomes colored blue and purple. How can i recolor these to what i want?
thanks in advance
http://i42.tinypic.com/vxntaq.jpg

domedia
04-20-2010, 10:26 PM
Drop the tables, if you want elements to resize, they will do so by default.
This way you're using web standards, and your friends won't laugh at you ;-)

Images do not resize, so gather some data on your visitors and look for lowest common screen resolution (this is not the same as monitor size)

To color links, look for the a:link, a:visited etc in your CSS panel.

Corrosive
04-21-2010, 08:55 AM
The words that containes links,and also pictures becomes colored blue and purple. How can i recolor these to what i want?


These are governed by psuedo classes

a:link. a:visited, a:hover, a:active. Some are purple because you've visited them.

Vulture
04-21-2010, 09:37 AM
okay i managed to color the links.

zebulonzed
04-23-2010, 09:59 PM
Vulture, I may be wrong about this, but I *think* if you're embedding YouTube videos (that's what I saw on your screen snap), you can alter the embed code so that it will flex to different sizes by using 100% instead of fixed pixel width and height. example:

<--- (not needed) this was 640 x 385

<object width="100%" height="100%"><param name="movie" value="http://www.youtube.com/v/n6dDesUPkMo&hl=en_US&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/n6dDesUPkMo&hl=en_US&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="100%" height="100%"></embed></object>

---> (not needed)

tinker with it -- there appears to be two place, in the object tag and in the embed tag, where the size needs to be made 100%