The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

html cellspacing and cellpadding inside a table problem

5 posters

Page 2 of 2 Previous  1, 2

Go down

Solved html cellspacing and cellpadding inside a table problem

Post by aprilshowers0923 December 8th 2020, 2:36 am

First topic message reminder :

Good evening:

I am having problems with the space at the top of each table.  It is not the same as the sides and bottom.

Here is the image.

html cellspacing and cellpadding inside a table problem - Page 2 Goldwebset
Code:
<center><table style="border:3px ridge #b88f4e;" cellspacing="0" cellpadding="0" width="100%" background="https://i.postimg.cc/150K6fhQ/untitled.png"><tbody><td></td></tr><td width="100%"><br>
aprilshowers0923
aprilshowers0923
Forumember

Posts : 233
Reputation : 9
Language : english

http://backgroundsapril.forummotions.com/

Back to top Go down


Solved Re: html cellspacing and cellpadding inside a table problem

Post by aprilshowers0923 December 11th 2020, 12:05 am

html cellspacing and cellpadding inside a table problem - Page 2 Image5

Should be wider to cover post
No space between the the 3 tables at the bottom.
aprilshowers0923
aprilshowers0923
Forumember

Posts : 233
Reputation : 9
Language : english

http://backgroundsapril.forummotions.com/

Back to top Go down

Solved Re: html cellspacing and cellpadding inside a table problem

Post by SLGray December 11th 2020, 3:03 am

Where exactly on your forum are you adding this?


html cellspacing and cellpadding inside a table problem - Page 2 Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51514
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Solved Re: html cellspacing and cellpadding inside a table problem

Post by skouliki December 11th 2020, 7:50 am

to give some space to that square add a <br> after line 17 on the code

for the width, it is depending on your forum/post width settings

in my test forum ... version same as yours .... seems ok (default templates)

html cellspacing and cellpadding inside a table problem - Page 2 Scre2286

do not only preview the result ...post it to see it


check the post details seems that they are displayed wrong ( see if you make any changes on the template) this may alter the post result

html cellspacing and cellpadding inside a table problem - Page 2 Scre2287
skouliki
skouliki
Manager
Manager

Female Posts : 15187
Reputation : 1696
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

TonnyKamper likes this post

Back to top Go down

Solved Re: html cellspacing and cellpadding inside a table problem

Post by aprilshowers0923 December 11th 2020, 10:00 pm

I am using the same version and templates yes but I havent touched anything on it.

Can I see the code that you are using now please?
aprilshowers0923
aprilshowers0923
Forumember

Posts : 233
Reputation : 9
Language : english

http://backgroundsapril.forummotions.com/

Back to top Go down

Solved Re: html cellspacing and cellpadding inside a table problem

Post by skouliki December 12th 2020, 8:23 am

ok first of all lets correct some things
this is the new code that don't mess up with the post details and don't mess up with the like dislike new system buttons and it is equal justified

Code:

<center><table style="border: 3px ridge #b88f4e" cellspacing="5" cellpadding="12"  width="100%" background="https://i.postimg.cc/XYRhNkq4/untitled1.jpg"><tbody><tr><td width="100%"><center><table style="border:3px ridge#b88f4e"cellspacing="35"cellpadding="5"width="100%" background="https://i.postimg.cc/gJwwtxBr/untitled-2.jpg"><tbody><tr><td width="100%"><center><table style="border: 3px ridge #b88f4e" cellspacing="25" cellpadding="0" width="100%" background="https://i.postimg.cc/fLdFvKZL/untitled3.jpg"><tbody><tr><td width="100%"><center><table border="0" cellspacing="0" cellpadding="10" width="100% "background="https://i.postimg.cc/gJwwtxBr/untitled-2.jpg"><tbody><tr><td width="100%"><center><table border="0" cellspacing="" cellpadding="" width="100%" background="https://i.postimg.cc/fLdFvKZL/untitled3.jpg"><tbody><tr><td width="100%">

Bla Bla bla bla TEST TEST test test test  test Bla Bla bla bla TEST TEST test test test  
test Bla Bla bla bla TEST TEST test test test  test Bla Bla bla bla TEST TEST test test test
test Bla Bla bla bla TEST TEST test test test  test


<center><table border="0" cellspacing="0" cellpadding="6" width="70%" background="https://i.postimg.cc/gJwwtxBr/untitled-2.jpg">
<tbody><tr><td width="100%"><center><table border="0" cellspacing="0" cellpadding="2" width="100%" background="https://i.postimg.cc/fLdFvKZL/untitled3.jpg"><tbody><tr><td width="100%"><center><table border="0" cellspacing="0" cellpadding="0" width="100%" background="ttps://i.postimg.cc/fLdFvKZL/untitled3.jpg"><tbody><tr><td width="100%">
                  </td></tr></table></td></tr></table></td></tr></table><br>
</td></tr></table>
</td></tr></table>
</td></tr></table>
</td></tr></table>
</td></tr></table>


result

html cellspacing and cellpadding inside a table problem - Page 2 Scre2288


the width is auto resized meaning that if you write a whole sentence not just words ( like the code has right now ) the width will be automatic wider

example

html cellspacing and cellpadding inside a table problem - Page 2 Scre2289

