Log In · Register

 
Column
funride
post Jun 29 2009, 01:31 PM
Post #1


Funride.org
*****

Group: Member
Posts: 326
Joined: Jul 2007
Member No: 542,299
CODE
<title>Premade #2</title>
<html>
<style type="text/css">

body{background-color: #000000;
background-image:url();
background-image: repeat;
color: #000000;
font-family: century gothic;
font-size: 12px;}

#content{
position: absolute;
overflow: hidden;
top:405px;
left: 280;
width: 475px}

#siteupdates{
position: absolute;
overflow: hidden;
top: 405px;
left: 50px;
width: 200px}

#navigation{
postition: absolute;
overflow: hidden;
top: ;
left: ;
width: ;}


.scroll {
width:475px;
height:175px;
overflow:auto;
}





.scrolltwo {
width:200px;
height:50px;
overflow:auto;

}

.scrollthree {
width: 200px;
height: 200px;
overflow: auto;

}



h1{
color:#000000;;
font-family: Courier New;
background-image: url();
font-size: 30px;}
h1:first-letter {
color: #D432F6;
border-left: 1px dashed #000000;
}

h2{
color:#000000;
font-family: Courier New;
border: 0px solid; border-color: #ffffff;
background-image: url();
font-size: 15px;
border-left: 1px dashed #000000;
letter-spacing: 1px;
text-transform: uppercase;}
h2:first-letter {
color: #ffffff;
}


#banner{
position: absolute;
top: 0px;
left: 0px;
width: 301px}

#content h1 { margin-left: 0px;
text-align: left; }
#content p { margin-left: 0px;
width: 300px; }

.menu, a.menu:link, a.menu:active, a.menu:visited{
color: #ffffff;
background-image: url();
font-family: verdana;
font-size:9px;
letter-spacing:2px;
text-transform: lowercase;
line-height: 9px;
text-align: left;
width:85px;
padding:2px;
display: block;
border:1px dashed #202020; margin-bottom:2px;
}

a.menu:hover{
color: #330000;

font-family: century-gothic;
font-size:9px;
font-style: bold;
font-weight: none;
text-decoration: none;
text-transform: uppercase;
line-height:9px;
text-align: right;
width:85px;
letter-spacing:2px;
text-transform: lowercase;
padding:2px;
display: block;
border:1px dashed #414141; margin-bottom:2px;
}








</style>

<div id="banner">
<img src="http://i40.tinypic.com/bf29vs.png">
</div>


<div id="content">

<div class="scroll">
<h1>Heading</h1>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed auctor facilisis accumsan. Donec interdum, nisi a pretium adipiscing, nisi odio accumsan elit, vel commodo ligula mi at nulla. Curabitur ultricies facilisis dui, nec fermentum sem vulputate sed. Curabitur sed velit in lacus rutrum viverra sit amet sed est. Mauris lacinia cursus sapien vel suscipit. Fusce erat arcu, tristique sit amet vulputate sit amet, mollis id orci. Vivamus volutpat augue sit amet odio cursus non blandit magna congue. Vivamus porttitor adipiscing sem ac pellentesque. Etiam molestie, magna eu vehicula imperdiet, lectus nisi pretium eros, non dignissim nunc lectus nec ligula. Etiam purus quam, dignissim sit amet posuere et, fringilla sed felis. Integer feugiat turpis nec nunc bibendum eu facilisis nibh rutrum. Nam fermentum fermentum elit in volutpat. Aliquam tristique eros sed orci rutrum et condimentum eros porta. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi leo elit, consequat at luctus vitae, sodales vitae dui. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed nulla neque, laoreet vel vestibulum nec, faucibus non risus. Curabitur porttitor, dui at laoreet tincidunt, est turpis congue ligula, eget ullamcorper leo lorem ac nunc. Duis non porta justo.

Praesent pharetra metus nec lorem ornare vulputate. Aenean a lobortis tellus. Praesent congue sagittis lobortis. Sed euismod massa id nisl euismod fringilla. Etiam consequat condimentum velit, et tempor turpis aliquet sed. Phasellus at erat ac nisl vulputate luctus. In viverra, justo molestie blandit imperdiet, turpis arcu sollicitudin elit, ut mattis lorem felis sit amet ipsum. Phasellus sed eros arcu, vitae ullamcorper nulla. Vestibulum in lorem ligula. Vestibulum a bibendum sapien.

