friendsterTalk - Friendster Forum

friendsterTalk - Friendster Forum

Welcome guest! Please Login or Register.

#21  2008-09-24 09:29:54

ericajoyce2003
 erica.17
ericajoyce2003's display avatar
» FriendsterManiac
live..love then LAUGH! xD
Location: 2400ft under
Registered: 2007-08-19
Posts: 646
Last visit: Yesterday
Reputation: 9
Friendster

Re: Css Two Column and Three Column Layout

the preview image not working?


#22  2008-09-24 14:46:45

Dark Shadow
 Dark Shadow
Dark Shadow's display avatar
» FriendsterTalker
The Betrayer, Smart, Cool
Artwork 101
Location: Pits of Hell
Registered: 2008-09-16
Posts: 200
Last visit: Yesterday
Reputation: 96
Friendster

Re: Css Two Column and Three Column Layout

wow
nice
thanks 4 sharing

#23  2008-09-24 17:57:29

eehjhay
 eehjhay
eehjhay's display avatar
» Retired Moderator
What can I put in here?
Class X
Location: Liverpool NSW AU
Registered: 2007-02-13
Posts: 4636
Last visit: Yesterday
Reputation: 131
Friendster

Re: Css Two Column and Three Column Layout

I don't get this. Is this for overlays? Im sure it is.

And if you really want to have multiple columns, you should use table instead of div (either with or without borders).


The way the codes look, you put one box (div) in an absolute position, then another one without defining the position but putting a large margin on its side so the second box will be placed on right next to the previous one.

You didn't explain your topic or gave proper instruction for this trick. For example what this trick for? Is it for overlay or css? Or where should they put those codes. etc.



#24  2008-10-14 16:03:43

milfiel1424
 fhaye
milfiel1424's display avatar
» FriendsterNewbie
shHHhhH...
Black n Pink Guild
Location: CaViTe ciTY
Registered: 2008-08-05
Posts: 79
Last visit: 2008-12-05
Reputation: 4
Friendster

Re: Css Two Column and Three Column Layout

tnx 4 sharng..:)

#25  2008-10-15 01:51:41

von211
 Von
von211's display avatar
» FriendsterTalker
->evil spirit<-
Location: city of lost soul
Registered: 2008-09-14
Posts: 290
Last visit: Yesterday
Reputation: 13
Friendster

Re: Css Two Column and Three Column Layout

jeez tnx for the share muah hahaha:wallbash:



hate me stab me kill me but dont be so harsh or ill kill you to! suckarz

#26  2008-10-15 04:38:21

melan.cholia
 melan.cholia
melan.cholia's display avatar
» FriendsterNewbie
* fvck off you bitch!
Location: phils.
Registered: 2008-06-24
Posts: 31
Last visit: 2009-01-07
Reputation: 1
Friendster

Re: Css Two Column and Three Column Layout

preview please. =|


melt my face. burn my hair. i'm your doll. i'm your slave.
iM PARANOiA'S DOLL

#27  2008-10-21 08:23:34

karencayetano
» FriendsterNewbie
Registered: 2008-10-21
Posts: 1
Last visit: 2008-10-21
Reputation: ~

Re: Css Two Column and Three Column Layout

hi where i can i post this codes? thanks

#28  2008-10-21 10:38:07

aziez
aziez's display avatar
» FriendsterNewbie
Registered: 2008-03-02
Posts: 71
Last visit: 2008-11-09
Reputation: ~

Re: Css Two Column and Three Column Layout

nice code eui
thanks for sharing and i have to try it :D



#29  2008-10-23 15:13:14

RjayBarrientos
 RJAY
RjayBarrientos's display avatar
» Banned
Location: Deparo Rd.
Registered: 2008-10-01
Posts: 36
Last visit: 2008-10-24
Reputation: ~
Friendster

Re: Css Two Column and Three Column Layout

where can i put the codes??


>>Friendster GEEK.. :D



">I will be a website designer someday<"

#30  2008-10-23 16:53:46

bobcbar
 Bob
bobcbar's display avatar
» SuperFriendster
Gee Back to Work
Location: Texas USA
Registered: 2007-04-08
Posts: 9895
Reputation: 292
Friendster

Re: Css Two Column and Three Column Layout

RjayBarrientos wrote:

where can i put the codes??

In ur external css file. =)


#31  2008-10-23 21:41:34

irishsandy
» FriendsterNewbie
Registered: 2008-09-17
Posts: 1
Last visit: Yesterday
Reputation: ~

