58 replies [Last post]
davek7
davek7's picture
Offline
Enthusiast
Portland, Oregon
Last seen: 10 years 12 weeks ago
Portland, Oregon
Timezone: GMT-8
Joined: 2005-11-04
Posts: 172
Points: 1

I would like to redo this old site: http://www.portlandwinegroup.com

What would be the basic layout to rebuild it in? Would it be a 4 column format?

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 5 weeks 2 days ago
Joined: 2004-06-30
Posts: 9668
Points: 801

I'd say a three-column. I

I'd say a three-column. I don't like the way the list is split into two columns, I'd just make it one and have different sections that span the entire width; maybe using a small simple tabbed navigation system?

Verschwindende wrote:
  • CSS doesn't make pies

davek7
davek7's picture
Offline
Enthusiast
Portland, Oregon
Last seen: 10 years 12 weeks ago
Portland, Oregon
Timezone: GMT-8
Joined: 2005-11-04
Posts: 172
Points: 1

I'm still getting used to

I'm still getting used to positioning, would I use divs for each section? making each a percentage away from the left edge? How do I set up the sections? And the tabbed navigation? what is the setup for that, an inline list?

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 5 weeks 2 days ago
Joined: 2004-06-30
Posts: 9668
Points: 801

That site looks very

That site looks very familiar, have you worked on it here before?

You'd need something like:

The body element needs to be the width of the three columns, then you use auto margins to center it.

Use floats and negative margins to create the three columns.

Also your "link" section would be better labelled as something like "affiliates" Wink

Verschwindende wrote:
  • CSS doesn't make pies

davek7
davek7's picture
Offline
Enthusiast
Portland, Oregon
Last seen: 10 years 12 weeks ago
Portland, Oregon
Timezone: GMT-8
Joined: 2005-11-04
Posts: 172
Points: 1

Would the general text

Would the general text listing for the names and addresses be in

or

tags ?

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 5 weeks 2 days ago
Joined: 2004-06-30
Posts: 9668
Points: 801

I'd use a heading tag (H3

I'd use a heading tag (H3 maybe) for the headers (eg Wine Shops), then maybe a definition list, or the address tag?

Verschwindende wrote:
  • CSS doesn't make pies

davek7
davek7's picture
Offline
Enthusiast
Portland, Oregon
Last seen: 10 years 12 weeks ago
Portland, Oregon
Timezone: GMT-8
Joined: 2005-11-04
Posts: 172
Points: 1

thepineapplehead wrote:That

thepineapplehead wrote:
That site looks very familiar, have you worked on it here before?

You'd need something like:

The body element needs to be the width of the three columns, then you use auto margins to center it.

Use floats and negative margins to create the three columns.

Also your "link" section would be better labelled as something like "affiliates" Wink

I did list this site, www.portlandwinegroup.com before. At this point in my limited knowledge of CSS I can see what bad, bloated html code looks like, but I get overwhelmed trying to set up the basic framework to rework the site. What would be the basic structure for a 3 column template with header and footer? Is that what I need to redo this site?

I've read the CSS sites you have mentioned here in this forum, but can't get the placement structure in my head. Can't grasp the floats and negative margins yet. I keep trying, but it comes slowly. :?

Thanks for all your help and advice.

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 5 weeks 2 days ago
Joined: 2004-06-30
Posts: 9668
Points: 801

Ignore looks and design. In

Ignore looks and design.

In fact don't even bother previewing in a browser for now.

Crack open notepad, copy and paste just the content in, and start getting it wrapped in semantic tags.

Verschwindende wrote:
  • CSS doesn't make pies

davek7
davek7's picture
Offline
Enthusiast
Portland, Oregon
Last seen: 10 years 12 weeks ago
Portland, Oregon
Timezone: GMT-8
Joined: 2005-11-04
Posts: 172
Points: 1

Will do. Thanks.

Will do. Should I copy all the html from view page source with all the repetition of font tags and all? And clean that up later?

Thanks.

SuperRoach
SuperRoach's picture
Offline
Enthusiast
Ballarat
Last seen: 8 years 23 weeks ago
Ballarat
Timezone: GMT+10
Joined: 2007-02-26
Posts: 291
Points: 6

Don't copy all the html,

Don't copy all the html, just rip out the raw guts of it, and work on styling it proper latter.

Don't use font tags if you can anymore, as css is better and easier to change for that stuff

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 5 weeks 2 days ago
Joined: 2004-06-30
Posts: 9668
Points: 801

davek7 wrote:Will do. Should

davek7 wrote:
Will do. Should I copy all the html from view page source with all the repetition of font tags and all? And clean that up later?

Thanks.

No.

Copy the content from the browser window, so you just get plain text Wink

Verschwindende wrote:
  • CSS doesn't make pies

davek7
davek7's picture
Offline
Enthusiast
Portland, Oregon
Last seen: 10 years 12 weeks ago
Portland, Oregon
Timezone: GMT-8
Joined: 2005-11-04
Posts: 172
Points: 1

OK, did that and named it

OK, did that and named it pwg.html

Now should I start adding the html tags, then the style sheet? should I try creating div tags for the columns?

Here's what it looks like now...
http://www.portlandwinegroup.com/pwg.html

Where do you start?

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 5 weeks 2 days ago
Joined: 2004-06-30
Posts: 9668
Points: 801

Ignore the div tags and

Ignore the div tags and columns for now, get the content marked up semantically, so when you view it with no styles, it makes sense.

Verschwindende wrote:
  • CSS doesn't make pies

davek7
davek7's picture
Offline
Enthusiast
Portland, Oregon
Last seen: 10 years 12 weeks ago
Portland, Oregon
Timezone: GMT-8
Joined: 2005-11-04
Posts: 172
Points: 1

Excuse me for my ignorance,

Excuse me for my ignorance, but what do you mean by semantically?