if you DONT want the width to be auto resized then go to your admin panel...display..colors..css and add this code

Code:

table {
  width: 100%;
    background-attachment: fixed;
}

result

html cellspacing and cellpadding inside a table problem - Page 2 Scre2290

skouliki
skouliki
Manager
Manager

Female Posts : 15187
Reputation : 1696
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

SLGray and TonnyKamper like this post

Back to top Go down

Solved Re: html cellspacing and cellpadding inside a table problem

Post by aprilshowers0923 December 15th 2020, 6:50 pm

This is the one I like the best except that I want the top and bottom not showing.

html cellspacing and cellpadding inside a table problem - Page 2 Fin
aprilshowers0923
aprilshowers0923
Forumember

Posts : 233
Reputation : 9
Language : english

http://backgroundsapril.forummotions.com/

Back to top Go down

Solved Re: html cellspacing and cellpadding inside a table problem

Post by skouliki December 15th 2020, 7:25 pm

sorry i dont understand you 

you mean the borders?
skouliki
skouliki
Manager
Manager

Female Posts : 15187
Reputation : 1696
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: html cellspacing and cellpadding inside a table problem

Post by aprilshowers0923 December 15th 2020, 8:17 pm

I just realized you are in Greece.

Awesome.

Okay that is a table for the background so no I dont want a border.  What I want is to get rid of the top and bottom portion.  I have been fiddling around with it but I can't seem to be able to get rid of it.  I tried with Padding, cellspacing and even margins.
aprilshowers0923
aprilshowers0923
Forumember

Posts : 233
Reputation : 9
Language : english

http://backgroundsapril.forummotions.com/

Back to top Go down

Solved Re: html cellspacing and cellpadding inside a table problem

Post by SarkZKalie December 16th 2020, 12:46 am

Hello @aprilshowers0923 try to add this to your Admin Control Panel -> Display -> CSS
Code:
.tags:nth-child(2) {
    padding: 35px!important;
}


html cellspacing and cellpadding inside a table problem - Page 2 Sarkzk10
SarkZKalie
SarkZKalie
Support Moderator
Support Moderator

Male Posts : 1420
Reputation : 220
Language : English

https://rotavn.forumotion.com/

TonnyKamper likes this post

Back to top Go down

Solved Re: html cellspacing and cellpadding inside a table problem

Post by aprilshowers0923 December 16th 2020, 3:07 am


By adding that to my CSS, what is that going to do? 
aprilshowers0923
aprilshowers0923
Forumember

Posts : 233
Reputation : 9
Language : english

http://backgroundsapril.forummotions.com/

Back to top Go down

Solved Re: html cellspacing and cellpadding inside a table problem

Post by aprilshowers0923 December 20th 2020, 1:42 am

I am working on another webset to use when posting but I am still having trouble on the top spacing 
aprilshowers0923
aprilshowers0923
Forumember

Posts : 233
Reputation : 9
Language : english

http://backgroundsapril.forummotions.com/

Back to top Go down

Solved Re: html cellspacing and cellpadding inside a table problem

Post by SarkZKalie December 20th 2020, 5:26 pm

I suggest you to upgrade your forum version from PHPBB2 to latest ones, ModernBB or AwesomeBB

That CSS i give you will add margin: 35px to every element that is the second child of its parent.

For example :
Code:
<div class="tags">1</div>
<div class="tags">2</div> (add margin: 35px)
<div class="tags">3</div>
<div class="tags">4</div>


html cellspacing and cellpadding inside a table problem - Page 2 Sarkzk10
SarkZKalie
SarkZKalie
Support Moderator
Support Moderator

Male Posts : 1420
Reputation : 220
Language : English

https://rotavn.forumotion.com/

Back to top Go down

Solved Re: html cellspacing and cellpadding inside a table problem

Post by aprilshowers0923 December 20th 2020, 5:33 pm

How do I upgrade?
aprilshowers0923
aprilshowers0923
Forumember

Posts : 233
Reputation : 9
Language : english

http://backgroundsapril.forummotions.com/

Back to top Go down

Solved Re: html cellspacing and cellpadding inside a table problem

Post by skouliki December 20th 2020, 6:26 pm

You can change the version of your forum anytime you want. This option can be found in the ACP:
ACP ...Display ...Choose a theme ... Version

You can choose up to 5 versions: phpBB3, phpBB2, Invision, PunBB and ModernBB

i suggest you save your css file first and keep in mind that the javascript may not work ( each version has different elements )
skouliki
skouliki
Manager
Manager

Female Posts : 15187
Reputation : 1696
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: html cellspacing and cellpadding inside a table problem

Post by aprilshowers0923 December 20th 2020, 7:28 pm

Okay thank you so much for your help.

You can now close this topic.
aprilshowers0923
aprilshowers0923
Forumember

Posts : 233
Reputation : 9
Language : english

http://backgroundsapril.forummotions.com/

Back to top Go down

Solved Re: html cellspacing and cellpadding inside a table problem

Post by skouliki December 20th 2020, 7:47 pm

you are welcome

Problem solved & topic archived.
Please read our forum rules: ESF General Rules
skouliki
skouliki
Manager
Manager

Female Posts : 15187
Reputation : 1696
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Page 2 of 2 Previous  1, 2

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum