• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

CSS prob

Khayman

I'm sorry Hal...
Political User
#1
trying to replicate the following using CSS (so easy in tables)

Code:
<table cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/leftbar.png" width="68" height="20" ></td>
<td style="background-color:#2E2B24;" width="100%" height="20"></td>
<td><img src="images/rightbar.png" width="76" height="20"></td>
</tr>
</table>
so basicaly i want <picture><row of colour><picture>

I can get it mostly working but the colour row spans underneath the pictures, and part of the pictures are transparent. i need the colour row to star and stop at the end/begining of each picture (and all to be inline)
 
#2
nice cheat way :p

Code:
.table { display:table; }
.table .tr { display:table-row; }
.table .tr .td { display:table-cell; }
then just replace the normal <table> <tr> <td> with <div class="table"> <div class="tr"> <div class="td"> respectively

what you can do though is

<img src="my.picture.jpg" alt="My Picture" class="picture1">
<img src="my.picture2.jpg" alt="My Picture2" class="picture2">

Code:
.picture1 { border-right:5px solid #2E2B24; }
 

Members online

No members online now.

Latest posts

Latest profile posts

Hello, is there anybody in there? Just nod if you can hear me ...
Xie
What a long strange trip it's been. =)

Forum statistics

Threads
61,961
Messages
673,239
Members
89,014
Latest member
sanoravies