Smee
Smee's picture
Offline
Elder
Adelaide, Oz
Last seen: 2 years 34 weeks ago
Adelaide, Oz
Timezone: GMT+9.5
Joined: 2007-06-10
Posts: 1596
Points: 340

Try Googling semantic+html -

Try Googling semantic+html - you'll probably find more than you ever wanted to know Wink

Mods and gurus – THANK YOU!
For your time, knowledge and experience so willingly and generously given.
Please come back tomorrow and sort us all out again Smile

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 5 years 50 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

davek7, here's a start

davek7,
here's a start (using both your existing page and the raw content you posted). I haven't included the necessary html (doctype, html, head, body, etc.)

Portland Wine Group

The Portland Wine Group is a new way of discovering wines locally and from around the world. A directory of all things wine related in the Portland area.

Wine Shops

Allegri Wine Shop and Art Gallery
44 N Main Street
Gresham, OR
503-465-1841

Arrivederci Wine & Gifts

17025 SE McLoughlin Blvd

Portland, OR 97267-4961

503-659-1143

Carpe Vinum

4831 SE Division St

Portland, OR 97206

503-232-1550


Cellar Door The

921 SW 16th Ave

Portland, OR 97205

503-221-7435


Cornell Wine Company

14740 NW Cornell Rd Ste 90

Portland, OR 97229

503-531-3981

davek7
davek7's picture
Offline
Enthusiast
Portland, Oregon
Last seen: 10 years 12 weeks ago
Portland, Oregon
Timezone: GMT-8
Joined: 2005-11-04
Posts: 172
Points: 1

Smee wrote:Try Googling

Smee wrote:
Try Googling semantic+html - you'll probably find more than you ever wanted to know Wink

Thank you. Now it's quite clear.

davek7
davek7's picture
Offline
Enthusiast
Portland, Oregon
Last seen: 10 years 12 weeks ago
Portland, Oregon
Timezone: GMT-8
Joined: 2005-11-04
Posts: 172
Points: 1

Thank you for your help.

Thank you for your help. This is the direction I needed Smile

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 5 weeks 2 days ago
Joined: 2004-06-30
Posts: 9668
Points: 801

Keep us informed! Let us

Keep us informed! Let us know when you've got the HTML tags added, we'll go from there.

Verschwindende wrote:
  • CSS doesn't make pies

davek7
davek7's picture
Offline
Enthusiast
Portland, Oregon
Last seen: 10 years 12 weeks ago
Portland, Oregon
Timezone: GMT-8
Joined: 2005-11-04
Posts: 172
Points: 1

OK, I've got the html tags

OK, I've got the html tags done. http://www.portlandwinegroup.com/pwg.html

Now what's next?

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 5 weeks 2 days ago
Joined: 2004-06-30
Posts: 9668
Points: 801

Fix up the few errors -

Fix up the few errors - eg

The Portland Wine Group is a new way of discovering wines locally and from around the world. A directory of all things wine related in the Portland area. Wine Shops

add the hyper links in, and get the source ordered a bit better - H1 before the H2, for example.

Verschwindende wrote:
  • CSS doesn't make pies

davek7
davek7's picture
Offline
Enthusiast
Portland, Oregon
Last seen: 10 years 12 weeks ago
Portland, Oregon
Timezone: GMT-8
Joined: 2005-11-04
Posts: 172
Points: 1

thepineapplehead wrote:Fix

thepineapplehead wrote:
Fix up the few errors - eg

The Portland Wine Group is a new way of discovering wines locally and from around the world. A directory of all things wine related in the Portland area. Wine Shops

How should this be changed? What's wrong with the p tag?

Phreestyle
Phreestyle's picture
Offline
Enthusiast
Australia
Last seen: 4 years 5 weeks ago
Australia
Timezone: GMT+8
Joined: 2007-05-12
Posts: 235
Points: 6

Quote:How should this be

Quote:
How should this be changed? What's wrong with the p tag?

The part TPH highlighted is the problem. Ie, 'Wine Shops'.
It doesn't seem to be a part of the previous paragraph and isn't a para by itself. It's probably an artifact from a previous layout or edit.

Life's a journey. Enjoy the trip.

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 5 years 50 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

I've gone through your html

I've gone through your html and cleaned some things up.
Firstly the doctype - I changed it to strict as there's no reason to code to outdated standards. Then I added some elements in the head including the style tags. Note that this for development only. After the page reaches a certain point I recommend removing the styles from the page and using an external stylesheet.
I placed quotes around all href entities (I accidentally left them out in my first example). I then removed the wine glass image and wine crossing image. Unless you have compelling reason for them to be part of the content, you should place them as background images. Next was some validation correction. The definition lists should close before each new section and a new one open after the header.
I also removed the navigation bringing you to the top of the page - that can be added later if needed. The footer was changed from a div with inline styling (never use inline styling) to a p. We'll be adding the necessary divs later as we go through the page styling, but for now we want the content only. I've also redone the formatting for easier reading (eliminated spaces and indented child elements).

I've taken a while to do this and see TPH and Phreestyle are already in on the helping - that's good. TPH's suggestion of source ordering is good. It might make sense to move parts of the html around now. Remember, the page as it stands is how people with images/styling off will see it - that includes Search Engines.

Portland Wine Group - Redo


/**/

Wine links

Portland Wine Group

The Portland Wine Group is a new way of discovering wines locally and from around the world. A directory of all things wine related in the Portland area.

Wine Shops


Allegri Wine Shop and Art Gallery

44 N Main Street

Gresham, OR

503-465-1841

Arrivederci Wine & Gifts

17025 SE McLoughlin Blvd

Portland, OR 97267-4961

503-659-1143

Carpe Vinum

4831 SE Division St

Portland, OR 97206

503-232-1550

Cornell Wine Company

14740 NW Cornell Rd Ste 90

Portland, OR 97229

503-531-3981

E & R Wine Shop

6141 SW Macadam Ave

Portland, OR 97239-3657

