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.

HTML Forum


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



Post a Project »

Find a Professional HTML Freelancer!

Find a Freelancer to help you with your HTML projects

FREE Outsourcing eBook!

Reply
How to replace table row to css
Old 12-17-2010, 03:43 AM How to replace table row to css
Average Talker

Posts: 26
Name: wltg
Trades: 0
I have something I wish to display like (simplified)
Code:
<div style="width:608px;">
<tr>
<td width=15 height=15>leftimage.png</td>
<td background=#000></td>
<td width=15 height=15>rightimage.png</td>
</tr>
</div>
But in CSS, I always seem to run into the background color issue. The .pngs have to show transparency. The issue is getting the middle layer to stretch via the width of the parent div as well. Either the background color spans everything, ruining my .pngs or it doesn't span dynamically. Tables would work, but I hate tables. I want fully semantic CSS that works with IE even.
__________________

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


Please login or register to view this content. Registration is FREE
wltg is offline
Reply With Quote
View Public Profile Visit wltg's homepage!
 
 
Register now for full access!
Old 12-17-2010, 05:23 AM Re: How to replace table row to css
serandfae's Avatar
Do the "Evil Nanner" !!!

Posts: 9,007
Name: Tim Daily
Location: Apex, NC, US, Sol 3
Trades: 0
The basic answer:
Code:
 
.container{width:608px; overflow:auto; background:transparent;}
 
<div class="container">
<img src="rightimage.png" style="width:15px; height:15px;" alt="alt text" />
<img src="leftimage.png" style="float: left; width:15px; height:15px;" alt="alt text" />
</div>
tim
__________________
SEO "experts" smell like Big Fish_|_
Please login or register to view this content. Registration is FREE


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

serandfae is offline
Reply With Quote
View Public Profile Visit serandfae's homepage!
 
Old 12-17-2010, 09:23 AM Re: How to replace table row to css
LadynRed's Avatar
Defies a Status

Posts: 10,017
Location: Tennessee
Trades: 0
Exactly -- no need for ugly tables
__________________
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

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 12-17-2010, 12:42 PM Re: How to replace table row to css
CSM
CSM's Avatar
Front-End Developer

Posts: 297
Name: Michael Pehl
Location: Palma de Mallorca
Trades: 0
Code:
<div class="container">
<img src="rightimage.png" width="15" height="15" style="width:15px; height:15px;" alt="alt text" />
<img src="leftimage.png"  width="15" height="15"  style="float: left; width:15px; height:15px;" alt="alt text" />
</div>
Valid XHTML code.
__________________
Chief Web Officer / Front-End Developer / System Engineer

Please login or register to view this content. Registration is FREE
-
Please login or register to view this content. Registration is FREE
CSM is offline
Reply With Quote
View Public Profile Visit CSM's homepage!
 
Old 12-17-2010, 11:24 PM Re: How to replace table row to css
Madman340's Avatar
Web Designer

Posts: 571
Name: Jared
Location: Florida
Trades: 1
Quote:
Originally Posted by LadynRed View Post
Exactly -- no need for ugly tables
The voices in my head told me otherwise...

__________________

Please login or register to view this content. Registration is FREE
for cheap hosting solutions.
Use the coupon code "SINGLECENT" to pay just a single cent for the first month!
Madman340 is offline
Reply With Quote
View Public Profile
 
Old 12-20-2010, 03:03 AM Re: How to replace table row to css
Junior Talker

Posts: 2
Trades: 0
Can I write like this?
Code:
.container{width:608px; overflow: auto; background:transparent;}
.img{width:15px; height:15px;}
 
<div class="container">
<img src="rightimage.png"  alt="alt text" />
<img src="leftimage.png" style="float: left; " alt="alt text" />
</div>

Last edited by chrishirst; 12-20-2010 at 06:20 AM..
londeed is offline
Reply With Quote
View Public Profile Visit londeed's homepage!
 
Reply     « Reply to How to replace table row to 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 1.32749 seconds with 12 queries