KYKK Posted November 11, 2007 Share Posted November 11, 2007 So I need help with create the left and right bar ... like the left bar have links ... it call region start, end ... and idk how i read the w3school example but it not working !! and i did not say where i put stuff that i want to put in each region.. help please .. see if you understand what i asking! Link to comment Share on other sites More sharing options...
Ingolme Posted November 11, 2007 Share Posted November 11, 2007 I don't really understand your question. Are you trying to define a page layout? And what w3schools example are you referring to? Link to comment Share on other sites More sharing options...
KYKK Posted November 11, 2007 Author Share Posted November 11, 2007 like blue red and green blue boxed place the left body and right you understand Link to comment Share on other sites More sharing options...
KYKK Posted November 11, 2007 Author Share Posted November 11, 2007 like a table but the size is locked how can i do that?? Link to comment Share on other sites More sharing options...
jlhaslip Posted November 11, 2007 Share Posted November 11, 2007 Design a 3 column lay-out and set the width in absolute sizes, like pixels or ems instead of percentages. Link to comment Share on other sites More sharing options...
Ingolme Posted November 11, 2007 Share Posted November 11, 2007 Something like this:This goes within the <head>: <style type="text/css">.main {width: 760px;}.left {position: absolute;left: 0px;width: 20%;}.right {position: absolute;right: 0px;width: 20%;}.mid {position: absolute;left: 21%;width: 78%;}</style> This goes withint the <body>: <div class="main">Title goeas here<div style="position: relative"><div class="left">This is a left column</div><div class="mid">This is the middle column</div><div class="right">This is a right column</div></div></div> Link to comment Share on other sites More sharing options...
jlhaslip Posted November 11, 2007 Share Posted November 11, 2007 http://jlhaslip.trap17.com/samples/templat...flex/index.html Link to comment Share on other sites More sharing options...
KYKK Posted November 11, 2007 Author Share Posted November 11, 2007 Thanks ! but i use ingolme's and it overlay like this and jihasslip's not working i go to the webpage and i go to view source and i try it and everything stay on the left not like yours .... why ... Link to comment Share on other sites More sharing options...
Ingolme Posted November 11, 2007 Share Posted November 11, 2007 The problem is that you've put some content that does not fit inside the left column. If you space out all the words it should fit fine. If you'd rather a horizontal scrollbar appears try this:div {overflow: auto;}If you would rather it was hidden you can try this:div {overflow: hidden;} Link to comment Share on other sites More sharing options...
KYKK Posted November 11, 2007 Author Share Posted November 11, 2007 can can it locked ?? like it automatic go down like enter .. ? Link to comment Share on other sites More sharing options...
Ingolme Posted November 11, 2007 Share Posted November 11, 2007 No, you can't make a single word be cut in order to fit a line. That's just the way things are on the internet. But usually you won't need a word so long as to escape the container. Link to comment Share on other sites More sharing options...
Synook Posted November 12, 2007 Share Posted November 12, 2007 can can it locked ?? like it automatic go down like enter .. ?Uh... the term is "wrap" and as Ingolme said you cannot wrap a single word onto multiple lines. Try adding some spaces and seeing what happens. Link to comment Share on other sites More sharing options...
jlhaslip Posted November 13, 2007 Share Posted November 13, 2007 I'll bet you didn't grab the CSS file that goes with it...http://jlhaslip.trap17.com/samples/templat.../3_col_flex.css Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.