473,811 Members | 2,496 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

resizing background

Trying to resize a photo to use it as a background and it fails under
part of the css

<img src="subway/IMG_0730.JPG" width="3264" height="2448" alt="" />

I have try and the photo does not display
<link rel="STYLESHEET " type="text/css" href="../../css/ttc.css">
<style type="text/css">
<!--
body {color: #4d9999;backgro und-image: url(subway/IMG_0730.JPG
width="50%" height="50%");}
a:link {color: #444444;}
a:visited {color: #000033;}
a:hover {color: #ffff00;}
a:active {color: #fff;}
td {font-size: 12px;font-weight:900;font-family: arial, Helvetica,
sans-serif, verdana;color: #ffccff; background-color: transparent;}
-->
</style>

-->
I have try body {color: #4d9999;backgro und-image: url(subway/
IMG_0730.JPG width="1000" height="1000"); } also with no luck

How do I get it to work?
Thanks

May 22 '07 #1
5 8519
drum118 wrote:
Trying to resize a photo to use it as a background and it fails under
part of the css

<img src="subway/IMG_0730.JPG" width="3264" height="2448" alt="" />

I have try and the photo does not display
<link rel="STYLESHEET " type="text/css" href="../../css/ttc.css">
<style type="text/css">
<!--
body {color: #4d9999;backgro und-image: url(subway/IMG_0730.JPG
width="50%" height="50%");}
Because this is made up syntax, see:

http://www.w3.org/TR/CSS21/colors.ht...ckground-image

You cannot redimension a *background* image with CSS. if you want an
image resizable to the window you have to fake that the image is a
background with positioned elements, but it usually looks bad because a
web browser does not do a very good job of resampling and image. Also
3264x2448 is a monster image which would take some time to download even
on broadband connections. BAD idea.

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
May 23 '07 #2
drum118 wrote:
<style type="text/css">
<!--
-->
</style>
Besides the other errors, remove the HTML comment marks from the style
block. They are not necessary, and may be causing (some) of your
problems.

--
-bts
-Motorcycles defy gravity; cars just suck
May 23 '07 #3
On May 22, 7:56 pm, "Jonathan N. Little" <lws4...@centra lva.net>
wrote:
drum118 wrote:
Trying to resize a photo to use it as a background and it fails under
part of the css
<img src="subway/IMG_0730.JPG" width="3264" height="2448" alt="" />
I have try and the photo does not display
<link rel="STYLESHEET " type="text/css" href="../../css/ttc.css">
<style type="text/css">
<!--
body {color: #4d9999;backgro und-image: url(subway/IMG_0730.JPG
width="50%" height="50%");}

Because this is made up syntax, see:

http://www.w3.org/TR/CSS21/colors.ht...ckground-image

You cannot redimension a *background* image with CSS. if you want an
image resizable to the window you have to fake that the image is a
background with positioned elements, but it usually looks bad because a
web browser does not do a very good job of resampling and image. Also
3264x2448 is a monster image which would take some time to download even
on broadband connections. BAD idea.

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIOhttp://www.LittleWorks Studio.com
Thanks.

I thought the size was the issue and wanted see if there was a way to
get around it.

Yes 3264x2448 is a monster image as I shoot at 8mg. That is why I
asked the question. I thumbnail at 125x125 with a click to in large.

May 23 '07 #4

"drum118" <dr*****@hotmai l.comwrote in message
news:11******** **************@ o5g2000hsb.goog legroups.com...
I thought the size was the issue and wanted see if there was a way to
get around it.

Yes 3264x2448 is a monster image as I shoot at 8mg. That is why I
asked the question. I thumbnail at 125x125 with a click to in large.
"Resizing" an image in the HTML img tag attributes does _not_ alter the file
size, only the view of the image. Every single little 1 and 0 must still be
downloaded.

It would be much better to use an image editor, such as Photoshop, to resize
the image to a thumbnail and save to a different name after saving it at a
larger size.

El
May 23 '07 #5
El Kabong wrote:
"drum118" <dr*****@hotmai l.comwrote:
>Yes 3264x2448 is a monster image as I shoot at 8mg. That is why I
asked the question. I thumbnail at 125x125 with a click to in large.

It would be much better to use an image editor, such as Photoshop, to
resize the image to a thumbnail and save to a different name after
saving it at a larger size.
It definitely needs resized. :-0 Though for an image of the claimed
size (8 megabytes!), a simple resize isn't enough; he would end up with
a tiny unrecognizable blur. In this case, the thumbnail should be
created by cropping a small ~100px area showing some significant part of
the original. Maybe a face, if there is one.

Unless this is a photography site, 8MB is too large for the Web in
almost every case.

--
-bts
-Motorcycles defy gravity; cars just suck
May 23 '07 #6

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

3
18305
by: Scott Hatton | last post by:
I have a table like this
13
6894
by: Jon Yeager | last post by:
I need to display a bunch of pictures that are all of various dimensions into a fixed dimension space, like MSN Messenger does with its user photos in the chat windows. Forcing image dimensions will warp the proportions, so that's no good. Forcing one coordinate while leaving the other flexible will maintain proportions, but the x,y values won't be consistant from picture to picture. I considered the MSN Messenger method of bringing...
6
51930
by: John Bowman | last post by:
Hi All, I must be missing something really obvious, so I'd appreciate someone helping me out. I have a simple Windows form that currently only has a title bar (aka the Text Property is set) and the MinmizeBox, ControlBox and MaximizeBox(es) are all set to false. It's FormBorderStyle is set to "Fixed Single". Eventually this form will have a nice background image. I need to use this form as sort of back drop while other forms/operations...
1
2128
by: Ron Vecchi | last post by:
I am using asp.net to upload an image and then perform resizing on it and saving the different sizes to file. The resized images were coming up and being displayed in the bowser fine but the image sizes are a lot bigger(in file size) than the actual image being uploaded. The actual image being uploaded was around 22000bytes The smaller resized image is 120000bytes Also on the web when the resized image is displayed it starts out with a...
14
48996
by: Seige | last post by:
Ever had headache when you can't resize the background width using CSS: body{ background: url(/images/bg.jpg) ; background-width: 800px; } It won't work, would it? Of course not, it's not even defined in CSS. So, let's try to work it out using Javascript: There are two methods, first method you prepare plenty of different
3
4496
by: PCgeek | last post by:
sorry moved this over to javascript forum, didn't mean to post 2x! Hi guys, I'm trying to put the finishing touches on my website and could really use some help on this particular issue. My page includes background music with a javascript music player on the main page below an iframe that is used for all content and navigation of the site and so that the music doesn't reload each time a page is switched. There is another javascript to resize...
6
2268
by: tomasio | last post by:
Dear NG, years have passed and I am still more designer than programmer. I build a new version of my website which has a few nasty bugs, especially on my startpage: Resizing text brakes the dotted lines which I use as visual border on the left and right edge of the page layout and thus produces an unwanted white gap above the enlarged text. Viewing the page with IE shows this behaviour even without changing the font size.
2
3641
by: windy | last post by:
Hello, I find when resizing browser window my web page breaks down. When I view and resize other work the window appears to hide the page, not causing it to break apart. What settings would help to control this? I have added some of what I think would be important code. html { margin: 0px; padding: 0px; height: 100%; }
9
5317
by: dli07 | last post by:
Hello, I'm trying to convert a piece of code that creates a dynamic vertical resizing bar in a table from internet explorer to firefox. It's based on a post from http://blogs.crankygoblin.com/blogs/geoff.appleby/pages/50712.aspx. I've also read the post on this topic by bggraphics, but he doesn't arrive at a final result. The main problem I am having is that the layerX and layerY event properties don't work. They're supposed to return the...
0
3093
by: whairs01 | last post by:
Could someone help me and telling me how to get my 3 column web page to resize correctly in IE7. When trying to reside my my web page I can only get it to resize to a point before the 2 and 3 columns wrap below the 1 column. I am using a mixer of fliud and liquid layout. Following is my css code that I am using in laying my page out and the HTML program only consist of div statement. html, body { padding: 0; margin: 0;
0
9734
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...
0
9607
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
0
10397
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
1
10410
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
0
10138
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
0
9214
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
1
7674
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...
0
6897
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
1
4353
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.