Joomla Templates Club 406,261 posts

[ooweboo Friend oowebooJoin date: August 2008Posts: 72Downloads:0Uploads:1 Thanks: 17]

#148525

Hi. I have created image headings for the different rooms on the page “Accommodation” (http://www.dekatz.co.za/index.php?option=com_content&view=article&id=63&Itemid=86), but i want to delete the border it makes around the image. I tried to make the border 0 for the image but it doesnt work. Also tried to change it in the css files, but nothing takes the border away. Any suggestions?

The i would like to color-code my table rows on the “Accommodation” page (http://www.dekatz.co.za/index.php?option=com_content&view=article&id=63&Itemid=86). Did it in the html, but nothing happens. Will appreciate your help.

Thank you in advance

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#332257

Hello guy

<blockquote>Hi. I have created image headings for the different rooms on the page “Accommodation” (http://www.dekatz.co.za/index.php?op…d=63&Itemid=86), but i want to delete the border it makes around the image. I tried to make the border 0 for the image but it doesnt work. Also tried to change it in the css files, but nothing takes the border away. Any suggestions?</blockquote>

In your rule, you shout add !important after the border attribute to override original style.
Example:
a img { border: 0 !important }
If possible, give me the screenshot of the issue, i would like to have closer look on the issue.

<blockquote>The i would like to color-code my table rows on the “Accommodation” page (http://www.dekatz.co.za/index.php?op…d=63&Itemid=86). Did it in the html, but nothing happens. Will appreciate your help.</blockquote>
Here is the solution
http://www.joomlart.com/forums/topic/table-boarders-not-showing/

[ooweboo Friend oowebooJoin date: August 2008Posts: 72Downloads:0Uploads:1 Thanks: 17]

#332308

Thanks for your response. just want to know in which file do i change the following code:

a img { border: 0 !important }

In the templates.css or in red.css, because i am using the red color. I tried to change it in various locations but the border is still there. Can you maybe supply me with a line number, if possible? thank you very much for your help so far

[ooweboo Friend oowebooJoin date: August 2008Posts: 72Downloads:0Uploads:1 Thanks: 17]

#332309

Hi Regarding the table rows. i would like to make one row white for example and the next row black for example. tried this coding in the html editor of the accommodation page:
<table><tr bgcolor=”#ffffff”><td>text</td></tr>
<tr bgcolor=”#000000″><td>text2</td></tr>
</table>

but the table row’s background color stays unchanged. Any suggestions will be appreciated. Thank you very much

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#333484

Hello guy!

Here is the solution for you, please open the file :templatesja_rubycssaddons.css and find codes at line 20

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
background: transparent;
}

Replace:

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
background: transparent;
}

2 users say Thank You to Saguaros for this useful post

1. ooweboo
2. cjmicro

[ooweboo Friend oowebooJoin date: August 2008Posts: 72Downloads:0Uploads:1 Thanks: 17]

#333616

Hi Thank you very much – it works!!!!
Now one last thing – i am still struggling to get rid of the border around the images on the accommodation page. Not the rooms images, the header images for example “Twin room”. There’s a thin border around those images and even if i specify in the html <img border=”0″> it stays there. Appreciate your help…

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#333782

Pls add this css into the template.css file:

.imgclear{
padding:0;
margin:0;
border:0!important;
}

you put class=”imgclear” inside img Tag

good luck

1 user says Thank You to Saguaros for this useful post

1. ooweboo

[ooweboo Friend oowebooJoin date: August 2008Posts: 72Downloads:0Uploads:1 Thanks: 17]

#333857

Thanks alot – it works!!!!

[cjmicro Friend cjmicroJoin date: June 2008Posts: 501Downloads:3Uploads:0 Thanks: 198 Thanked: 81 times in 10 posts]

#351514

I WOULD HIT THANK YOU 3,999 times if I could for this one!! :-* :-* :laugh:

[Author]

Posts