div tags - HTML Forums

jezzelynn · 11-09-2009, 09:11 AM

i can make the css and html just fine, but i can't get the div tags right. Please help!

coothead · 11-09-2009, 09:46 AM

Hi there jezzelynn,

and a warm welcome to these forums.

We are just itching to solve your divs problem, unfortunately, you have forgotten to show us what it is.

jezzelynn · 11-09-2009, 05:19 PM

sorry. i forgot!

div... idk what to do here...
a:link {color:red;}
a:visited {color

range;}
a:focus {color: purple;}
a:hover {color:green;}
a:active {color:blue;}

h1,h2 {color: navy;}
h3, h4 {color: yellow;}
h5, h6, h7 {color

range;}

p {color:#200645;
font-family: "Fletch Extended" ;}

body {background: teal;}

and i also need the tag for putting into my html document. i just started learning css so i have no idea how to put in a div tag. is there another way to put css in for the whole page? if there is, my book doesn't say it. all it talks about is div tags.

coothead · 11-09-2009, 05:37 PM

Hi there jezzelynn,

you mentioned divs in your original post and have now given us some css snippets.

Without seeing your HTML we are still unable to see the problem that you are experiencing.

Can you supply it and perhaps an illustration or image of what you are trying to achieve?

jezzelynn · 11-10-2009, 05:52 PM

sry... ok so this is the html. i don't have a heading b-cuz i dont know what i want to name it yet... so if you have an idea for just a random site then please tell me. i just need a random name, my website's just gonna b random facts, pics, quotes, and stuff like that. its kinda simple, cuz i am kinda 13 so i dont know much.

<html>

<body>

<p><img src="tetris.gif" width="1000" height="150" alt="logo" /></p>

<p><a href="home.html">Home </a>
<a href="quotes.html"> Quotes </a>
<a href="facts.html"> Facts </a>
<a href="pics.html"> Pictures </a></p>

<hr />

<h3>Websitename.com!</h3>

<p>its kindof a long paragraph, so i'll just leave that out... </p>

</body>

</html>

coothead · 11-10-2009, 07:36 PM

HI there jezzelynn,

here is a basic example of a web page, using the code that you supplied...

Code:


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="language" content="english"> 
<meta http-equiv="Content-Style-Type" content="text/css">

<title>A simple layout</title>

<style type="text/css">
body {
    background-color:#ccc;
    font-family:arial,verdana,helvetica,sans-serif;
    font-size:100%;
    color:#333;
 }
#container {
    width:1000px;
    padding:10px;
    border:1px solid #999;
    margin:auto;
    background-color:#fff;
 }
#logo {
    display:block;
    width:1000px;
    height:150px;
    border:1px solid #999;
    background-color:#ccc;
 }
#navigation {
    width:500px;
    height:32px;
    margin:10px auto;
    padding:0;
    border:1px solid #999;
    border-right:0;
    list-style-type:none;
 }
#navigation li {
    float:left;
    height:32px;
 }
#navigation a {
    display:block;
    width:124px;
    line-height:32px;
    border-right:1px solid #999;
    color:#000;
    text-align:center;
    text-decoration:none;
    background-color:#ccc;
 }
#navigation a:hover {
    color:#fff;
    background-color:#333;
 }
#sitename {
    clear:both;
    font-size:150%;
    text-align:center;
    text-decoration:underline;
 }
#content {
    padding:30px;
    border:1px solid #999;
    background-color:#ccc;
 }
#content p {
    text-indent:32px;
 }
#content p:first-letter {
    line-height:0.9;
    font-family:'times new roman',serif;
    font-size:200%;    
 }
</style>

</head>
<body>

<div id="container">

<img id="logo" src="tetris.gif" alt="logo">

<ul id="navigation">
 <li><a href="home.html">Home</a></li>
 <li><a href="quotes.html"> Quotes</a></li>
 <li><a href="facts.html"> Facts</a></li>
 <li><a href="pics.html"> Pictures</a></li>
</ul>

<h1 id="sitename">Websitename.com!</h1>

<div id="content">

<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras volutpat, purus ac 
pellentesque adipiscing, mauris ligula convallis metus, vitae scelerisque nibh 
orci quis mi. Cum sociis natoque penatibus et magnis dis parturient montes, 
nascetur ridiculus mus. Curabitur porttitor aliquam libero. Quisque molestie ornare 
sem. Nam euismod sem lacinia ipsum. In pharetra metus ut dolor cursus aliquam. 
Maecenas eu ante quis enim tincidunt laoreet. Pellentesque varius nunc in ipsum 
pulvinar sollicitudin. Nunc et mi. Donec auctor dignissim orci. Aliquam sed magna. 
Pellentesque in dui. In eget elit. Praesent eu lorem.
</p><p>
Cras cursus varius pede. Cras dolor lorem, convallis sed, venenatis ac, aliquam vitae, 
orci. Duis diam massa, adipiscing quis, aliquam eget, ornare eu, lectus. Sed rutrum 
augue non purus. Integer vel mauris. Nam suscipit molestie lectus. Fusce laoreet 
interdum eros. Pellentesque sit amet enim id nunc adipiscing ultricies. Quisque 
lobortis eleifend elit. Sed eu augue sed felis vulputate iaculis. Cras lorem felis, 
lobortis id, accumsan vel, facilisis quis, dolor. Curabitur aliquet. Nulla facilisi. 
Proin nunc velit, posuere sit amet, porttitor et, volutpat a, massa. Maecenas elementum 
volutpat justo. Pellentesque magna neque, dictum id, rhoncus a, fringilla et, nulla. 
Phasellus placerat gravida purus. Pellentesque odio. Sed volutpat vehicula nulla. Quisque 
metus urna, semper eget, aliquam ac, feugiat nec, massa.
</p><p>
Nullam pharetra quam quis metus. Proin feugiat lacinia mauris. Cum sociis natoque 
penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent faucibus erat 
quis ante. Suspendisse eu tellus. Donec sit amet ante in nisl dapibus condimentum. Proin 
diam. Curabitur egestas felis iaculis lorem. Aliquam sit amet risus ut nulla sollicitudin 
scelerisque. Mauris viverra hendrerit augue. Morbi eu sapien sed enim rutrum blandit. 
Quisque feugiat. Pellentesque luctus sagittis est. Donec dolor sem, bibendum ac, porta in, 
rutrum sit amet, dui. Ut libero turpis, tempus nec, venenatis at, tincidunt ac, sem.
</p>

</div><!-- end #content -->

</div><!-- end #container -->

</body>
</html>

I would suggest that you spend some little time examining how the CSS works with the HTML.
And, of course, experiment with it.

airforce1 · 11-11-2009, 01:47 AM

Hi, Jezzelynn

I have not found any DIV tags from above codes. I think CSS is used to format an existed element on your pages but not create it for you.

Have a nice day,