the greatest general under the heavens
|
Post by Egao, Egao Everywhere on Mar 23, 2013 23:57:46 GMT -8
Is it possible to code templates without the use of the tables at all? Are there things that you can't do without tables?
I find that it's been more practical and easy to make templates without tables. There's less clutter and it easily converts to Jcink/IF. Just change the brackets to angle signs and the other way around and you can convert templates instantly. Although Jcink/IF to PB template conversion has limitations since PB still can't read javascript in posts.
|
|
|
Post by katya on Mar 24, 2013 0:28:26 GMT -8
I used to code templates without tables, because I never really learned tables when I was learning html (look, it was the nineties, I deemed it 'scary' and never looked back--and then CSS came around, and I never needed tables ever again).
Columns are a lot easier to do with tables, should you ever want a sidebar in your template. You can mimic them exactly with divs, yeah, but I find it a pain. Since you can put as many lines as you'd damned well like between [td] and [tr] tags, it's a lot easier to look at the code imo. Jcink/IF has dohtml which lets you put line breaks wily nily, so you can keep your coding neat. In PB, it's just a massive wall of text.
Otherwise, idk what else they're good for.
|
|
|
Post by Pool Boy on Mar 24, 2013 0:59:16 GMT -8
Skullbeat made a really handy tutorial for converting pb templates to cjink/if quickly and mindlessly. i'll link it for you. it basically rips the dohtml from the page, and then you can just shove it all in [dohtml] tags. Yeah I've coded more single-column templates without tables fine. In the end, it's about design? (SOMETIMES if you want to have two columns, you can get away with a float trick! i use one style to hold the width of the template, float an icon to the left, and then use margin-left in the third style to keep the text to the right of what's floated. it mimics a column, like in that cute lil tracker below.) this template and this one i coded for a friend both don't use tables--
|
|
the greatest general under the heavens
|
Post by Egao, Egao Everywhere on Mar 24, 2013 6:11:08 GMT -8
I use display: inline-block and it's done me wonders. You can use vertical-align must like a table for it.
And I think the additional table codes add more to the clutter than neat it up unless you have a lot of html in your div, then yeah, seeing them all jumbled up is a headache in PB.
Umm, electric, I think you misunderstood what I said, “orz. First, yeah, I know about skull's tutorial. Second, I already know that kind of trick to make it look like a table using floats. That's why, since you can use divs to make it look like a table instead, I was asking if there was any purpose on using tables especially since they tend to add more clutter if they're not really necessary.
Sorry man orz but you just made me feel so dumb. I know I'm not as good as you but I'm not THAT new. And to be given examples no less OTL.
|
|
|
Post by konya on Mar 24, 2013 6:14:21 GMT -8
You can actually give divs table properties (not just vAlign, but things like td and colspan etc) with CSS. Google it or something? I personally still find it easier to work with tables even though it's apparently a webdesign sin these days, because I started with HTML before CSS and it's just more natural for me. Pure CSS is a pain for me and I can never be sure everything acts the way I want it to like I can with a table.
Butyeah it's entirely possible to do everything you can with a table just with divs. It's becoming webdesign standard these days.
|
|
|
Post by Deleted on Mar 24, 2013 6:41:54 GMT -8
Also if you use floats to make things go left or right while encased by another div so that they don't go flying all over. I just recommend using a clear:both; below both of them so it doesn't like start grabbing content from below your template. [has happened to me before. I freaked out. lul].
I've basicallly stopped coding in tables because they sometimes get too restrictive and instead do everything with divs. I've personally never given divs colspan properties, but I think you can just give it a width if you need it. Or give it a % width if you want to make like, five columns, just take 100/5. And then *2 for the column you want to span two. All done~
|
|
|
Post by Pool Boy on Mar 24, 2013 9:36:49 GMT -8
lol tanz shush i'm the newb
i wrote simply for people who might also be newbs and were lurking the thread not you LOL qurl relax.
also, i use tables because i don't know how to make some things WITHOUT them LOL like if I want a 4-square kind of thing. yr the one that know more of the css commands that im to lazy to learn (inline block i've never tried.) I've peaked at yr code once and i know that much about you.
the reason people use tables most of the times still i think is because its what they know. like konya said. i could sit down and master the entire list pb supports, but nah. if tables works, i'll use it. i know coding is about making things less tedious and all, but also, this is why i use classes sometimes too. (i ought to learn colspan more properly though.)
|
|