Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Center area post/pages »

Problem with table


  #1  
Old Nov 17, 2010, 08:35 PM
Octavio Salles
 
29 posts · Oct 2010
http://pinkycupcakes.com.br/blog/?page_id=21
WP 3.0.1
Atahualpa 3.5.3

If you look at the page above you will see a table in the page area. I'm trying to make it show only the inside lines (no frame), and they must be dashed, not solid as it is right now. At ATO all of the "Style Tables" settings are set to blank. I wonder what I'm doing wrong? My HTML code is this:

HTML Code:
<table width="94%" align="center" border="1" cellpadding="7" frame="void" style="border-style: dashed;  border-color: #c2c2c2; border-collapse: collapse;">
<tr>
<td align=center>
<img src="cupcake.jpg" width=130 height=80 border=0><br>
Chocolouco
</td>
<td align=center>
<img src="cupcake.jpg" width=130 height=80 border=0><br>
Lemon Pie
</td>
<td align=center>
<img src="cupcake.jpg" width=130 height=80 border=0><br>
Red Velvet
</td>
</tr>
<tr>
<td align=center>
<img src="cupcake.jpg" width=130 height=80 border=0><br>
Maradona
</td>
<td align=center>
<img src="cupcake.jpg" width=130 height=80 border=0><br>
Brasileirinho
</td>
<td align=center>
<img src="cupcake.jpg" width=130 height=80 border=0><br>
Chocomellow
</td>
</tr>
</table>
Also, the dashed border looks huge in IE 9... but it looks good with Chrome.
  #2  
Old Nov 18, 2010, 07:28 AM
Octavio Salles
 
29 posts · Oct 2010
Well I got it partially fixed, now the inside lines are dashed as well. All I did was adding a style to each TD, as follow:

HTML Code:
<table width="94%" align="center" border="1" cellpadding="7" frame="void" style="border-style: dashed;  border-color: #c2c2c2; border-collapse: collapse;">
<tr>
<td align=center style="border-style: dashed;">
<img src="cupcake.jpg" width=130 height=80 border=0><br>
Chocolouco
</td>
<td align=center style="border-style: dashed;">
<img src="cupcake.jpg" width=130 height=80 border=0><br>
Lemon Pie
</td>
<td align=center style="border-style: dashed;">
<img src="cupcake.jpg" width=130 height=80 border=0><br>
Red Velvet
</td>
</tr>
<tr>
<td align=center style="border-style: dashed;">
<img src="cupcake.jpg" width=130 height=80 border=0><br>
Maradona
</td>
<td align=center style="border-style: dashed;">
<img src="cupcake.jpg" width=130 height=80 border=0><br>
Brasileirinho
</td>
<td align=center style="border-style: dashed;">
<img src="cupcake.jpg" width=130 height=80 border=0><br>
Chocomellow
</td>
</tr>
</table>
The outside frame is still there though.... and still looking horrible in IE 9.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Centering a table globalnerds Center area post/pages 1 Sep 22, 2010 06:38 PM
How to Add Zebra Effect to Single Table with WP Table-Reloaded Plugin c12281 Plugins & Atahualpa 8 Aug 1, 2010 04:53 PM
[SOLVED] Table Format for a Single Table joan Center area post/pages 4 Jul 13, 2010 10:03 AM
Table Issues bobby sapphire Atahualpa 3 Wordpress theme 2 Aug 11, 2009 08:01 AM
[SOLVED] Problem with table styling Edu_Sanzio Atahualpa 3 Wordpress theme 3 Jul 9, 2009 06:22 AM


All times are GMT -6. The time now is 06:02 PM.


Powered by vBulletin® Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.