Re: Css Two Column and Three Column Layout

ajhay12 wrote:

<html> <head> <title>Three Column CSS Layout with Header</title> <style type="text/css"> body { margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } #header { margin: 20px; padding: 10px; height: 100px; } #left { position: absolute; left: 15px; top: 160px; width: 200px; } #center { top: 0; margin-left: 230px; margin-right: 230px; } #right { position: absolute; right: 15px; top: 160px; width: 200px; } </style> </head> <body> <div id="header"> Your header will go here. You can place images, text links, etc. in this div. To change the properties of this div you can change the #header selector in the style sheet that is located on this page between the head tags. </div> <div id="left"> Your left menu will go here. You can place images, text links, etc. in this div. To change the properties of this div you can change the #left selector in the style sheet that is located on this page between the head tags. </div> <div id="center"> All of your content goes in this div. This section is fluid so that if the window is collapsed, your div will collapse also and fit the screen perfectly. To change the properties of this div you can change the #center selector in the style sheet that is located on this page between the head tags. </div> <div id="right"> Your right menu will go here. You can place images, text links, etc. in this div. To change the properties of this div you can change the #right selector in the style sheet that is located on this page between the head tags. </div> </body> </html>

#32  2008-10-24 04:56:32

switpotato
 .M.O.N.I.X.
switpotato's display avatar
» FriendsterWhiz
dcrazier dbetter bxtreme
Class X
Location: HubbieHubbieLand
Registered: 2007-05-23
Posts: 3071
Reputation: 303

Re: Css Two Column and Three Column Layout

bobcbar wrote:

RjayBarrientos wrote:
where can i put the codes??
In ur external css file.

no bob... this is not really css tricks for non overlay user..

its a html...
meaning applicable for overlaying
u may see this tricks at ask lisa .com


   
my official site>>    http://switpotato.ucoz.com/
theres nothing wrong at making mistakes..
whats wrong is letting it stay as a mistake without the effort of making it right

#33  2008-10-27 10:07:30

eshrak03
 eshrak kaulitz
eshrak03's display avatar
» FriendsterNewbie
ich liebe dich
Naruto Fanz-ShinobiElite
Location: germany
Registered: 2008-08-24
Posts: 6
Last visit: 2009-01-06
Reputation: ~
Friendster

Re: Css Two Column and Three Column Layout

can you give me some example here <div id="content">content goes here</div>? i really don`t understand it.:(




#34  2008-12-04 06:26:08

jsnx7
» FriendsterNewbie
Registered: 2008-02-10
Posts: 1
Last visit: 2008-12-06
Reputation: ~

Re: Css Two Column and Three Column Layout

how am i going to use this code by d way - im a SUPER NOOB...
hope you'll reply soon... - pls:(:(:(

#35  2008-12-04 07:47:04

Eliot Kid
 Niqo Hugo
Eliot Kid's display avatar
» FriendsterManiac
Punks Not DEAD!
Friendstertalk University
Location: Philippines
Registered: 2008-11-26
Posts: 630
Last visit: 2009-01-04
Reputation: 14
Friendster

Re: Css Two Column and Three Column Layout

:arrow: Any preview


#36  2008-12-05 10:18:00

hannah_19
 airel
hannah_19's display avatar
» FriendsterNewbie
Alchemy Explicit AE
Location: cavite
Registered: 2008-06-01
Posts: 37
Last visit: Yesterday
Reputation: 1
Friendster

Re: Css Two Column and Three Column Layout

^nice it's like having an overlay.. but since can u fix up the sc's? :eh:

by the way thanks for sharing this simple tutorial.. :):thumbsup:




i find to much hard to face my problems. :[[

#37  2008-12-05 11:34:14

`eMovoN
 vonXtian
`eMovoN's display avatar
» FriendsterFreak
^purple or violet?!
Friendstertalk University
Registered: 2007-12-31
Posts: 1519
Reputation: 36
Friendster

Re: Css Two Column and Three Column Layout

i guess its better if u put
some screeshot
or live preview :D




i'm the very 1st mr FU :D
[daiz,vonXtian and dess are the biggest star of FU!]

Search Friendstertalk

Board footer

FriendsterTalk is not affiliated with Friendster.com
Copyright © 2002–2009 PunBB

[ 8 queries - 0.062 second ]

Pay Per Click Ads by pay per click advertising by Kontera

FriendsterTalk.com x

Welcome to FriendsterTalk! You'll need to login in order to fully use all the features and view all the sections of this site.

Please register if you're not yet a member. =)