Log In · Register

 
Web site help
Tinkerbelle84
post Jul 2 2008, 02:48 PM
Post #1


Member
**

Group: Member
Posts: 12
Joined: May 2008
Member No: 649,600
Ok I'm somewhat of a newbie to coding and web design and I would like to better my hand, so I know how to code a very basic web site. Looking through the layout on here and was wondering how do I get something like this? I know about divs and all....also is there a such thing as a hr line that would go vertical? ( stupid I guess, but I had to ask)because I need something like it, any ideas?


http://www.createblog.com/layouts/code.php?id=27449

or this
http://www.createblog.com/layouts/code.php?id=26321


my code below is for my sister, she wants a layout with divs and divider lines, which is why I was wondering about the vertical hr code if thee is anything like that. She also wants a header and such.

Er...don't laugh at the code either =) I live divs

CODE
<style type="text/css">

a:link {color: #66cdaa;
font-family: verdana;
font-size: 6pt;
text-transform: uppercase;
text-decoration: none;}

a:visited {color: #cc6600;
font-family: verdana;
font-size: 6pt;
background:#FFFFFF;
text-transform: uppercase;
text-decoration: none;}



a:hover {color: #870708;
font-family: verdana;
font-size: 6pt;
background:#FFFFFF;
text-transform: lowercase;
cursor:hand;}



/*all links above*/


body {background-color: black;}
color: #ffffff;
font-weight:bold;
font-family: arial;
font-size: 12px;
margin: 0px auto;
padding: 0px;
text-align: justify;
scrollbar-face-color:#1ee849;
scrollbar-shadow-color:#1ee849;
scrollbar-3dlight-color:#1ee849;
scrollbar-arrow-color:#000000;
scrollbar-track-color:#1ee849;
scrollbar-darkshadow-color:#1e
scrollbar-highlight-color:#1ee849;}


h1{color:#66cdaa;
font-size: 20px;
letter-spacing: -1px;
text-align: left;
font-family: arial;
margin: 10px 0px 0px 0px;
line-height: 15px;}



h2{color:#66cdaa;
font-size: 15px;
letter-spacing: -1px;
text-align: left;
font-family: arial;
margin: 10px 0px 0px 0px;}


p {
font-weight: bold;
color:#66cdaa ;
font-family:times ;
font-size: 12px;
}



/*all divs here*/

div {
font-weight: normal;
color:#66cdaa ;
font-family: times;
font-size: 12px;



}




div#header {
clear: both;
height: 50%;
width: 100%;
background-color: ;
padding: 1px;
}

div#master {
float: center;
width: 100%;
background-color:white;
}

div#left {
float: left;
width: 150px;
background-color: black;
}

div#right {
float: right;
width: 150px;
background-color:black;
}
div#middle {
padding: 0px 160px 5px 160px;
margin: 0px;
background-color:black;
}
div#footer {
clear: both;
background-color:grey;
}

</style>


<title>I like my nails</title>


</head>
<!--who ha -->
<body>





<div id="Head"><img src="pic location" width="100%" height="50%" alt="pic name " />
</div>

<br />
<br />


<div id="master">




<div id="left">



Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque purus justo, luctus vel, pretium quis, semper id, metus. Duis quis turpis id sapien hendrerit aliquam. Duis nisl. Sed fermentum magna ac velit. Integer tincidunt arcu ac elit. Fusce urna pede, dapibus id, mollis eu, tempor eget, nunc. Integer eros quam, scelerisque sagittis, ultricies non, pellentesque id, elit. Nam accumsan fermentum massa. Suspendisse vehicula ultricies nisi. Curabitur tempus bibendum mi. Donec eu lectus vitae dolor accumsan auctor. Cras quis dolor sed ipsum tristique pulvinar. Nam id quam vitae lectus tempor faucibus. Aliquam id nisi ut nisl semper blandit. Morbi pellentesque congue lacus. Sed sed metus. Quisque libero mi, malesuada ut, tincidunt et, fringilla ut, erat. Sed accumsan gravida dui. Donec enim turpis, mattis eget, adipiscing dictum,

</div>


<div id= "right">

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque purus justo, luctus vel, pretium quis, semper id, metus. Duis quis turpis id sapien hendrerit aliquam. Duis nisl. Sed fermentum magna ac velit. Integer tincidunt arcu ac elit. Fusce urna pede, dapibus id, mollis eu, tempor eget, nunc. Integer eros quam, scelerisque sagittis, ultricies non, pellentesque id, elit. Nam accumsan fermentum massa. Suspendisse vehicula ultricies nisi. Curabitur tempus bibendum mi. Donec eu lectus vitae dolor accumsan auctor. Cras quis dolor sed ipsum tristique pulvinar. Nam id quam vitae lectus tempor faucibus. Aliquam id nisi ut nisl semper blandit. Morbi pellentesque congue lacus. Sed sed metus. Quisque libero mi, malesuada ut, tincidunt et, fringilla ut, erat. Sed accumsan gravida dui. Donec enim turpis, mattis eget, adipiscing dictum,