Aliquam pharetra blandit ligula vitae dignissim. Maecenas hendrerit est sit amet mauris pellentesque fermentum. Etiam massa eros, eleifend bibendum tempus sed, facilisis sit amet justo. Nam malesuada porta tristique. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc eget sem dui, et rutrum mi. Etiam at nibh vitae nisi suscipit vestibulum. Nulla porttitor libero et felis ultricies vel ornare eros suscipit. Nulla nec scelerisque sem. Mauris ut magna ultrices risus semper dignissim. Mauris dapibus, nulla ac volutpat pulvinar, enim ligula aliquam felis, id laoreet turpis erat sed nulla. Aenean id dolor sit amet libero mattis laoreet ac vel dui. Proin sed nisl mi, vel vestibulum ante. In mollis nunc vel orci dictum non dignissim elit fringilla. Cras dui diam, commodo id porta tempus, tincidunt vitae neque. Curabitur sollicitudin rhoncus rhoncus.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut accumsan mollis diam convallis pharetra. Phasellus porta condimentum mattis. Maecenas venenatis leo vel erat convallis eu dictum enim feugiat. Curabitur rhoncus, enim nec sodales tempus, purus purus tincidunt metus, in ornare odio elit quis neque. Etiam feugiat elit quis nisi elementum tristique. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nec turpis tortor, sed lobortis diam. Nam vitae est sem. Nullam et magna vitae mauris pharetra gravida. Vestibulum tempus porta nibh. Quisque a mauris at justo consequat viverra et eget quam. Suspendisse suscipit placerat turpis, a pharetra ligula feugiat sed. Nulla eget nulla suscipit nisi rhoncus sollicitudin non quis mauris. Sed et nisl tellus. Phasellus dignissim massa et massa pretium auctor. Nam id ligula id massa sollicitudin varius eget sed est. Sed nec erat felis, vel tincidunt ipsum.

Suspendisse sit amet condimentum magna. Aliquam at massa et ipsum dignissim ullamcorper. Integer ut malesuada neque. Donec aliquet vehicula purus, ut fringilla magna ornare a. Mauris ultricies euismod dolor sed blandit. Vestibulum luctus, urna eget ultrices iaculis, lectus dui varius magna, quis sollicitudin nunc risus ut sapien. Aenean ante enim, dictum quis elementum eu, convallis non risus. Vestibulum in dolor turpis, a accumsan ante. Maecenas in fermentum enim. Aliquam congue felis quis neque sollicitudin sollicitudin. Fusce posuere elementum ornare. Nulla imperdiet turpis at ipsum interdum at posuere ligula vehicula. Proin hendrerit, nisl vitae imperdiet malesuada, tortor lorem ultrices sapien, ac viverra ligula metus a ante. Vivamus pellentesque nisi non tortor eleifend eu varius libero auctor. Aliquam adipiscing mollis imperdiet. Nam nisl tellus, lacinia vitae imperdiet sed, dapibus nec felis. Cras purus nisl, condimentum sed hendrerit id, congue a ligula. Suspendisse ac nunc fringilla felis cursus semper fermentum id quam.

</div></div>




<div id="siteupdates">
<div class="scrolltwo">
<h2>Heading </h2>


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed auctor facilisis accumsan. Donec interdum, nisi a pretium adipiscing, nisi odio accumsan elit, vel commodo ligula mi at nulla. Curabitur ultricies facilisis dui, nec fermentum sem vulputate sed. Curabitur sed velit in lacus rutrum viverra sit amet sed est. Mauris lacinia cursus sapien vel suscipit. Fusce erat arcu, tristique sit amet vulputate sit amet, mollis id orci. Vivamus volutpat augue sit amet odio cursus non blandit magna congue. Vivamus porttitor adipiscing sem ac pellentesque. Etiam molestie, magna eu vehicula imperdiet, lectus nisi pretium eros, non dignissim nunc lectus nec ligula. Etiam purus quam, dignissim sit amet posuere et, fringilla sed felis. Integer feugiat turpis nec nunc bibendum eu facilisis nibh rutrum. Nam fermentum fermentum elit in volutpat. Aliquam tristique eros sed orci rutrum et condimentum eros porta. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi leo elit, consequat at luctus vitae, sodales vitae dui. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed nulla neque, laoreet vel vestibulum nec, faucibus non risus. Curabitur porttitor, dui at laoreet tincidunt, est turpis congue ligula, eget ullamcorper leo lorem ac nunc. Duis non porta justo.

Praesent pharetra metus nec lorem ornare vulputate. Aenean a lobortis tellus. Praesent congue sagittis lobortis. Sed euismod massa id nisl euismod fringilla. Etiam consequat condimentum velit, et tempor turpis aliquet sed. Phasellus at erat ac nisl vulputate luctus. In viverra, justo molestie blandit imperdiet, turpis arcu sollicitudin elit, ut mattis lorem felis sit amet ipsum. Phasellus sed eros arcu, vitae ullamcorper nulla. Vestibulum in lorem ligula. Vestibulum a bibendum sapien.

