473,769 Members | 2,019 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

absolute positioning + sliced templates

My question is:
If you create a template in Photoshop, slice it in ImageReady, using
the CSS output option(under the "slices" menu in "output--options"),
and then use the CSS output for a template(which will all be
absolute-postioned DIVs)--would there be any foreseeable drawbacks to
this?

Put another (simpler) way: are there drawbacks to positioning
everything on the page with absolute references alone?

My motivation for this is I am finding it tricky to make heavier,
corporate, image-templated sites in CSS alone. (without relying on the
use of some tables)

many tks in advance,
xtort
Jul 20 '05 #1
4 3202
On 30 Aug 2004 22:45:01 -0700, xtort <om****@yahoo.c om> wrote:
My question is:
If you create a template in Photoshop, slice it in ImageReady, using
the CSS output option(under the "slices" menu in "output--options"),
and then use the CSS output for a template(which will all be
absolute-postioned DIVs)--would there be any foreseeable drawbacks to
this?

Put another (simpler) way: are there drawbacks to positioning
everything on the page with absolute references alone?
Chopping up a large image can often lead to the actual download being
larger due to how packets work. Any site based on a large image is doomed
to fail in most browsers, wherever the screen resolution, browser type and
other factors differ from the deezigner's setup.

Drawbacks with absolute positioning? It depends on what you consider a
drawback. It produces the same unportable and totally unfriendly website
fixed frames produce.
My motivation for this is I am finding it tricky to make heavier,
corporate, image-templated sites in CSS alone. (without relying on the
use of some tables)


Well, over-imaged sites are cumbersome, unlikely to render well and
frankly disrespectful to the consumer. My opinion, naturally. But the user
problems are real. Long downloads, fixed sizes which are unlikely to match
the visitor's preferred setup, etc.

Yeah, you need the dough, they want the crappy website, you take the job.
I do fully understand. But know there is a better way.

For these behemoth sites which think the WWW is TV or print, give 'em what
they want. Tables, nested tables. Put revolving mailboxes up. But know
there is a better way, and always lobby for designs which don't rely on
ignoring the way the WWW actually works.

Jul 20 '05 #2
xtort wrote:
My question is:
If you create a template in Photoshop, slice it in ImageReady, using
the CSS output option(under the "slices" menu in "output--options"),
and then use the CSS output for a template(which will all be
absolute-postioned DIVs)--would there be any foreseeable drawbacks to
this?


1. There may be no logical order of blocks in the code.
2. There may be problems when changing the font size in the browser
(some text overlapping another).
--
Johannes Koch
In te domine speravi; non confundar in aeternum.
(Te Deum, 4th cent.)
Jul 20 '05 #3
om****@yahoo.co m (xtort) wrote:
My question is:
If you create a template in Photoshop, slice it in ImageReady, using
the CSS output option(under the "slices" menu in "output--options"),
and then use the CSS output for a template(which will all be
absolute-postioned DIVs)--would there be any foreseeable drawbacks to
this?

Put another (simpler) way: are there drawbacks to positioning
everything on the page with absolute references alone?

My motivation for this is I am finding it tricky to make heavier,
corporate, image-templated sites in CSS alone. (without relying on the
use of some tables)


Besides what has already been said, there's the problem of maintaining
the pages. You either go back to the designer and re-export the design
all over again each time modifications are necessary, or some poor web
developer has to painstakingly push the pieces around in a code editor
and hope they still all fit together.

--
Harlan Messinger
Remove the first dot from my e-mail address.
Veuillez ôter le premier point de mon adresse de courriel.
Jul 20 '05 #4
thanks a lot for the help--the main thing I was overlooking here was
that the way the www looks on the surface (like a tv or magazine) is
not how it works under the hood. The other problem is the client
demand: they have been weaned on the image-heavy template type site,
so it might be that it makes them feel as if they are getting a better
"money's worth", as the design with all of its images looks as if it
took more work somehow. So they drive a consumer demand based on
misguided aesthetics, instead of semantics and function.
best,
xtort
Harlan Messinger <hm************ *******@comcast .net> wrote in message news:<vf******* *************** **********@4ax. com>...
om****@yahoo.co m (xtort) wrote:
My question is:
If you create a template in Photoshop, slice it in ImageReady, using
the CSS output option(under the "slices" menu in "output--options"),
and then use the CSS output for a template(which will all be
absolute-postioned DIVs)--would there be any foreseeable drawbacks to
this?

Put another (simpler) way: are there drawbacks to positioning
everything on the page with absolute references alone?

My motivation for this is I am finding it tricky to make heavier,
corporate, image-templated sites in CSS alone. (without relying on the
use of some tables)


Besides what has already been said, there's the problem of maintaining
the pages. You either go back to the designer and re-export the design
all over again each time modifications are necessary, or some poor web
developer has to painstakingly push the pieces around in a code editor
and hope they still all fit together.

Jul 20 '05 #5

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

Similar topics

7
6309
by: Griff Miller | last post by:
Please see http://home.houston.rr.com/gmiller15/css/vertprob.html . In mozilla 1.6/1.7 it looks the way I want it, with a thin separation between the two boxes. In IE6, the two boxes touch, which is not what I want. Is there a way to get IE6 to do it the mozilla way? Thanks! Griff
4
4620
by: mike eli | last post by:
Hi, I have several absolute positioned elements inside an absolute positioned DIV. I would like one of the nested elements to have a dynamic width. I set it's left and right attributes to 5, so the the element should have a width = parentWidth - 10; This is the desired behaviour, but it won't work. I still have to specify a width or the element has a width of 0. Setting the width to '100%' doesn't give me the desired effect; it takes...
7
3242
by: Alex | last post by:
Hi Everone, I need some advice on how to setup 4 columns where the outside two are absolute (120px) and the inner two (side by side) are relevent (Fluid) and change with the screen. Here's my rough layout:
4
2109
by: Alan Silver | last post by:
Hello, Having been a light reader of this ng for a few months now (after several years absence), I have noticed that absolute positioning seems to be considered a Very Bad Thing around here. Generally, when someone posts a question about a design that uses it, they are told not to. Now, in my ignorance, I don't see what's wrong with it, when used sensibly. Let me say straight off that I am *not* talking about trying to produce...
3
2231
by: horusprim | last post by:
Is there a CSS absolute positioning rendering bug in FF1.02 and IE 6? I have been experimenting with precision absolute positioning in CSS. The following test content was used in the experiment: "This sentence is to be about nine words long. I hope this test suite works. Mary had a little lamb and its fleece was white as snow." Next a macro was used to divide the content into equal sentence fragment spans of the 12 characters each...
2
3164
by: nonsensitor | last post by:
I'm just learning xhtml & css, primarily from westciv's online tutorials and css guide. I've run into a couple of problems with a page I'm developing that I can't figure out. The first problem is that I would like to display some text on top of an image within the header. I've tried using absolute positioning to specify where the phone number should appear in relation to the parent div (#header). However the text appears to be positioned in...
6
2917
by: Mark | last post by:
hi, i'm trying to position something in the top right corner of a container, but i can't seem to figure out how to get it working. here's the html <div class='thumb'><a href='image.jpg'><img src='photos/thumbs/ bigsmile.jpg'></a><a class='del' href='?p=gallery&del=2'>x</a></div> where 'thumb' is my container, and 'del' should be aligned to the top right. here's the css
20
2827
by: mehstg1319 | last post by:
Hi there Not sure if anyone can help me, I am working on a site for my university, and am having a bit of trouble with css positioning. I am very new to css and do not know very much about it. Here is the link: http://homepages.feis.herts.ac.uk/~bp6ar/bus_intel/matrix/matrix.html Basically, the problem is that the ticks on the grid look perfectly
14
3314
by: Fistro | last post by:
I'm trying to find a design that would allow me to build web pages without having to worry about compatibility issues (not too much, in any case,,,) I've came across this CSS layout technique: http://alistapart.com/articles/fauxabsolutepositioning It calculates the left offset from a fixed position, as opposed to calculating it from the right edge of the preceding element by using a combination of position: relative, left: 100% and a...
0
9420
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
10205
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
1
9984
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
9851
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
8863
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...
0
5293
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
0
5441
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
3949
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
3
2811
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

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.