</div>

<div id="middle">

<h1>Your Header Here</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque purus justo, luctus vel, pretium quis, semper id, metus. Duis quis turpis id sapien hendrerit aliquam. Duis nisl. Sed fermentum magna ac velit. Integer tincidunt arcu ac elit. Fusce urna pede, dapibus id, mollis eu, tempor eget, nunc. Integer eros quam, scelerisque sagittis, ultricies non, pellentesque id, elit. Nam accumsan fermentum massa. Suspendisse vehicula ultricies nisi. Curabitur tempus bibendum mi. Donec eu lectus vitae dolor accumsan auctor. Cras quis dolor sed ipsum tristique pulvinar.

Nam id quam vitae lectus tempor faucibus. Aliquam id nisi ut nisl semper blandit. Morbi pellentesque congue lacus. Sed sed metus. Quisque libero mi, malesuada ut, tincidunt et, fringilla ut, erat. Sed accumsan gravida dui. Donec enim turpis, mattis eget, adipiscing dictum, vestibulum id, nulla. Etiam consectetuer. Duis varius sem eu nisi. Praesent congue aliquam elit. Sed nec sapien. Curabitur lacinia, augue et hendrerit pharetra, sem magna lobortis quam, ac volutpat magna nisl vel libero. Duis magna. Vestibulum suscipit dui id magna. Suspendisse potenti. Etiam ut purus. Praesent tincidunt, elit bibendum eleifend tincidunt, arcu lacus vestibulum magna, et pellentesque est justo fringilla dui. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur elit. Mauris dignissim gravida massa.

Vivamus eu odio. Proin euismod aliquet erat. In sed justo. Nulla a dolor ac tortor placerat elementum. Donec nisi. Donec lobortis. Cras ut augue. Donec enim. Aenean ut ligula ac arcu suscipit consectetuer. Duis nibh dui, mollis et, elementum ac, luctus eu, diam. Quisque risus nunc, pharetra in, commodo vel, vestibulum in, tellus. Praesent blandit sagittis nisi. In hac habitasse platea dictumst.

Morbi interdum. Nullam tincidunt enim eu mauris. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut pretium, justo at pharetra suscipit, lorem nulla sodales dui, at ultrices quam tellus sit amet metus. Pellentesque consequat vestibulum sem. Cras consectetuer ipsum non augue. Praesent tellus nulla, sodales at, pretium ut, consectetuer vel, massa. Aenean risus orci, suscipit eget, ornare eget, lacinia sit amet, sem. Ut vulputate, metus quis posuere gravida, massa nisi commodo tellus, viverra cursus massa leo at purus. Morbi feugiat fermentum lectus. Aliquam blandit placerat velit. Aliquam vestibulum porta elit.

In erat. Etiam non augue. Aenean luctus. Fusce arcu mauris, vehicula quis, ultrices sed, porta nec, dolor. Donec eros tellus, posuere nec, vehicula ut, venenatis at, diam. Curabitur hendrerit. Nulla enim enim, sodales nec, imperdiet ac, gravida vel, dolor. Etiam hendrerit, leo a mollis semper, elit metus tincidunt pede, sit amet porta turpis quam at diam. Proin sagittis nulla luctus elit. Curabitur non sapien. Proin eget orci. Curabitur tortor mauris, faucibus a, euismod fermentum, congue eget, nisi. Sed et purus. Curabitur eget quam et massa dignissim tristique. Cras elit.

</div>
</div>





<div id="footer"><strong>Copy right 2008 </strong> | Design by <strong></strong></div>
<!--end of the stuff-->
</body>
</html>
 
 
 Start new topic
Replies
manny-the-dino
post Apr 2 2010, 01:00 PM
Post #2


Senior Member
*******

Group: Administrator
Posts: 8,629
Joined: Jan 2007
Member No: 498,468
Topic Closed, and Moved to Resolved Topics. Please PM a moderator if you would like this reopened.
 

Posts in this topic
Tinkerbelle84   Web site help   Jul 2 2008, 02:48 PM
libertie   The vertical line you're referring to is to se...   Jul 2 2008, 03:12 PM
Tinkerbelle84   QUOTE(libertie @ Jul 2 2008, 03:12 PM) Th...   Jul 4 2008, 01:10 AM
libertie   Are you just wanting two content areas? Like one s...   Jul 4 2008, 02:21 AM
SteveZz   Horizontal rule (the HR command) can be turned int...   Jul 21 2008, 01:07 PM
manny-the-dino   Topic Closed, and Moved to Resolved Topics. Please...   Apr 2 2010, 01:00 PM

« 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 · Switch to: Linear+ · Outline

Track this topic · Email this topic · Print this topic