Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login



Reply
4 pictures in a row using CSS????
Old 06-19-2009, 11:42 PM 4 pictures in a row using CSS????
Banned

Posts: 315
Name: Doug
Trades: 1
Someone threw a cheap shot at me the other day because I used a simple table to get 4 small pictures to line up in a row on one of my sites.

They claim this can be done EASILY in CSS.

These pictures HAVE to be centered in a text area in a two column layout.
1024x768 resolution. And the pictures have to be centered in each of the four units. Thus my use of a simple small 4 col table.

Picture Picture Picture Picture

Also, in my footer I need a three col variation of the same thing except with text with all text items centered. Two rows.

Text Text...................... Text
Text Text

Also, this same wonderful person shot an arrow at me for using a FLOATING
Div to create a two column layout. NOT ME DREAMWEAVER CS3

With the tables, they may have a point, with the floating, do they????

I am just on my first year with Dreamweaver and CSS after years of using HotDog and just HTML.

Personally, I think some of these Standards people are going a little Nazi
By getting rid of tables and <CENTER> but I'm from the old days when we
Tabled and Centered EVERYTHING.

I'd appreciate some thoughts here and a code solution to the 4 column picture issue.
marketingman100 is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 06-20-2009, 12:56 AM Re: 4 pictures in a row using CSS????
EricReese's Avatar
Super Talker

Posts: 137
Name: Eric Reese
Location: Maryland, USA
Trades: 0
Hi marketingman100 ,

Is there a specific page we can help you convert to a CSS site? Images are already inline elements, but to center them, you could use text-align:center; or set it to display:block then margin:0 auto; on it.

The reason people are saying to get rid of <center> is because it is deprecated. There are much better ways to center elements then that.

This person made fun of you for floating divs to create a 2 column layout? There is nothing wrong with that. But you also need to make sure your floats are contained (you can put overflow: anything besides visible; on the wrapper)

All in all, yes, this can easily be done in CSS. But I am having a little trouble understanding his problem with floats...unless I misunderstood your statement. So no, I don't think he has a point

The ways of the table layout is gone. Much more flexible, and intrinsic designs can be coded with CSS. Tables now (they were in the past, but this was ignored) are supposed to be used for tabular data only. These people aren't being Nazi-like, they are just promoting standards.

As to your original question, we won't code it for you, but if you make an attempt, we can certainly assist you along the way so at least you learn something in the process
__________________
I am 17 years old.Looking for Web Design Job(s). If interested use my
Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE
|
Please login or register to view this content. Registration is FREE
|
Please login or register to view this content. Registration is FREE
|
Please login or register to view this content. Registration is FREE

Funny Line- "I'll Twitter your Yahoo! until I Google all over your FaceBook :D
EricReese is offline
Reply With Quote
View Public Profile Visit EricReese's homepage!
 
Old 06-20-2009, 09:39 AM Re: 4 pictures in a row using CSS????
LadynRed's Avatar
Defies a Status

Posts: 10,017
Location: Tennessee
Trades: 0
Quote:
I'm from the old days when we
Tabled and Centered EVERYTHING.
Yes, well I started in those days too - even used HotDog as my preferred editor - but I 'saw the light' of table-less layouts using CSS and I have never looked back. Once you grasp it, and see the beauty of CSS, you won't either

I don't know what could be wrong with a floated 2-column layout, that's fairly typical. I am a strong advocate of web standards, and yes, some web standards people can take it to extremes, and that's not really helpful.

As Eric said, if we can see the page where you need these photos, we can help you figure it out for your layout.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE


Last edited by LadynRed; 06-20-2009 at 09:43 AM..
LadynRed is offline
Reply With Quote
View Public Profile
 
Old 06-20-2009, 10:59 AM Re: 4 pictures in a row using CSS????
EricReese's Avatar
Super Talker

Posts: 137
Name: Eric Reese
Location: Maryland, USA
Trades: 0
I'm glad. I started web design and never got into tables. i used them for like 10 days, which I realized how bad they were because if you were missing one </td> somewhere, it was literally impossible to debug

I can't wait for the beauty of CSS3 to be supported by more then just the vendor extensionss.

Cheers
__________________
I am 17 years old.Looking for Web Design Job(s). If interested use my
Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE
|
Please login or register to view this content. Registration is FREE
|
Please login or register to view this content. Registration is FREE
|
Please login or register to view this content. Registration is FREE

Funny Line- "I'll Twitter your Yahoo! until I Google all over your FaceBook :D
EricReese is offline
Reply With Quote
View Public Profile Visit EricReese's homepage!
 
Old 06-20-2009, 12:02 PM Re: 4 pictures in a row using CSS????
Banned

Posts: 315
Name: Doug
Trades: 1
The page they picked on is:

http://www.marketingsanctuary.com/index.php

The four pictures and the footer are the "table" alignment issues.
marketingman100 is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to 4 pictures in a row using CSS????
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.76623 seconds with 12 queries