503-246-6101

Every Day Wine

1520 NE Alberta St

Portland, OR 97221

503-331-7119

GEM Wine Cellar

3433 NE Broadway

Portland OR 97232

503-493-1366

Great Wine Buys

1515 NE Broadway St

Portland, OR

503-287-2897

Hollywood Wine & Espresso

4075 NE Sandy Blvd.

Portland, OR 97212

503-459-4081

John's Marketplace - Wine & Beer

3535 SW Multnomah Blvd.

Portland, OR 97219

503-244-2617

La Bodega

1325 NE Fremont St.

Portland, OR 97212

503-943-6099

Liner & Elsen

2222 NW Quimby St.

Portland, OR 97210

503-241-9463

Mt Tabor Fine Wine

4316 SE Hawthorne Blvd

Portland, OR 97214

503-235-4444

Oregon Wines On Broadway

515 SW Broadway

Portland, OR 97205

503-228-4655

Otto's Sausage Kitchen & Meat Market

4138 SE Woodstock Blvd

Portland, OR

503-771-6714

Pastaworks East

3735 SE Hawthorne Blvd

Portland, OR 97214

503-232-1010

Pastaworks West

735 NW 21st Ave

Portland, OR 97210

503-221-3002

The Pearl Wine Shop

1314 NW Glisan St.

Portland, OR 97209

503-228-0788

Portland Wine Merchants

1430 SE 35th Ave.

Portland, OR 97214

503-234-4399

Southend Wine and Coffee Bar

8337 SE 17th Ave

Portland, OR

503-238-9772

Square Deal Wine Co.

2321 NW Thurman St.

Portland, OR 97210

503-226-9463

Strohecker's Market

2855 SW Patton Rd

Portland, OR 97201

503-223-7391

Vino

1226 SE Lexington St

Portland, OR 97202-6364

503-235-8545

Wine Xing

25977 SW Canyon Creek Rd N.

Suite D

Wilsonville, OR 97070

503-582-8355

Wizer's Foods

330 1st St.

Lake Oswego, OR 97035

503-636-1414

Wizer's Lake Grove

16331 SW Bryant Rd.

Lake Oswego, OR 97035

503-636-8457

Woodstock Wine & Deli

4030 SE Woodstock Blvd

Portland, OR 97202-7662

503-777-2208



Wine Supplies & Storage




Above the Rest Homebrewing

11945 SW Pacific Hwy Ste 235

Portland, OR 97223-6478

503-968-2736

Liquid Solutions

12162 SW Scholls Ferry Rd

Tigard, OR 97224

503-524-9722

Portland Wine Storage

306 SE Ash

Portland, OR

503-231-1121

Wine Clubs & Associations




Pacific Northwest Wine Club

16285 SW 85th Ave. #104

Tigard, OR 97224

503-620-6691



Wine Bars




Aalto Lounge

3356 SE Belmont St.

Portland, OR 97214

503-235-6041

Navarre

10 NE 28th Ave.

Portland, OR 97232

503-232-3555

Noble Rot

2724 SE Ankeny St.

Portland, OR 97214

503-233-1999

Oregon Wines on Broadway

515 SW Broadway

Portland, OR 97205

503-228-4655

Pour

2755 NE Broadway

Portland, OR 97232

503-285-7697

Sip D’Vine

7829 SW Capitol Hwy.

Portland, OR 97219

503-977-9463

Tabla

200 NE 28th Ave.

Portland, OR 97232

503-238-3777

The Empire Room

4260 SE Hawthorne Blvd.

Portland, OR 97214

503-231-9225



Restaurants




Abou Karim - Lebanese Cuisine

221 SW Pine St.

Portland, OR 97204

503-223-5058

Alba Osteria & Enoteca

6440 SW Capitol Hwy.

Portland, OR 97219

503-977-3045

Andina

1314 NW Glisan St.

Portland, OR

503-228-9535

Assagio

7742 SE 13th Ave.

Portland, OR 97202

503-232-6151

Bistro Maison

729 NE 3rd St.

McMinnville, OR 97128

503-474-1888

Bluehour

250 NW 13th Ave.

Portland, OR

503-226-3394

Cafe Mingo

807 NW 21st Ave.

Portland, OR

503-226-4646

Cafe Mingo West

12600 SW Crescent St.

Beaverton, OR

503-646-6464

Castagna

1752 SE Hawthrone Blvd.

Portland, OR 97214

503-231-7373

Clarklewis

1001 SE Water St.

Portland, OR

503-235-2294

Caprial's Bistro & Wines

7019 SE Milwaukie Ave

Portland, OR 97202

503-236-6457

The Dundee Bistro

100-A SW Seventh St.

Dundee, OR 97115

503-554-1650

Eleni's Philoxenia

112 NW 9th Ave.

Portland, OR 97209

503-227-2158

Fife

4440 NE Fremont St.

Portland, OR

971-222-3433

Fratelli

1230 NW Hoyt St.

Portland, OR

503-241-8800

Giorgio's

1131 NW Hoyt St.

Portland, OR 97209

503-221-1888

Hurley's

1987 NW Kearney St.

Portland, OR 97209

503-295-6487

Il Piatto

2348 SE Ankeny St.

Portland, OR

503-236-4997

Genoa

2832 SE Belmont St.

Portland, OR

503-238-1464

The Heathman

1001 SW Broadway

Portland, OR

503-790-7752

Higgins

1239 Broadway

Portland, OR

503-222-9070

Joel Palmer House

600 Ferry St.

Dayton, OR

503-864-2995

La Rambla

238 NE 3rd St.

McMinnville, OR 97128

503-435-2126

Lauro

3377 SE Division St.

Portland, OR

503-239-7000

Lovely Hula Hands

4057 N. Mississippi St.

Portland, OR 97227

503-445-9910

Martinotti's Cafe & Deli

404 SW 10th Ave

Portland, OR

503- 224-9028

Nick's Italian Cafe

521 NE 3rd St.

McMinnville, OR

503-434-4471

Nostrana

1401 SE Morrison St.

Portland, OR 97214

503-234-2427

O'Connor's

7850 SW Capitol Hwy.

Portland, OR 97219

503-244-1690

Paley's Place

1204 NW 21st Ave.

Portland, OR

503-243-2403

Red Hills

276 Hwy. 99W

Dundee, OR

503-538-8224

Southpark

901 SW Salmon St.

Portland, OR

503-326-1300

Tina's

760 Hwy. 99W

Dundee, OR 97115

503-538-8880

Tucci

220 A Ave.

Lake Oswego, OR 97034

503-697-3383

Wildwood

1221 NW 21st Ave.

Portland, OR

503-248-9663

Veritable Quandary

1220 SW 1st Ave.

Portland, OR 97204

503-227-7342

More Wine Bars


Thirst

0315 SW Montgomery St #340

Portland, OR 97201

503-295-2747

Vino Paradiso

417 NW 10th Ave.

Portland, OR 97209

503-295-9536

Yoshida's Wine Bar & Bistro

206 NW 10th Ave.

Portland, OR 97209

503-223-9463

Portland Wine Group | Portland Oregon | Contact Us



Links:


  • Oregon Wine

  • Oregon Wine Board

  • Oregon Wine Distributors

  • Washington Wine Commission

  • California Wine

  • Wine Spectator

  • Wines of France

  • French Wine Regions

  • Italian Wine Regions

  • Geovino World of Wine

  • Greek Wine

  • Promote your wine business!

  • About Us


davek7
davek7's picture
Offline
Enthusiast
Portland, Oregon
Last seen: 10 years 12 weeks ago
Portland, Oregon
Timezone: GMT-8
Joined: 2005-11-04
Posts: 172
Points: 1

Thanks for the input. Here's

Thanks for the input. Here's what I have now...
http://www.portlandwinegroup.com/pwg.html

what's wrong with the links? I can't see it!

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 5 years 50 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

damn/ I posted the wrong one

damn/ I posted the wrong one - this one has the links corrected, and ampersands coded correctly.

Portland Wine Group - Redo


/**/

Wine links

Portland Wine Group

The Portland Wine Group is a new way of discovering wines locally and from around the world. A directory of all things wine related in the Portland area.

Wine Shops


Allegri Wine Shop and Art Gallery

44 N Main Street

Gresham, OR

503-465-1841

Arrivederci Wine & Gifts

17025 SE McLoughlin Blvd

Portland, OR 97267-4961

503-659-1143

Carpe Vinum

4831 SE Division St

Portland, OR 97206

503-232-1550

Cornell Wine Company

14740 NW Cornell Rd Ste 90

Portland, OR 97229

503-531-3981

E & R Wine Shop

6141 SW Macadam Ave

Portland, OR 97239-3657

503-246-6101

Every Day Wine

1520 NE Alberta St

Portland, OR 97221

503-331-7119

GEM Wine Cellar

3433 NE Broadway

Portland OR 97232

503-493-1366

Great Wine Buys

1515 NE Broadway St

Portland, OR

503-287-2897

Hollywood Wine & Espresso

4075 NE Sandy Blvd.

Portland, OR 97212

503-459-4081

John's Marketplace - Wine & Beer

3535 SW Multnomah Blvd.

Portland, OR 97219

503-244-2617

La Bodega

1325 NE Fremont St.

Portland, OR 97212

503-943-6099

Liner & Elsen

2222 NW Quimby St.

Portland, OR 97210

503-241-9463

Mt Tabor Fine Wine

4316 SE Hawthorne Blvd

Portland, OR 97214

503-235-4444

Oregon Wines On Broadway

515 SW Broadway

Portland, OR 97205

503-228-4655

Otto's Sausage Kitchen & Meat Market

4138 SE Woodstock Blvd

Portland, OR

503-771-6714

Pastaworks East

3735 SE Hawthorne Blvd

Portland, OR 97214

503-232-1010

Pastaworks West

735 NW 21st Ave

Portland, OR 97210

503-221-3002

The Pearl Wine Shop

1314 NW Glisan St.

Portland, OR 97209

503-228-0788

Portland Wine Merchants

1430 SE 35th Ave.

Portland, OR 97214

503-234-4399

Southend Wine and Coffee Bar

8337 SE 17th Ave

Portland, OR

503-238-9772

Square Deal Wine Co.

2321 NW Thurman St.

Portland, OR 97210

503-226-9463

Strohecker's Market

2855 SW Patton Rd

Portland, OR 97201

503-223-7391

Vino

1226 SE Lexington St

Portland, OR 97202-6364

503-235-8545

Wine Xing

25977 SW Canyon Creek Rd N.

Suite D

Wilsonville, OR 97070

503-582-8355

Wizer's Foods

330 1st St.

Lake Oswego, OR 97035

503-636-1414

Wizer's Lake Grove

16331 SW Bryant Rd.

Lake Oswego, OR 97035

503-636-8457

Woodstock Wine & Deli

4030 SE Woodstock Blvd

Portland, OR 97202-7662

503-777-2208



Wine Supplies & Storage




Above the Rest Homebrewing

11945 SW Pacific Hwy Ste 235

Portland, OR 97223-6478

503-968-2736

Liquid Solutions

12162 SW Scholls Ferry Rd

Tigard, OR 97224

503-524-9722

Portland Wine Storage

306 SE Ash

Portland, OR

503-231-1121

Wine Clubs & Associations




Pacific Northwest Wine Club

16285 SW 85th Ave. #104

Tigard, OR 97224

503-620-6691



Wine Bars




Aalto Lounge

3356 SE Belmont St.

Portland, OR 97214

503-235-6041

Navarre

10 NE 28th Ave.

Portland, OR 97232

503-232-3555

Noble Rot

2724 SE Ankeny St.

Portland, OR 97214

503-233-1999

Oregon Wines on Broadway

515 SW Broadway

Portland, OR 97205

503-228-4655

Pour

2755 NE Broadway

Portland, OR 97232

503-285-7697

Sip D’Vine

7829 SW Capitol Hwy.

Portland, OR 97219

503-977-9463

Tabla

200 NE 28th Ave.

Portland, OR 97232

503-238-3777

The Empire Room

4260 SE Hawthorne Blvd.

Portland, OR 97214

503-231-9225



Restaurants




Abou Karim - Lebanese Cuisine

221 SW Pine St.

Portland, OR 97204

503-223-5058

Alba Osteria & Enoteca

6440 SW Capitol Hwy.

Portland, OR 97219

503-977-3045

Andina

1314 NW Glisan St.

Portland, OR

503-228-9535

Assagio

7742 SE 13th Ave.

Portland, OR 97202

503-232-6151

Bistro Maison

729 NE 3rd St.

McMinnville, OR 97128

503-474-1888

Bluehour

250 NW 13th Ave.

Portland, OR

503-226-3394

Cafe Mingo

807 NW 21st Ave.

Portland, OR

503-226-4646

Cafe Mingo West

12600 SW Crescent St.

Beaverton, OR

503-646-6464

Castagna

1752 SE Hawthrone Blvd.

Portland, OR 97214

503-231-7373

Clarklewis

1001 SE Water St.

Portland, OR

503-235-2294

Caprial's Bistro & Wines

7019 SE Milwaukie Ave

Portland, OR 97202

503-236-6457

The Dundee Bistro

100-A SW Seventh St.

Dundee, OR 97115

503-554-1650

Eleni's Philoxenia

112 NW 9th Ave.

Portland, OR 97209

503-227-2158

Fife

4440 NE Fremont St.

Portland, OR

971-222-3433

Fratelli

1230 NW Hoyt St.

Portland, OR

503-241-8800

Giorgio's

1131 NW Hoyt St.

Portland, OR 97209

503-221-1888

Hurley's

1987 NW Kearney St.

Portland, OR 97209

503-295-6487

Il Piatto

2348 SE Ankeny St.

Portland, OR

503-236-4997

Genoa

2832 SE Belmont St.

Portland, OR

503-238-1464

The Heathman

1001 SW Broadway

Portland, OR

503-790-7752

Higgins

1239 Broadway

Portland, OR

503-222-9070

Joel Palmer House

600 Ferry St.

Dayton, OR

503-864-2995

La Rambla

238 NE 3rd St.

McMinnville, OR 97128

503-435-2126

Lauro

3377 SE Division St.

Portland, OR

503-239-7000

Lovely Hula Hands

4057 N. Mississippi St.

Portland, OR 97227

503-445-9910

Martinotti's Cafe & Deli

404 SW 10th Ave

Portland, OR

503- 224-9028

Nick's Italian Cafe

521 NE 3rd St.

McMinnville, OR

503-434-4471

Nostrana

1401 SE Morrison St.

Portland, OR 97214

503-234-2427

O'Connor's

7850 SW Capitol Hwy.

Portland, OR 97219

503-244-1690

Paley's Place

1204 NW 21st Ave.

Portland, OR

503-243-2403

Red Hills

276 Hwy. 99W

Dundee, OR

503-538-8224

Southpark

901 SW Salmon St.

Portland, OR

503-326-1300

Tina's

760 Hwy. 99W

Dundee, OR 97115

503-538-8880

Tucci

220 A Ave.

Lake Oswego, OR 97034

503-697-3383

Wildwood

1221 NW 21st Ave.

Portland, OR

503-248-9663

Veritable Quandary

1220 SW 1st Ave.

Portland, OR 97204

503-227-7342

More Wine Bars


Thirst

0315 SW Montgomery St #340

Portland, OR 97201

503-295-2747

Vino Paradiso

417 NW 10th Ave.

Portland, OR 97209

503-295-9536

Yoshida's Wine Bar & Bistro

206 NW 10th Ave.

Portland, OR 97209

503-223-9463

Portland Wine Group | Portland Oregon | Contact Us



Links:


  • Oregon Wine

  • Oregon Wine Board

  • Oregon Wine Distributors

  • Washington Wine Commission

  • California Wine

  • Wine Spectator

  • Wines of France

  • French Wine Regions

  • Italian Wine Regions

  • Geovino World of Wine

  • Greek Wine

  • Promote your wine business!

  • About Us


thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 5 weeks 2 days ago
Joined: 2004-06-30
Posts: 9668
Points: 801

Your H1 and leading

Your H1 and leading paragraph are joined, keep them together Wink

Portland Wine Group

The Portland Wine Group is a new way of discovering wines locally and from around the world. A directory of all things wine related in the Portland area.

Wine links

Verschwindende wrote:
  • CSS doesn't make pies

davek7
davek7's picture
Offline
Enthusiast
Portland, Oregon
Last seen: 10 years 12 weeks ago
Portland, Oregon
Timezone: GMT-8
Joined: 2005-11-04
Posts: 172
Points: 1

Adjusted that. Why are my

Adjusted that. Why are my links not working at the bottom of the page? What's missing?

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 5 years 50 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

compare your code to my last

compare your code to my last posted code.

davek7
davek7's picture
Offline
Enthusiast
Portland, Oregon
Last seen: 10 years 12 weeks ago
Portland, Oregon
Timezone: GMT-8
Joined: 2005-11-04
Posts: 172
Points: 1

I added the quotes to the

I added the quotes to the links at the top, but they don't have any real links in them.

Here's the links at the bottom of the page...

  • Oregon Wine
  • Oregon Wine Board
  • Oregon Wine Distributors
  • Washington Wine Commission
  • California Wine
  • Wine Spectator
  • Wines of France
  • French Wine Regions
  • Italian Wine Regions
  • Geovino World of Wine
  • Greek Wine
  • Promote your wine business!
  • About Us

