473,834 Members | 1,740 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Need help using faux columns technique

Hi

I am currently learning the faux columns technique from various
tutorials but none of them tells me how to create a 774 px band in 3
colors in photoshop.
I understand I can create 3 individual GIF's for each column but the
tutorial I am really focusing on does one band only with the 3 colors.
I understand the technique but don't know how to create let's say a
774px wide band with Blue (200px) White(374px) and Red(200px).
This might belong in a Photoshop forum but I was afraid they would not
understand what faux columns is, so I chose to try here first.

Thanks a lot

Patrick

May 10 '06 #1
6 1737
To further the education of mankind, "varois83" <va******@netze ro.net>
vouchsafed:
Hi

I am currently learning the faux columns technique from various
tutorials but none of them tells me how to create a 774 px band in 3
colors in photoshop.
I understand I can create 3 individual GIF's for each column but the
tutorial I am really focusing on does one band only with the 3 colors.
I understand the technique but don't know how to create let's say a
774px wide band with Blue (200px) White(374px) and Red(200px).
This might belong in a Photoshop forum but I was afraid they would not
understand what faux columns is, so I chose to try here first.


If you want _one_ image for _three_ columns, I can only assume it is for
the background. If it is for the background, why not just set the
background color in css?

--
Neredbojias
Infinity has its limits.
May 11 '06 #2
Thanks but it doesn't work. Columns go only as far down as there is
content to fill them in. I want 3 different colors.

Thanks anyway

Patrick

May 11 '06 #3
To further the education of mankind, "varois83" <va******@netze ro.net>
vouchsafed:
Thanks but it doesn't work. Columns go only as far down as there is
content to fill them in. I want 3 different colors.


True, but so does a background image.

However, let's get back to your original query:
I understand the technique but don't know how to create let's say a
774px wide band with Blue (200px) White(374px) and Red(200px). ((...in
Photoshop))


Setting your desired height, create a New Image of width 200px and check
the option to use background color (which you have previously set to blue.)
Now set the background color to white and use Canvas Size to expand the
image to 574px, appending on the right. Now set background color to red
and repeat the Canvas Size procedure to make the final image 774px wide.
Save and have a snack.

--
Neredbojias
Infinity has its limits.
May 12 '06 #4
Thanks for the quick tutorial, that did help a lot.

Best regards

Patrick

May 12 '06 #5
To further the education of mankind, "varois83" <va******@netze ro.net>
vouchsafed:
Thanks for the quick tutorial, that did help a lot.


You're quite welcome.

--
Neredbojias
Infinity has its limits.
May 13 '06 #6
In article <Xn************ *************** *******@208.49. 80.251>,
Neredbojias <http@?.neredbo jias.com/fliam.php?cat=a lt.html.invalid >
writes
To further the education of mankind, "varois83" <va******@netze ro.net>
vouchsafed:
Thanks but it doesn't work. Columns go only as far down as there is
content to fill them in. I want 3 different colors.
True, but so does a background image.


Search Google for "css faux columns" and read how the technique works.
It's very effective.
However, let's get back to your original query:
I understand the technique but don't know how to create let's say a
774px wide band with Blue (200px) White(374px) and Red(200px). ((...in
Photoshop))

<snip>

Another way to do this is to create an image 774px wide in the first
place and just draw rectangles of the required colours. I don't use
Photoshop, so I don't know how easy it is to size the rectangles, but I
can't believe it's hard.

Not saying there was anything wrong with the way Neredbojias suggested,
but it's often useful to see more than one way to do something.

HTH

--
Alan Silver
(anything added below this line is nothing to do with me)
May 15 '06 #7

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

Similar topics

0
1852
by: Reza Nabi | last post by:
Dear All: Banckgroud: I have a datagrid which lives inside a repeater. Which is working fine. What i need is to dyanamically set the column width of the grid (which lieves inside the repeater). Is there any way, we accomplish this? Any advice on this would be greatly appreciated. Reza. ---BEGIN PART Of ListApp.aspx --->
7
1627
by: RC | last post by:
Dear Dudes, I post this in multiple groups for opening brain storm. Sometime I need to query the data from database server then display them into user's browser in HTML <table>. But if the <table> is very LARGE, let's say 20 columns, hundreds rows. Usually you have header <th> tags on 1st (top) row and 1st (most left) column. For a such LARGE <table>. you really want:
16
1515
by: Edward | last post by:
This is a three-column DIV page with a menu bar DIV under them. Easy enough with table layouting but with CSS I can't get it to work: http://tanguay.info/web/examples/threeColumnsColor.htm 1. In both Firefox and Explorer the background colors in the left and right columns don't extend down to the bottom. 2. And in Explorer (6), the color of the footer bar bleeds up into the left and right columns UNTIL you resize the window, and then...
5
2717
by: dhull | last post by:
I have two sites that use the faux column background CSS technique. Both sites were built from the same CSS foundation with a wrapper DIV that has a background set and contains header, left, center and right DIVs. Everything works fine in IE but the background stops halfway down in Firefox. I've heard that floated elements require different CSS to accomplish this, but all the explanations I've found say that the solution is to use the faux...
2
2089
by: Bill | last post by:
I have a 200 record database that includes a date/time field, AnnivDate, for a wedding anniversary. AnnivDate has nulls and some incorrect year data. I have been creating the Access database using data imported from an Excel file and the person entering into Excel only cared about the month and day portion and Excel added the current year to the field value. I want to produce a report that shows upcoming anniversaries using a parameter...
1
3282
by: gomathinayagam | last post by:
hai, am only beginer in c#... i am trying to connect database with webform. using a technique that the fields of the table and the controls in a form are named same...then i try get the controls and check their name with database fields names if they equal then i plan to do addition or update etc... MY PROBLEM is, i am succeed in addition, but know i try to edit the same field. i assign the datatable and made the changes in that...
3
2622
by: Colin Walls | last post by:
I am stuck with a problem on a new site and would appreciate some help. The site is www.sallekiss.org.uk. If you look at it in FF you can see it has three columns with the two side columns being blue grey. This is done with faux columns. With IE 6 and 7 I don't get the left hand blue grey column. However if you choose one of the subsidiary pages, e.g. the "New to Fencing" page you can see that I eliminate the right hand column and the...
4
1682
by: TamusJRoyce | last post by:
Looking at various Holy Grail techniques for html layouts, I came across Faux Positioning Layout. What I'm curious about is the differences between the two. I have no understanding of the Holy Grail, but have a working implementation of Faux Positioning (which may be a bit harder to do than the Holy Grail). Both are compatible among various browsers, but are they really both the same thing? They both have negative margin-left css values,...
14
3322
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
9799
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
9649
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
10515
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...
0
10224
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
9338
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
7761
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
5629
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...
1
4428
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
2
3985
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.

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.