The PokéCommunity Forums

The PokéCommunity Forums (https://www.pokecommunity.com/index.php)
-   Art Studio (https://www.pokecommunity.com/forumdisplay.php?f=21)
-   -   Pokemon Trade Shop CSS help (https://www.pokecommunity.com/showthread.php?t=378904)

Babietje September 22nd, 2016 5:04 AM

Pokemon Trade Shop CSS help
 
Hey guys,

My shop just opened and I have been playing around with CSS, but it seems I'm kinda limited with what I can do/come up with.
I know there are lots of artists/designers here, hopefully some with knowledge in CSS.

Can anyone help? ^_^

Main problems are:
  1. The design
  2. Creating a table for the pokemon listed
  3. General layout

Here is the link for the shop: http://www.pokecommunity.com/showthread.php?p=9417702#post9417702

^^

Fairy September 22nd, 2016 8:21 AM

You know, that CSS isn't bad at all. It's readable, cohesive, and easy to look at. I really don't think you need all that much help if you've already gotten that far! I'm not saying don't ask a designer to come in and take a look - but your coding is not bad by any stretch of the imagination.

Just my two cents! :)

tokyodrift September 22nd, 2016 8:36 AM

I'd have to agree with Fairy here, it really doesn't look as bad as you probably think it does.

Babietje September 22nd, 2016 9:58 AM

Quote:

Originally Posted by tokyodrift (Post 9421191)
I'd have to agree with Fairy here, it really doesn't look as bad as you probably think it does.

Quote:

Originally Posted by Fairy (Post 9421181)
You know, that CSS isn't bad at all. It's readable, cohesive, and easy to look at. I really don't think you need all that much help if you've already gotten that far! I'm not saying don't ask a designer to come in and take a look - but your coding is not bad by any stretch of the imagination.

Just my two cents! :)


Thanks guys! That's nice to hear :) Glad all my work isnt in vain haha :D

How about listing pokemon neatly in a easy to look at Table? Is it actually possible on forums?
Worse-case scenario, someting like on reddit, where each row is a different colour to provide contrast?

I have no idea actually, but something to show a collection of pokemon xD

Babietje September 23rd, 2016 3:10 AM

This is my problem:

I want to place things in a table so that you can quickly see what I have.. So i fill in a table with
Quote:

"["table"]"["tr"]" etc.. I had to use quotation marks otherwise, it shows the resulted HTML ( with < & >)
It works, and its fine. But then I need to change a pokemon info, cause I collected another, then it turns out that my table's code is like this:

<table border='0'><tr><td style='text-align: center; vertical-align: top; padding: 6px'>Bred Pokemon</td><td style='text-align: center; vertical-align: top; padding: 6px'>ID #</td><td style='text-align: center; vertical-align: top; padding: 6px'>Nature</td><td style='text-align: center; vertical-align: top; padding: 6px'>Ability</td><td style='text-align: center; vertical-align: top; padding: 6px'>HP</td><td style='text-align: center; vertical-align: top; padding: 6px'>ATK</td><td style='text-align: center; vertical-align: top; padding: 6px'>DEF</td><td style='text-align: center; vertical-align: top; padding: 6px'>SPATK</td><td style='text-align: center; vertical-align: top; padding: 6px'>SPDEF</td><td style='text-align: center; vertical-align: top; padding: 6px'>SPEED</td><td style='text-align: center; vertical-align: top; padding: 6px'>Sprites</td></tr>
<tr><td style='text-align: center; vertical-align: top; padding: 6px'>Abra</td><td style='text-align: center; vertical-align: top; padding: 6px'></td><td style='text-align: center; vertical-align: top; padding: 6px'>Timin</td><td style='text-align: center; vertical-align: top; padding: 6px'>Magic Guard</td><td style='text-align: center; vertical-align: top; padding: 6px'>31</td><td style='text-align: center; vertical-align: top; padding: 6px'>? </td><td style='text-align: center; vertical-align: top; padding: 6px'>31</td><td style='text-align: center; vertical-align: top; padding: 6px'>31</td><td style='text-align: center; vertical-align: top; padding: 6px'>31</td><td style='text-align: center; vertical-align: top; padding: 6px'>31</td><td style='text-align: center; vertical-align: top; padding: 6px'>http://media.pldh.net/pokemon/gen6/oras_shiny/063.png</td></tr>
<tr><td style='text-align: center; vertical-align: top; padding: 6px'>Anorith (♂) </td><td style='text-align: center; vertical-align: top; padding: 6px'>51167</td><td style='text-align: center; vertical-align: top; padding: 6px'> Jolly </td><td style='text-align: center; vertical-align: top; padding: 6px'>Battle Armor </td><td style='text-align: center; vertical-align: top; padding: 6px'>26</td><td style='text-align: center; vertical-align: top; padding: 6px'>31</td><td style='text-align: center; vertical-align: top; padding: 6px'>31</td><td style='text-align: center; vertical-align: top; padding: 6px'>31</td><td style='text-align: center; vertical-align: top; padding: 6px'>31</td><td style='text-align: center; vertical-align: top; padding: 6px'>31</td><td style='text-align: center; vertical-align: top; padding: 6px'>https://img.pokemondb.net/sprites/black-white/shiny/anorith.png</td></tr>
<tr><td style='text-align: center; vertical-align: top; padding: 6px'>Charmander(♂) </td><td style='text-align: center; vertical-align: top; padding: 6px'>37545</td><td style='text-align: center; vertical-align: top; padding: 6px'>Careful</td><td style='text-align: center; vertical-align: top; padding: 6px'>Blaze</td><td style='text-align: center; vertical-align: top; padding: 6px'>31</td><td style='text-align: center; vertical-align: top; padding: 6px'>31</td><td style='text-align: center; vertical-align: top; padding: 6px'>31</td><td style='text-align: center; vertical-align: top; padding: 6px'>22</td><td style='text-align: center; vertical-align: top; padding: 6px'>31</td><td style='text-align: center; vertical-align: top; padding: 6px'>31</td><td style='text-align: center; vertical-align: top; padding: 6px'>https://img.pokemondb.net/sprites/black-white/shiny/charmander.png</td></tr>
<tr><td style='text-align: center; vertical-align: top; padding: 6px'>Chimchar(♂)</td><td style='text-align: center; vertical-align: top; padding: 6px'></td><td style='text-align: center; vertical-align: top; padding: 6px'></td><td style='text-align: center; vertical-align: top; padding: 6px'></td><td style='text-align: center; vertical-align: top; padding: 6px'>31</td><td style='text-align: center; vertical-align: top; padding: 6px'>?</td><td style='text-align: center; vertical-align: top; padding: 6px'>31</td><td style='text-align: center; vertical-align: top; padding: 6px'>31</td><td style='text-align: center; vertical-align: top; padding: 6px'>31</td><td style='text-align: center; vertical-align: top; padding: 6px'>31</td><td style='text-align: center; vertical-align: top; padding: 6px'>http://media.pldh.net/pokemon/gen6/oras_shiny/390.png</td></tr>
<tr><td style='text-align: center; vertical-align: top; padding: 6px'>Dwebble(♂)</td><td style='text-align: center; vertical-align: top; padding: 6px'></td><td style='text-align: center; vertical-align: top; padding: 6px'>Adamant</td><td style='text-align: center; vertical-align: top; padding: 6px'>Shell Armor</td><td style='text-align: center; vertical-align: top; padding: 6px'>31</td><td style='text-align: center; vertical-align: top; padding: 6px'>12</td><td style='text-align: center; vertical-align: top; padding: 6px'>31</td><td style='text-align: center; vertical-align: top; padding: 6px'>31</td><td style='text-align: center; vertical-align: top; padding: 6px'>31</td><td style='text-align: center; vertical-align: top; padding: 6px'>31</td><td style='text-align: center; vertical-align: top; padding: 6px'>https://img.pokemondb.net/sprites/black-white/shiny/dwebble.png</td></tr>
<tr><td style='text-align: center; vertical-align: top; padding: 6px'>Espurr(♀) </td><td style='text-align: center; vertical-align: top; padding: 6px'>51724</td><td style='text-align: center; vertical-align: top; padding: 6px'>Timid</td><td style='text-align: center; vertical-align: top; padding: 6px'></td><td style='text-align: center; vertical-align: top; padding: 6px'>31</td><td style='text-align: center; vertical-align: top; padding: 6px'>31</td><td style='text-align: center; vertical-align: top; padding: 6px'>13</td><td style='text-align: center; vertical-align: top; padding: 6px'>31</td><td style='text-align: center; vertical-align: top; padding: 6px'>31</td><td style='text-align: center; vertical-align: top; padding: 6px'>31</td><td style='text-align: center; vertical-align: top; padding: 6px'>http://media.pldh.net/pokemon/gen6/oras_shiny/677.png</td></tr>
<tr><td style='text-align: center; vertical-align: top; padding: 6px'>Feebas</td><td style='text-align: center; vertical-align: top; padding: 6px'></td><td style='text-align: center; vertical-align: top; padding: 6px'>Bold</td><td style='text-align: center; vertical-align: top; padding: 6px'>Swift Swim</td><td style='text-align: center; vertical-align: top; padding: 6px'>31</td><td style='text-align: center; vertical-align: top; padding: 6px'>?</td><td style='text-align: center; vertical-align: top; padding: 6px'>31</td><td style='text-align: center; vertical-align: top; padding: 6px'>31</td><td style='text-align: center; vertical-align: top; padding: 6px'>31</td><td style='text-align: center; vertical-align: top; padding: 6px'>31</td><td style='text-align: center; vertical-align: top; padding: 6px'>http://media.pldh.net/pokemon/gen6/oras_shiny/349.png</td></tr>
<tr><td style='text-align: center; vertical-align: top; padding: 6px'>Gligar</td><td style='text-align: center; vertical-align: top; padding: 6px'></td><td style='text-align: center; vertical-align: top; padding: 6px'>Careful</td><td style='text-align: center; vertical-align: top; padding: 6px'>Immunity</td><td style='text-align: center; vertical-align: top; padding: 6px'>31</td><td style='text-align: center; vertical-align: top; padding: 6px'>31</td><td style='text-align: center; vertical-align: top; padding: 6px'>31</td><td style='text-align: center; vertical-align: top; padding: 6px'>31</td><td style='text-align: center; vertical-align: top; padding: 6px'>?</td><td style='text-align: center; vertical-align: top; padding: 6px'>31</td><td style='text-align: center; vertical-align: top; padding: 6px'>http://media.pldh.net/pokemon/gen6/oras_shiny/207.png</td></tr>
<tr><td style='text-align: center; vertical-align: top; padding: 6px'>Goomy (♀) </td><td style='text-align: center; vertical-align: top; padding: 6px'></td><td style='text-align: center; vertical-align: top; padding: 6px'> Modest </td><td style='text-align: center; vertical-align: top; padding: 6px'>Sap Sipper </td><td style='text-align: center; vertical-align: top; padding: 6px'>31</td><td style='text-align: center; vertical-align: top; padding: 6px'>13</td><td style='text-align: center; vertical-align: top; padding: 6px'>31</td><td style='text-align: center; vertical-align: top; padding: 6px'>31</td><td style='text-align: center; vertical-align: top; padding: 6px'>31</td><td style='text-align: center; vertical-align: top; padding: 6px'>31</td><td style='text-align: center; vertical-align: top; padding: 6px'>http://media.pldh.net/pokemon/gen6/oras_shiny/704.png</td></tr>
<tr><td style='text-align: center; vertical-align: top; padding: 6px'>Growlithe(♀) </td><td style='text-align: center; vertical-align: top; padding: 6px'>28058</td><td style='text-align: center; vertical-align: top; padding: 6px'>Adamant</td><td style='text-align: center; vertical-align: top; padding: 6px'></td><td style='text-align: center; vertical-align: top; padding: 6px'>?</td><td style='text-align: center; vertical-align: top; padding: 6px'>?</td><td style='text-align: center; vertical-align: top; padding: 6px'>?</td><td style='text-align: center; vertical-align: top; padding: 6px'>?</td><td style='text-align: center; vertical-align: top; padding: 6px'>?</td><td style='text-align: center; vertical-align: top; padding: 6px'>?</td><td style='text-align: center; vertical-align: top; padding: 6px'>https://img.pokemondb.net/sprites/black-white/shiny/growlithe.png</td></tr>
<tr><td style='text-align: center; vertical-align: top; padding: 6px'>Mercury (Goomy) (♂) </td><td style='text-align: center; vertical-align: top; padding: 6px'>22631</td><td style='text-align: center; vertical-align: top; padding: 6px'> Modest </td><td style='text-align: center; vertical-align: top; padding: 6px'>Sap Sipper </td><td style='text-align: center; vertical-align: top; padding: 6px'>31</td><td style='text-align: center; vertical-align: top; padding: 6px'>4</td><td style='text-align: center; vertical-align: top; padding: 6px'>31</td><td style='text-align: center; vertical-align: top; padding: 6px'>31</td><td style='text-align: center; vertical-align: top; padding: 6px'>31</td><td style='text-align: center; vertical-align: top; padding: 6px'>31</td><td style='text-align: center; vertical-align: top; padding: 6px'>http://media.pldh.net/pokemon/gen6/oras_shiny/704.png</td></tr>
<tr><td style='text-align: center; vertical-align: top; padding: 6px'>Mudkip(♀) </td><td style='text-align: center; vertical-align: top; padding: 6px'>44575</td><td style='text-align: center; vertical-align: top; padding: 6px'>Adamant</td><td style='text-align: center; vertical-align: top; padding: 6px'></td><td style='text-align: center; vertical-align: top; padding: 6px'>31</td><td style='text-align: center; vertical-align: top; padding: 6px'>31</td><td style='text-align: center; vertical-align: top; padding: 6px'>31</td><td style='text-align: center; vertical-align: top; padding: 6px'>?</td><td style='text-align: center; vertical-align: top; padding: 6px'>31</td><td style='text-align: center; vertical-align: top; padding: 6px'>31</td><td style='text-align: center; vertical-align: top; padding: 6px'>https://img.pokemondb.net/sprites/black-white/shiny/mudkip.png</td></tr>
<tr><td style='text-align: center; vertical-align: top; padding: 6px'>Onyx(♀) </td><td style='text-align: center; vertical-align: top; padding: 6px'>64239</td><td style='text-align: center; vertical-align: top; padding: 6px'>Adamant</td><td style='text-align: center; vertical-align: top; padding: 6px'></td><td style='text-align: center; vertical-align: top; padding: 6px'>31</td><td style='text-align: center; vertical-align: top; padding: 6px'>31</td><td style='text-align: center; vertical-align: top; padding: 6px'>31</td><td style='text-align: center; vertical-align: top; padding: 6px'>31</td><td style='text-align: center; vertical-align: top; padding: 6px'>31</td><td style='text-align: center; vertical-align: top; padding: 6px'>30</td><td style='text-align: center; vertical-align: top; padding: 6px'>https://img.pokemondb.net/sprites/black-white/shiny/onix.png</td></tr>
<tr><td style='text-align: center; vertical-align: top; padding: 6px'>Torchic</td><td style='text-align: center; vertical-align: top; padding: 6px'></td><td style='text-align: center; vertical-align: top; padding: 6px'>Adamant</td><td style='text-align: center; vertical-align: top; padding: 6px'>Speed Boost</td><td style='text-align: center; vertical-align: top; padding: 6px'>31</td><td style='text-align: center; vertical-align: top; padding: 6px'>31</td><td style='text-align: center; vertical-align: top; padding: 6px'>31</td><td style='text-align: center; vertical-align: top; padding: 6px'>?</td><td style='text-align: center; vertical-align: top; padding: 6px'>31</td><td style='text-align: center; vertical-align: top; padding: 6px'>31</td><td style='text-align: center; vertical-align: top; padding: 6px'>http://media.pldh.net/pokemon/gen6/oras_shiny/255.png</td></tr></table>

Which is a bit much. Also, if I now preview the results, there is no table anymore, you only see all this nonsense that I just posted. Seems kinda weird that each timeI add a new pokemon I would have to redo all my tables.. So what am doing wrong :(


All times are GMT -8. The time now is 3:05 AM.


Like our Facebook Page Follow us on Twitter © 2002 - 2018 The PokéCommunity™, pokecommunity.com.
Pokémon characters and images belong to The Pokémon Company International and Nintendo. This website is in no way affiliated with or endorsed by Nintendo, Creatures, GAMEFREAK, The Pokémon Company or The Pokémon Company International. We just love Pokémon.
All forum styles, their images (unless noted otherwise) and site designs are © 2002 - 2016 The PokéCommunity / PokéCommunity.com.
PokéCommunity™ is a trademark of The PokéCommunity. All rights reserved. Sponsor advertisements do not imply our endorsement of that product or service. User generated content remains the property of its creator.

Acknowledgements
Use of PokéCommunity Assets
vB Optimise by DragonByte Technologies Ltd © 2023.