why don't these work?

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 5 weeks 2 days ago
Joined: 2004-06-30
Posts: 9668
Points: 801

Malformed HTML - <a

Malformed HTML -

Oregon Wine

shoudl be

Oregon Wine

Verschwindende wrote:
  • CSS doesn't make pies

davek7
davek7's picture
Offline
Enthusiast
Portland, Oregon
Last seen: 10 years 12 weeks ago
Portland, Oregon
Timezone: GMT-8
Joined: 2005-11-04
Posts: 172
Points: 1

thepineapplehead

thepineapplehead wrote:
Malformed HTML -

Oregon Wine

shoudl be

Oregon Wine

Thanks. I knew I was missing something. All the links work now.

Now what would be my next step?

How do I left align the addresses? in CSS I presume?

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 5 weeks 2 days ago
Joined: 2004-06-30
Posts: 9668
Points: 801

Start thinking about basic

Start thinking about basic grouping divisions next, adding in divs to group related elements - for example, you may want a header div containing the title and preamble; a navigation div containing (obviously) the nav, maybe one for wine shops, one for wine clubs, etc.

Then give each division a horrible background colour (lime, aqua and fuchsia are good choices) so you can see what's where.

Verschwindende wrote:
  • CSS doesn't make pies

davek7
davek7's picture
Offline
Enthusiast
Portland, Oregon
Last seen: 10 years 12 weeks ago
Portland, Oregon
Timezone: GMT-8
Joined: 2005-11-04
Posts: 172
Points: 1

I'll work on that and get

I'll work on that and get back to you!

davek7
davek7's picture
Offline
Enthusiast
Portland, Oregon
Last seen: 10 years 12 weeks ago
Portland, Oregon
Timezone: GMT-8
Joined: 2005-11-04
Posts: 172
Points: 1

Well I made a mess, but it

Well I made a mess, but it is an experiment... www.portlandwinegroup.com/pwg.html

How do I take this clumsy mess and put it in three orderly columns? I will eventually put each group on its own page, but I want to get the understanding of a three column page. Getting the sizes right and all. Do you like percentages or pixels better for placement?

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 5 weeks 2 days ago
Joined: 2004-06-30
Posts: 9668
Points: 801

Are you sure you want to go

Are you sure you want to go for a three-column layout now?

Give it a lot of thought. I'd change the design Wink

Verschwindende wrote:
  • CSS doesn't make pies

davek7
davek7's picture
Offline
Enthusiast
Portland, Oregon
Last seen: 10 years 12 weeks ago
Portland, Oregon
Timezone: GMT-8
Joined: 2005-11-04
Posts: 172
Points: 1

I'm open to a new format.

I'm open to a new format. What do you suggest? Two column?

What if I have a page of just restaurants listed and have as many as four columns so it doesn't scroll down too far? I thought with CSS, you can put groups of text anywhere on the page. :?

SuperRoach
SuperRoach's picture
Offline
Enthusiast
Ballarat
Last seen: 8 years 23 weeks ago
Ballarat
Timezone: GMT+10
Joined: 2007-02-26
Posts: 291
Points: 6

You can put text anywhere,

You can put text anywhere, but it just can break the flow very easily...
In that example, I couldn't look at it because the middle column dissapeared for example. If you can, for less headaches, I might recommend the two column layout style somehow.

davek7
davek7's picture
Offline
Enthusiast
Portland, Oregon
Last seen: 10 years 12 weeks ago
Portland, Oregon
Timezone: GMT-8
Joined: 2005-11-04
Posts: 172
Points: 1

I'll try the two column

I'll try the two column format and get back to you after some more experimentation. Wink

davek7
davek7's picture
Offline
Enthusiast
Portland, Oregon
Last seen: 10 years 12 weeks ago
Portland, Oregon
Timezone: GMT-8
Joined: 2005-11-04
Posts: 172
Points: 1

Even though everyone thinks

Even though everyone thinks this would be better in two columns,I'm still experimenting with three columns...
http://www.portlandwinegroup.com/pwg.html

How do I move the middle column up to match the left and right columns?

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 5 years 50 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

Here dave, give this a

Here dave, give this a study. It's basically a 3 column floated layout with the center column divided again into two columns. It's fairly close to the original and can obviously be styled even closer.

Portland Wine Group - Redo


/**/

Wine Shops

Allegri Wine Shop and Art Gallery
44 N Main Street
Gresham, OR
503-465-1841

Arrivederci Wine & Gifts

17025 SE McLoughlin Blvd

Portland, OR 97267-4961

503-659-1143

Carpe Vinum

4831 SE Division St

Portland, OR 97206

503-232-1550

Cornell Wine Company

14740 NW Cornell Rd Ste 90

Portland, OR 97229

503-531-3981

E & R Wine Shop

6141 SW Macadam Ave

Portland, OR 97239-3657

503-246-6101

Every Day Wine

1520 NE Alberta St

Portland, OR 97221

503-331-7119

GEM Wine Cellar

3433 NE Broadway

Portland OR 97232

503-493-1366

Great Wine Buys

1515 NE Broadway St

Portland, OR

503-287-2897

Hollywood Wine & Espresso

4075 NE Sandy Blvd.

Portland, OR 97212

503-459-4081

John's Marketplace - Wine & Beer

3535 SW Multnomah Blvd.

Portland, OR 97219

503-244-2617

La Bodega

1325 NE Fremont St.

Portland, OR 97212

503-943-6099

Liner & Elsen

2222 NW Quimby St.

Portland, OR 97210

503-241-9463

Mt Tabor Fine Wine

4316 SE Hawthorne Blvd

Portland, OR 97214

503-235-4444

Oregon Wines On Broadway

515 SW Broadway

Portland, OR 97205

503-228-4655

Otto's Sausage Kitchen & Meat Market

