The Cache: Technology Expert's Forum
 
*
Welcome, Guest. Please login or register. February 09, 2012, 07:09:13 PM

Login with username, password and session length


Pages: 1 [2]
  Print  
Author Topic: CSS Rounded Corner Boxes, Done The Right Way  (Read 6462 times)
perkiset
Olde World Hacker
Administrator
Lifer
*****
Online Online

Posts: 9791



View Profile
« Reply #15 on: June 13, 2008, 03:55:18 PM »

I mocked up a quick example to exaggerate the usage.
http://braindonkey.com/corners/
Right on Nuts... nice work both technologically and biologically Wink

good work perk.
Thanks NBs

I imagine the principle is exactly the same, but the devil is in the details, meaning, it wont work. Though i guess this works because the photo is set as a background image. The content, if I was to type, without any margins set, it would just type in front of the corners, when we would want it to go behind actually.
z-index, man... Wink

Also because the top and bottom bars are separate divs, you would never be able to write into the space between the two horizontal corners. ie, topleft and topright.
Not true... in fact, I use the exact method to create a stretchy "tab" on top of my box... unfortunately the tab required a single table to work exactly the way I wanted, but if I z-indexed the stuff I could have done it without. The top and bottom divs are just as writeable as the middle, you just need to be careful about text placement / sizing.
Logged

It is now believed, that after having lived in one compound with 3 wives and never leaving the house for 5 years, Bin Laden called the U.S. Navy Seals himself.
nutballs
Administrator
Lifer
*****
Online Online

Posts: 5604


Back in my day we had 9 planets


View Profile
« Reply #16 on: June 13, 2008, 03:59:40 PM »

ah yea. duh. thats what we just talked about on the phone... LOL
Logged

I could eat a bowl of Alphabet Soup and shit a better argument than that.
craw
Journeyman
***
Offline Offline

Posts: 65


View Profile
« Reply #17 on: June 22, 2008, 04:31:33 PM »

great read, thank you
Logged
penfold
n00b
*
Offline Offline

Posts: 8


CRUMBS!


View Profile
« Reply #18 on: June 26, 2008, 01:39:55 AM »

 Ditto   Applause

Oh Crikey yes, thank you!

I had no idea where to even start thinking about CSS!

It really helps me to see it laid out in a simple application like this.  Bravo, sir!  I love to check this forum and read along, I am learning much!

Very Good Read Inded, Chaps,
Penfold
Logged

No links in signatures please
arms
Expert
****
Offline Offline

Posts: 235



View Profile
« Reply #19 on: June 27, 2008, 08:56:06 PM »

Quote
(This is the problem with so called webmasters and CSS gurus – they see something that they want to get done but cannot think like a programmer, so the solutions involve the hackiest kludgy solutions around, rather than pulling back and reducing complexity, to get a stable, robust and reliable solution to a problem. I wish I had a nickel for every time I read "the math was really complex" or "this hack is required" or "this will only work when..." Grrrrr.)

oh fuck this is so true.
the things i've seen looking for simple layouts.

i've even seen some that call themselves css programers. ROFLMAO
Logged
perkiset
Olde World Hacker
Administrator
Lifer
*****
Online Online

Posts: 9791



View Profile
« Reply #20 on: June 30, 2008, 02:15:00 PM »

i've even seen some that call themselves css programers. ROFLMAO

Vomit

ROFLMAO
Logged

It is now believed, that after having lived in one compound with 3 wives and never leaving the house for 5 years, Bin Laden called the U.S. Navy Seals himself.
nutballs
Administrator
Lifer
*****
Online Online

Posts: 5604


Back in my day we had 9 planets


View Profile
« Reply #21 on: June 30, 2008, 02:50:50 PM »

html = page layout
css = styling

i meet a few web-folks every now and then, in a few meetandgreets that I have gone to, and i hear two things always. when we exchange "what do you do?", I either get:
Oh I'm a web programmer! I ask, what language? reply, HTML and CSS...
OR
I say, I am a web programmer (because the stupid level is high in the room), and the reply i get is "oh you do HTML!"

bah fuck it. from now on, "what do you do?"
reply: I both destroy and build your internets depending on my mood and paying workload that day...
Logged

I could eat a bowl of Alphabet Soup and shit a better argument than that.
vsloathe
vim ftw!
Global Moderator
Lifer
*****
Offline Offline

Posts: 1669



View Profile
« Reply #22 on: June 30, 2008, 08:01:27 PM »

Just tell them you're a developer. Generally, my ability to replicate the Mars Rover's AI in a single regex string off the top of my head on a sticky note makes them realize how stupid they are.
« Last Edit: June 30, 2008, 08:03:09 PM by vsloathe » Logged

hai
perkiset
Olde World Hacker
Administrator
Lifer
*****
Online Online

Posts: 9791



View Profile
« Reply #23 on: June 30, 2008, 08:13:08 PM »

WHOA! VS is a REGEX programmer!
Logged

It is now believed, that after having lived in one compound with 3 wives and never leaving the house for 5 years, Bin Laden called the U.S. Navy Seals himself.
vsloathe
vim ftw!
Global Moderator
Lifer
*****
Offline Offline

Posts: 1669



View Profile
« Reply #24 on: July 01, 2008, 08:13:36 AM »

hey, shurrup
Logged

hai
Pages: 1 [2]
  Print  
 
Jump to:  

Perkiset's Place Home   Best of The Cache   phpMyIDE: MySQL Stored Procedures, Functions & Triggers
Politics @ Perkiset's   Pinkhat's Perspective   
cache
mart
coder
programmers
ajax
php
javascript
Powered by MySQL Powered by PHP Powered by SMF 1.1.2 | SMF © 2006-2007, Simple Machines LLC
Seo4Smf v0.2 © Webmaster's Talks


Valid XHTML 1.0! Valid CSS!