Jul 9, 2008

Makeing A Div Thing Go From Top To Bottom, - regardless of its content.

Free Web Hosting, No Ads > CONTRIBUTE > Computers > Programming Languages > HTML, XML etc..

free web hosting

Makeing A Div Thing Go From Top To Bottom, - regardless of its content.

sxyloverboy
ok so i dont really know how to call this so if someone know a better title please let some mods change it.

I want to make a site that goes 100% page diagonaly. and has a border image left and right. since this probably makes no sense at all ill show you the page i designed in Macromedia Fireworks and maybe you will understand.

user posted image

i hope someone can help me.


Reply

jlhaslip
Hi,

I need some more info and then maybe I'll be able to send you a little something.

Need to know if the page you are looking needs to be css ?

Know what I mean? because a have an old, table based page that might work for you... well a mixed bay of a page that got caught in the transition between thinking tables were the slickest thing since sliced bread and now understanding the strength and value of a w3 compliant css page.
So, let me know if that would work.

Reply

nelimitat
This thing that you want to do with the 'div' stuff can be done enough easy. I use namo webeditor as a html editor and it have this effect too. you can check for this in the effects menu. it actually adds a layer and an effect as a javascript.

you could check google for free javascripts or go directly to one of those two great sites:
- www.dynamicdrive.com
- www.hotscripts.com

you'll find very useful scripts in there; they are easy to apply in your html page and come with detalied instructions to be easy for you. you can also view a demo of some of the scripts.

Reply

reatum
I think you should be able to do something pretty easy with css.
set 3 main classes
.borderImg {
float:left;
width:15%;
height:100%;
}
.content {
float:left;
width:70%;
height:100%;
}
.spacer {
clear:both;
}

and then arrange them like so
CODE

<div class=spacer></div>
<div class=borderImg>Put your left border img here</div>
<div class=content>Put your content here</div>
<div class=borderImg>Put your left border img here</div>
<div class=spacer></div>

that separate the page into 3 parts for you with minimal styling..
let me know if this helps

Reply



Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

(Maximum characters: 10,000)
You have characters left.
Confirm Code:

Recent Queries:-
  1. cache:4ffs5wjczfsj:www.trap17.com/forums/makeing-div-thing-go-top-bottom-t27848.html go to top div - 683.21 hr back.
Similar Topics

Keywords : makeing, div, thing, top, bottom, content

  1. How To Make Cms For My Dynamic Website?
    A Content Management System (3)
  2. Html Help: Div Cuts Off Unexpectedly
    html bug: failure to encompass all content (6)
    Hey guys, I'm making a new template because I decided that I needed a much simpler one that
    goes with the times. Template here: http://nerdnirvana.org/newlay0ut/v3.htm As you can see,
    everything looks fine, but if the content area is smaller in length than the sidebar, then the
    layout screws up because the layout refuses to expand to encompass everything. Link:
    http://nerdnirvana.org/newlay0ut/comments.htm Does anyone know what I can do so that the layout
    expands if necessary? I tried clearing the div, but that doesn't help. Thanks!....
  3. Getting An Image To Scroll On With Content
    (13)
    ok, well i had had people review Hogwartsmagic.net and they said that i should get it to not be one
    huge image as a layout..and i have figured most of it out and it has proven sucessful! but now i
    am having diffuclty, i am pretty much only a basicl HTML kinda person... and i was wondering if
    anyone knows an html code that will allow one image to scroll the entire length of a pages content?
    for example, if i were to add 200 links to the right navigation..the image would go with the
    content.. i am testing it out here HERE any help would be much appreciated....
  4. Getting Content From A Different File
    (4)
    Hey, I think this would be simple to html programmers.. but not to me. I got a website template to
    make it easy, and there are boxes at the side that i can just put text in. But what I put in these
    boxes I want to appear on every page of the site. So by doing that i put a piece of code in telling
    it to get the text content from an external file. How would I do this? Here is the string at the
    moment. Code: CODE <TD COLSPAN=3 background="images/image_45.jpg"><div
    align="center"><font color="#FF8000" size="2" face=....
  5. Box Content
    how do i create some? (5)
    /wink.gif' border='0' style='vertical-align:middle' alt='wink.gif' /> i want to know how to
    create a box content? and how to make them with color i dont need to know the color codes like
    #000000 i know that /smile.gif' border='0' style='vertical-align:middle' alt='smile.gif' /> i
    just want to know how to make a box content to but text inside ect. Thanks for your help.
    -Microsoft....
  6. Page Content Shifts In Different Browsers
    (4)
    The content on my pages either shifts or looks recognizably different between IE and Mozilla Firefox
    browsers. I formatted the text with css classes hopping that might help. However, that didn't
    help this problem. The page doesn't look the same in IE and Mozilla Firefox. What can I do to
    fix this? Thanks, kvarnerexpress ....

    1. Looking for makeing, div, thing, top, bottom, content

Searching Video's for makeing, div, thing, top, bottom, content
advertisement



Makeing A Div Thing Go From Top To Bottom, - regardless of its content.



 

 

 

 

ADD REPLY / Got an Opinion! Remove these ADs! RAPID SEARCH! Free Web Hosting [X]
Express your Opinions, Thoughts or Contribute more info. to help others.
Ask your Doubts & Queries to get answers, So that "Together We can help others!"
Register FREE for AD-FREE forum, Create your own topics, Ask Questions, track topics, setup subscriptions & notifications and Get a Free Website w/ Email and FTP.
500MB Space *No Ads*, CPanel, FTP, PHP, MySQL, EMails - 100% FREE