4138 SE Woodstock Blvd

Portland, OR

503-771-6714

Pastaworks East

3735 SE Hawthorne Blvd

Portland, OR 97214

503-232-1010

Pastaworks West

735 NW 21st Ave

Portland, OR 97210

503-221-3002

The Pearl Wine Shop

1314 NW Glisan St.

Portland, OR 97209

503-228-0788

Portland Wine Merchants

1430 SE 35th Ave.

Portland, OR 97214

503-234-4399

Southend Wine and Coffee Bar

8337 SE 17th Ave

Portland, OR

503-238-9772

Square Deal Wine Co.

2321 NW Thurman St.

Portland, OR 97210

503-226-9463

Strohecker's Market

2855 SW Patton Rd

Portland, OR 97201

503-223-7391

Vino

1226 SE Lexington St

Portland, OR 97202-6364

503-235-8545

Wine Xing

25977 SW Canyon Creek Rd N.

Suite D

Wilsonville, OR 97070

503-582-8355

Wizer's Foods

330 1st St.

Lake Oswego, OR 97035

503-636-1414

Wizer's Lake Grove

16331 SW Bryant Rd.

Lake Oswego, OR 97035

503-636-8457

Woodstock Wine & Deli

4030 SE Woodstock Blvd

Portland, OR 97202-7662

503-777-2208



Wine Supplies & Storage




Above the Rest Homebrewing

11945 SW Pacific Hwy Ste 235

Portland, OR 97223-6478

503-968-2736

Liquid Solutions

12162 SW Scholls Ferry Rd

Tigard, OR 97224

503-524-9722

Portland Wine Storage

306 SE Ash

Portland, OR

503-231-1121

Wine Clubs & Associations




Pacific Northwest Wine Club

16285 SW 85th Ave. #104

Tigard, OR 97224

503-620-6691



Wine Bars




Aalto Lounge

3356 SE Belmont St.

Portland, OR 97214

503-235-6041

Navarre

10 NE 28th Ave.

Portland, OR 97232

503-232-3555

Noble Rot

2724 SE Ankeny St.

Portland, OR 97214

503-233-1999

Oregon Wines on Broadway

515 SW Broadway

Portland, OR 97205

503-228-4655

Pour

2755 NE Broadway

Portland, OR 97232

503-285-7697

Sip D’Vine

7829 SW Capitol Hwy.

Portland, OR 97219

503-977-9463

Tabla

200 NE 28th Ave.

Portland, OR 97232

503-238-3777

The Empire Room

4260 SE Hawthorne Blvd.

Portland, OR 97214

503-231-9225




Restaurants




Abou Karim - Lebanese Cuisine

221 SW Pine St.

Portland, OR 97204

503-223-5058

Alba Osteria & Enoteca

6440 SW Capitol Hwy.

Portland, OR 97219

503-977-3045

Andina

1314 NW Glisan St.

Portland, OR

503-228-9535

Assagio

7742 SE 13th Ave.

Portland, OR 97202

503-232-6151

Bistro Maison

729 NE 3rd St.

McMinnville, OR 97128

503-474-1888

Bluehour

250 NW 13th Ave.

Portland, OR

503-226-3394

Cafe Mingo

807 NW 21st Ave.

Portland, OR

503-226-4646

Cafe Mingo West

12600 SW Crescent St.

Beaverton, OR

503-646-6464

Castagna

1752 SE Hawthrone Blvd.

Portland, OR 97214

503-231-7373

Clarklewis

1001 SE Water St.

Portland, OR

503-235-2294

Caprial's Bistro & Wines

7019 SE Milwaukie Ave

Portland, OR 97202

503-236-6457

The Dundee Bistro

100-A SW Seventh St.

Dundee, OR 97115

503-554-1650

Eleni's Philoxenia

112 NW 9th Ave.

Portland, OR 97209

503-227-2158

Fife

4440 NE Fremont St.

Portland, OR

971-222-3433

Fratelli

1230 NW Hoyt St.

Portland, OR

503-241-8800

Giorgio's

1131 NW Hoyt St.

Portland, OR 97209

503-221-1888

Hurley's

1987 NW Kearney St.

Portland, OR 97209

503-295-6487

Il Piatto

2348 SE Ankeny St.

Portland, OR

503-236-4997

Genoa

2832 SE Belmont St.

Portland, OR

503-238-1464

The Heathman

1001 SW Broadway

Portland, OR

503-790-7752

Higgins

1239 Broadway

Portland, OR

503-222-9070

Joel Palmer House

600 Ferry St.

Dayton, OR

503-864-2995

La Rambla

238 NE 3rd St.

McMinnville, OR 97128

503-435-2126

Lauro

3377 SE Division St.

Portland, OR

503-239-7000

Lovely Hula Hands

4057 N. Mississippi St.

Portland, OR 97227

503-445-9910

Martinotti's Cafe & Deli

404 SW 10th Ave

Portland, OR

503- 224-9028

Nick's Italian Cafe

521 NE 3rd St.

McMinnville, OR

503-434-4471

Nostrana

1401 SE Morrison St.

Portland, OR 97214

503-234-2427

O'Connor's

7850 SW Capitol Hwy.

Portland, OR 97219

503-244-1690

Paley's Place

1204 NW 21st Ave.

Portland, OR

503-243-2403

Red Hills

276 Hwy. 99W

Dundee, OR

503-538-8224

Southpark

901 SW Salmon St.

Portland, OR

503-326-1300

Tina's

760 Hwy. 99W

Dundee, OR 97115

503-538-8880

Tucci

220 A Ave.

Lake Oswego, OR 97034

503-697-3383

Wildwood

1221 NW 21st Ave.

Portland, OR

503-248-9663

Veritable Quandary

1220 SW 1st Ave.

Portland, OR 97204

503-227-7342

More Wine Bars


Thirst

0315 SW Montgomery St #340

Portland, OR 97201

503-295-2747

Vino Paradiso

417 NW 10th Ave.

Portland, OR 97209

503-295-9536

Yoshida's Wine Bar & Bistro

206 NW 10th Ave.

Portland, OR 97209

503-223-9463




Links:



  • Oregon Wine

  • Oregon Wine Board

  • Oregon Wine Distributors

  • Washington Wine Commission

  • California Wine

  • Wine Spectator

  • Wines of France

  • French Wine Regions

  • Italian Wine Regions

  • Geovino World of Wine

  • Greek Wine

  • Promote your wine business!

  • About Us






davek7
davek7's picture
Offline
Enthusiast
Portland, Oregon
Last seen: 10 years 12 weeks ago
Portland, Oregon
Timezone: GMT-8
Joined: 2005-11-04
Posts: 172
Points: 1

Wow! That's beautiful. I'll

Wow! That's beautiful. I'll spend time looking it over and figure out how to add the internal anchor links and add the other two pages to it using the same style sheet. I'll also make it an external style sheet. Thanks Smile

davek7
davek7's picture
Offline
Enthusiast
Portland, Oregon
Last seen: 10 years 12 weeks ago
Portland, Oregon
Timezone: GMT-8
Joined: 2005-11-04
Posts: 172
Points: 1

I've been working on it...

I've been working on it... www.portlandwinegroup.com/pwg.html

I'm adding the promote, about, and distributor pages. Made some links and anchor links.

On the promote page I started to use the column2 style but I see that I should use a new class to add the content to. Correct?

http://www.portlandwinegroup.com/pwg-promote.html

Would I use something like:

p.center {margin:20px;}

Is this the direction I should be taking?

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 5 years 50 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

Well, it really depends on

Well, it really depends on how you want things to look. You could (in the promote page) change the column2 id to content id. That would essentially leave you with 2 columns matching the front page without the third column on the right. Of course, you would still need to adjust things - for instance you may want to add
#content p {
margin: 1em 10px;}
to the css.
Be careful in your html. It appears you have a closing div after the container is closing. Technically it's not, they close in the opposite order they're opened, but the comment is on the second to last div. You want to close the (current) #column2 div before the footer - just move the very last closing div up to just before the #footer.

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 5 weeks 2 days ago
Joined: 2004-06-30
Posts: 9668
Points: 801

I was thinking about

I was thinking about ditching the columnar layout altogether and going for a different approach. I'll have a think Laughing out loud

Verschwindende wrote:
  • CSS doesn't make pies

davek7
davek7's picture
Offline
Enthusiast
Portland, Oregon
Last seen: 10 years 12 weeks ago
Portland, Oregon
Timezone: GMT-8
Joined: 2005-11-04
Posts: 172
Points: 1

wolfcry911 wrote:Well, it

wolfcry911 wrote:
Well, it really depends on how you want things to look. You could (in the promote page) change the column2 id to content id. That would essentially leave you with 2 columns matching the front page without the third column on the right. Of course, you would still need to adjust things - for instance you may want to add
#content p {
margin: 1em 10px;}
to the css.
Be careful in your html. It appears you have a closing div after the container is closing. Technically it's not, they close in the opposite order they're opened, but the comment is on the second to last div. You want to close the (current) #column2 div before the footer - just move the very last closing div up to just before the #footer.

Thanks, I made a few changes. Does it look better? http://www.portlandwinegroup.com/pwg-promote.html

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 5 years 50 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

wolfcry911 wrote:Be careful

wolfcry911 wrote:
Be careful in your html.

You now have 14 errors in your html. I know for certain I didn't put font tags in the markup (they've been deprecated for eons). You've eliminated two closing divs (one I suggested moving not deleting). And other errors. I had suggested moving the closing content div so that the footer begins after all columns - I don't think it looks right the way it stands now.

davek7
davek7's picture
Offline
Enthusiast
Portland, Oregon
Last seen: 10 years 12 weeks ago
Portland, Oregon
Timezone: GMT-8
Joined: 2005-11-04
Posts: 172
Points: 1

I got rid of those old font

I got rid of those old font tags, but don't remember where the div tags were that you mentioned.

All the errors in the form tag were created by Paypal, and the button works so I don't want to touch that.

The validation mentioned that the doc type is wrong. should it be something else?

I took out the left column, how do I center the text? http://www.portlandwinegroup.com/pwg-promote.html

At least I'm starting to understand more about the structure even though its not perfect. Dreamweaver was a bad influence on my web design. It takes a while to relearn the proper way. I really appreciate all your help. Smile

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 5 years 50 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

the end of the page should

the end of the page should look like this:




this will fix the missing closing div tags, place them in the correct order, and correct another error (<d > tag?).

If you want to use the #content div as the only centered column, you can do one of two things.
The first is to place an id on the body of that page - say, <body id="onecol"> and then in the css, add a descendant selector to change #content to your needs. Like so#onecol #content {
float: none;
margin: 0 auto;
}

The second would be to keep the first column in the markup with no content inside it. I don't really care for this second method because it creates extraneous markup.

davek7
davek7's picture
Offline
Enthusiast
Portland, Oregon
Last seen: 10 years 12 weeks ago
Portland, Oregon
Timezone: GMT-8
Joined: 2005-11-04
Posts: 172
Points: 1

I did as you

I did as you said... http://www.portlandwinegroup.com/pwg-promote.html

Looks good to me. Did I miss anything?

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 5 years 50 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

the two closing divs at the

the two closing divs at the end are still incorrect - they need to be </div> not &lt/d>
the errors in the Paypal form are very easy to correct. First the inputs need to be enclosed in a block level element - a div, p, or probably most correct, a fieldset. Then each of the three inputs need a space and closing slash before the >. Then remove the border attribute and those errors are corrected.

The only thing you may want to do is this small change in the css:
content p, #content h3, #content form, #content h1{
margin: 1em 10px;}
to align everything in the column.