Aliquam pharetra blandit ligula vitae dignissim. Maecenas hendrerit est sit amet mauris pellentesque fermentum. Etiam massa eros, eleifend bibendum tempus sed, facilisis sit amet justo. Nam malesuada porta tristique. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc eget sem dui, et rutrum mi. Etiam at nibh vitae nisi suscipit vestibulum. Nulla porttitor libero et felis ultricies vel ornare eros suscipit. Nulla nec scelerisque sem. Mauris ut magna ultrices risus semper dignissim. Mauris dapibus, nulla ac volutpat pulvinar, enim ligula aliquam felis, id laoreet turpis erat sed nulla. Aenean id dolor sit amet libero mattis laoreet ac vel dui. Proin sed nisl mi, vel vestibulum ante. In mollis nunc vel orci dictum non dignissim elit fringilla. Cras dui diam, commodo id porta tempus, tincidunt vitae neque. Curabitur sollicitudin rhoncus rhoncus.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut accumsan mollis diam convallis pharetra. Phasellus porta condimentum mattis. Maecenas venenatis leo vel erat convallis eu dictum enim feugiat. Curabitur rhoncus, enim nec sodales tempus, purus purus tincidunt metus, in ornare odio elit quis neque. Etiam feugiat elit quis nisi elementum tristique. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nec turpis tortor, sed lobortis diam. Nam vitae est sem. Nullam et magna vitae mauris pharetra gravida. Vestibulum tempus porta nibh. Quisque a mauris at justo consequat viverra et eget quam. Suspendisse suscipit placerat turpis, a pharetra ligula feugiat sed. Nulla eget nulla suscipit nisi rhoncus sollicitudin non quis mauris. Sed et nisl tellus. Phasellus dignissim massa et massa pretium auctor. Nam id ligula id massa sollicitudin varius eget sed est. Sed nec erat felis, vel tincidunt ipsum.

Suspendisse sit amet condimentum magna. Aliquam at massa et ipsum dignissim ullamcorper. Integer ut malesuada neque. Donec aliquet vehicula purus, ut fringilla magna ornare a. Mauris ultricies euismod dolor sed blandit. Vestibulum luctus, urna eget ultrices iaculis, lectus dui varius magna, quis sollicitudin nunc risus ut sapien. Aenean ante enim, dictum quis elementum eu, convallis non risus. Vestibulum in dolor turpis, a accumsan ante. Maecenas in fermentum enim. Aliquam congue felis quis neque sollicitudin sollicitudin. Fusce posuere elementum ornare. Nulla imperdiet turpis at ipsum interdum at posuere ligula vehicula. Proin hendrerit, nisl vitae imperdiet malesuada, tortor lorem ultrices sapien, ac viverra ligula metus a ante. Vivamus pellentesque nisi non tortor eleifend eu varius libero auctor. Aliquam adipiscing mollis imperdiet. Nam nisl tellus, lacinia vitae imperdiet sed, dapibus nec felis. Cras purus nisl, condimentum sed hendrerit id, congue a ligula. Suspendisse ac nunc fringilla felis cursus semper fermentum id quam.
</div></div>

<div id="navigation">
<div class="scrollthree">
<h2>Heading Here</h2>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed auctor facilisis accumsan. Donec interdum, nisi a pretium adipiscing, nisi odio accumsan elit, vel commodo ligula mi at nulla. Curabitur ultricies facilisis dui, nec fermentum sem vulputate sed. Curabitur sed velit in lacus rutrum viverra sit amet sed est. Mauris lacinia cursus sapien vel suscipit. Fusce erat arcu, tristique sit amet vulputate sit amet, mollis id orci. Vivamus volutpat augue sit amet odio cursus non blandit magna congue. Vivamus porttitor adipiscing sem ac pellentesque. Etiam molestie, magna eu vehicula imperdiet, lectus nisi pretium eros, non dignissim nunc lectus nec ligula. Etiam purus quam, dignissim sit amet posuere et, fringilla sed felis. Integer feugiat turpis nec nunc bibendum eu facilisis nibh rutrum. Nam fermentum fermentum elit in volutpat. Aliquam tristique eros sed orci rutrum et condimentum eros porta. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi leo elit, consequat at luctus vitae, sodales vitae dui. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed nulla neque, laoreet vel vestibulum nec, faucibus non risus. Curabitur porttitor, dui at laoreet tincidunt, est turpis congue ligula, eget ullamcorper leo lorem ac nunc. Duis non porta justo.

Praesent pharetra metus nec lorem ornare vulputate. Aenean a lobortis tellus. Praesent congue sagittis lobortis. Sed euismod massa id nisl euismod fringilla. Etiam consequat condimentum velit, et tempor turpis aliquet sed. Phasellus at erat ac nisl vulputate luctus. In viverra, justo molestie blandit imperdiet, turpis arcu sollicitudin elit, ut mattis lorem felis sit amet ipsum. Phasellus sed eros arcu, vitae ullamcorper nulla. Vestibulum in lorem ligula. Vestibulum a bibendum sapien.

