|
Your time now: Mon Nov 23, 2009 12:50 pm
|
View unanswered posts | View active topics
| Author |
Message |
|
Lami[CZE]
|
Post subject: My CSS - UPDATED! Posted: Tue Aug 17, 2004 12:57 am |
|
Joined: Tue Aug 17, 2004 12:51 am Posts: 12 Location: Czech Republic
|
Updated, i think much better
Code: /* Dark style */
body { position: relative; margin: auto; width: 750px; background: #605050; color: #D7CECE; }
#header { position: relative; margin: 0px auto; padding: 10px 0px 10px 0px; top: 10px; border-right: 5px solid #000000; border-top: 3px solid #000000; border-left: 1px solid #000000; border-bottom: 1px solid #000000; }
#main { position: absolute; width: 488px; left: 246px; top: 150px; padding: 5px; border-right: 5px solid #000000; border-top: 3px solid #000000; border-left: 1px solid #000000; border-bottom: 1px solid #000000; }
#menu { position: absolute; top: 150px; width: 230px; border-right: 5px solid #000000; border-top: 3px solid #000000; border-left: 1px solid #000000; border-bottom: 1px solid #000000; }
a { font-family: verdana, sans-serif; font-size: 0.8em; color: #D7CECE; text-decoration: underline; border-left: 3px solid #605050; border-right: 3px solid #605050; }
a:hover { text-decoration: none; border-left: 3px solid #FF0000; border-right: 3px solid #FF0000; }
ul { margin-top: 20px; margin-bottom: 20px; }
li.gb { list-style-position: inside; font-family: georgia, sans-serif; font-size: 0.8em; padding: 0px; margin: 0px; color: #CBC7C7; }
li.type1 { list-style-position: inside; font-family: verdana, sans-serif; font-size: 0.8em; padding: 0px; margin: 0px; }
li.type2 { list-style-position: outside; font-family: georgia, sans-serif; font-size: 0.9em; padding: 0px; margin: 0px; }
H1 { font-family: tahoma, sans-serif; font-size: 1em; text-align: center; color: #D7CECE; }
H2 { font-family: tahoma, sans-serif; font-size: 0.8em; text-align: center; color: #D7CECE; }
table { margin: auto; border-collapse: collapse; }
table#calendar { border-collapse: separate; }
td { font-family: georgia, sans-serif; font-size: 0.7em; color: #FFFFFF; background-color: transparent; border: 1px solid #201C1C; padding: 3px; }
td.gb { border: none; border: 1px solid #605050; }
td.calendar-bad-month{ background-color: transparent; }
td#calendar-today{ font-weight: bold; border: 1px solid #0000FF; }
td.calendar-event{ font-weight: bold; border: 1px solid #FF0000; }
th { font-family: georgia, sans-serif; font-size: 0.7em; color: #D7CECE; background: transparent; border: 1px solid #201C1C; vertical-align: middle; padding-left: 3px; padding-right: 3px; }
select { width: 75px; color: #FFFFFF; background: #000000; border: none; }
input { background: transparent; width: 75px; color: #D7CECE; border: none; }
input.gb { width: 300px; }
img { background-color: transparent; border: none; }
textarea { background-color: transparent; color: #FFFFFF; border: none; }
span.about { color: #FFFFFF; font-weight: bold; border: #333333 1px solid; font-family: verdana; font-size: 0.8em; }
You can see it at
http://3nigma.php5.cz[/url]
_________________ ::: PHP/CSS webmaster - beginner - as Czech ET clan ::: http://3nigma.php5.cz
Last edited by Lami[CZE] on Tue May 31, 2005 1:16 am, edited 2 times in total.
|
|
| Top |
|
 |
|
ebba
|
Post subject: Posted: Tue Aug 17, 2004 10:09 am |
|
Joined: Mon Aug 16, 2004 8:37 pm Posts: 25
|
|
Great you posted this, Im gonna learn CSS soon and It is always good to see realy exampels. Thanks alot.
|
|
| Top |
|
 |
|
nighthawk
|
Post subject: Posted: Fri Jul 07, 2006 10:19 pm |
|
 |
| 250+ Club |
 |
Joined: Sun Jun 11, 2006 2:53 pm Posts: 420 Location: SFRJ
|
|
I'm a beginner at CSS, what's the difference between position: absolute; and position: relative; ?
|
|
| Top |
|
 |
|
johneva
|
Post subject: Posted: Fri Jul 07, 2006 11:12 pm |
|
 |
| 500+ Club |
 |
Joined: Sat Oct 29, 2005 2:16 pm Posts: 563 Location: Stafford, England
|
|
Relative is eaxcly as it says it is reative to other sizes.
Meaning it depends on the size of somethig else to what it's position or size is.
Absolute positioning is generally a bad idea cos when you veiw it in diffrent res screens it still stays the same position as you told it to be but other things will have moved, so it looks a right mess.
_________________
Only God Can Judge Me.
|
|
| Top |
|
 |
|
C@L
|
Post subject: Posted: Sat Jul 08, 2006 1:41 am |
|
 |
| 250+ Club |
 |
Joined: Fri May 13, 2005 7:36 pm Posts: 445 Location: Lpool, England
|
|
not really john
if you set the padding to the same size as the width of the other columns then it should all expand and contract nicely
_________________
|
|
| Top |
|
 |
|
johneva
|
Post subject: Posted: Sat Jul 08, 2006 1:59 am |
|
 |
| 500+ Club |
 |
Joined: Sat Oct 29, 2005 2:16 pm Posts: 563 Location: Stafford, England
|
|
Yeah aslong as the width is fixed too.
But if you mix relative and fixed then your gonna have big problems and in my opinion fixed widths suck.
Sorry Razz I know you use fixed width for DEVPPL and your site rocks.
_________________
Only God Can Judge Me.
|
|
| Top |
|
 |
|
webmaster
|
Post subject: Posted: Sat Jul 08, 2006 9:23 am |
|
 |
| Site Admin |
 |
Joined: Tue Aug 17, 2004 2:07 pm Posts: 2554 Location: Sweden
|
johneva wrote: Sorry Razz I know you use fixed width for DEVPPL and your site rocks.
As long as you do it right, there aren't any problems with fixed width. (I've just one more thing to fix, the forum can break the layout if you post long words without spaces, for example long URLs, but that will be fixed in the next version).
|
|
| Top |
|
 |
|
knifeinback
|
Post subject: Posted: Sat Jul 28, 2007 5:26 am |
|
 |
| 100+ Club |
 |
Joined: Fri Jul 27, 2007 11:41 am Posts: 136 Location: 4170: Brisbane
|
johneva wrote: Yeah aslong as the width is fixed too.
But if you mix relative and fixed then your gonna have big problems and in my opinion fixed widths suck.
Sorry Razz I know you use fixed width for DEVPPL and your site rocks.
Why would you mix?
There is no need to if you have the brain to overcome the problem/s.
I was always taught not to mix, mainly for this reason I guess.
I always use absolute.
_________________ Keep Your Dicks In Your Pants, Scumbags.
---
http://www.myspace.com/upug
http://www.myspace.com/keepyourdistancemag (under construction)
http://www.last.fm/user/knifeinback
|
|
| Top |
|
 |
|
knifeinback
|
Post subject: Posted: Sat Jul 28, 2007 5:28 am |
|
 |
| 100+ Club |
 |
Joined: Fri Jul 27, 2007 11:41 am Posts: 136 Location: 4170: Brisbane
|
webmaster wrote: johneva wrote: Sorry Razz I know you use fixed width for DEVPPL and your site rocks. As long as you do it right, there aren't any problems with fixed width. (I've just one more thing to fix, the forum can break the layout if you post long words without spaces, for example long URLs, but that will be fixed in the next version).
hahaha, yes.. I noticed that a few times on the forum.
Try something like maximum-width 
_________________ Keep Your Dicks In Your Pants, Scumbags.
---
http://www.myspace.com/upug
http://www.myspace.com/keepyourdistancemag (under construction)
http://www.last.fm/user/knifeinback
|
|
| Top |
|
 |
|
Page 1 of 1
|
[ 9 posts ] |
|
Who is online |
Users browsing this forum: No registered users and 0 guests |
|
You cannot post new topics in this forum You cannot reply to topics in this forum You cannot edit your posts in this forum You cannot delete your posts in this forum You cannot post attachments in this forum
|
|
|