Aliquam pharetra blandit ligula vitae dignissim. Maecenas hendrerit est sit amet mauris pellentesque fermentum. Etiam massa eros, eleifend bibendum tempus sed, facilisis sit amet justo. Nam malesuada porta tristique. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc eget sem dui, et rutrum mi. Etiam at nibh vitae nisi suscipit vestibulum. Nulla porttitor libero et felis ultricies vel ornare eros suscipit. Nulla nec scelerisque sem. Mauris ut magna ultrices risus semper dignissim. Mauris dapibus, nulla ac volutpat pulvinar, enim ligula aliquam felis, id laoreet turpis erat sed nulla. Aenean id dolor sit amet libero mattis laoreet ac vel dui. Proin sed nisl mi, vel vestibulum ante. In mollis nunc vel orci dictum non dignissim elit fringilla. Cras dui diam, commodo id porta tempus, tincidunt vitae neque. Curabitur sollicitudin rhoncus rhoncus.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut accumsan mollis diam convallis pharetra. Phasellus porta condimentum mattis. Maecenas venenatis leo vel erat convallis eu dictum enim feugiat. Curabitur rhoncus, enim nec sodales tempus, purus purus tincidunt metus, in ornare odio elit quis neque. Etiam feugiat elit quis nisi elementum tristique. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nec turpis tortor, sed lobortis diam. Nam vitae est sem. Nullam et magna vitae mauris pharetra gravida. Vestibulum tempus porta nibh. Quisque a mauris at justo consequat viverra et eget quam. Suspendisse suscipit placerat turpis, a pharetra ligula feugiat sed. Nulla eget nulla suscipit nisi rhoncus sollicitudin non quis mauris. Sed et nisl tellus. Phasellus dignissim massa et massa pretium auctor. Nam id ligula id massa sollicitudin varius eget sed est. Sed nec erat felis, vel tincidunt ipsum.

Suspendisse sit amet condimentum magna. Aliquam at massa et ipsum dignissim ullamcorper. Integer ut malesuada neque. Donec aliquet vehicula purus, ut fringilla magna ornare a. Mauris ultricies euismod dolor sed blandit. Vestibulum luctus, urna eget ultrices iaculis, lectus dui varius magna, quis sollicitudin nunc risus ut sapien. Aenean ante enim, dictum quis elementum eu, convallis non risus. Vestibulum in dolor turpis, a accumsan ante. Maecenas in fermentum enim. Aliquam congue felis quis neque sollicitudin sollicitudin. Fusce posuere elementum ornare. Nulla imperdiet turpis at ipsum interdum at posuere ligula vehicula. Proin hendrerit, nisl vitae imperdiet malesuada, tortor lorem ultrices sapien, ac viverra ligula metus a ante. Vivamus pellentesque nisi non tortor eleifend eu varius libero auctor. Aliquam adipiscing mollis imperdiet. Nam nisl tellus, lacinia vitae imperdiet sed, dapibus nec felis. Cras purus nisl, condimentum sed hendrerit id, congue a ligula. Suspendisse ac nunc fringilla felis cursus semper fermentum id quam.
</div></div>
</html>


Theres my code, but one of my columns/div thingys wont show the text.
I double checked it, it just wont show it.
I even deleted it and then recoded it.
 
 
 Start new topic
Replies (1 - 3)
HeartOfPandora
post Jun 29 2009, 02:36 PM
Post #2


i like boobies, yes I do. I like boobies - how 'bout you?
*****

Group: Member
Posts: 620
Joined: Jun 2008
Member No: 662,457
Your navigation isn't showing because you didn't specify it's position...

Also, your coding is REALLY messy; I wouldn't even know where to begin cleaning it up. You have extra snippets that you're not even using, and there are way too many divs. For this layout, the very most you'd need is four: a base/wrapper, and one for each section (nav, content, updates).
 
synatribe
post Jun 29 2009, 03:37 PM
Post #3


AIDS at RAVES.
******

Group: Official Designer
Posts: 2,386
Joined: Dec 2007
Member No: 598,878
try adding z-index's to text containers, they might be covered from the layout

so for example:
CODE
.scroll{
z-index:3;
}
 
Mikeplyts
post Jun 29 2009, 11:09 PM
Post #4


Mel Blanc was allergic to carrots.
*******

Group: Official Designer
Posts: 6,371
Joined: Aug 2008
Member No: 676,291
btw, the higher the number of a z-index on a class, the more it would show on top of other classes.

So for example, if you have a class with a z-index of 2, it would appear on top of another class with a z-index of 1, but it will appear below another class with a z-index of 3.
 
« Next Oldest · Webmasters' Corner Resolved Topics · Next Newest »
 

Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Switch to: Standard · Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic