[SOLVED] CSS/Html problem

Rienk0r · #1 (**permalink**) Oct 4th, 2007, 08:42

hello all,

I am a beginner webdesigner/coder and I am currently working on my portfolio to be done ( also for school ) and I've stumbled on a problem :

This is my first good design, so I want to make it good.

screenie.jpg

This is in firefox, I want the body where all the text and stuff's gonna be to be more to go down, but padding doesnt work; they are both DIV's ( the logo and the body ).

Does someone know how to get the body to go down more?

Thanks in advance.

welshstew · #2 (**permalink**) Oct 4th, 2007, 08:50

Are you able to post a link or the code.
Thanks,

Rienk0r · #3 (**permalink**) Oct 4th, 2007, 08:53

I dont have hosting yet, you want all the coding?

Monie · #4 (**permalink**) Oct 4th, 2007, 09:00

Just send the .CSS and the .HTML code, and remember to put them inside the "[code]" tag.

Rienk0r · #5 (**permalink**) Oct 4th, 2007, 09:03

HTML: Select all

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><link rel="stylesheet" href="style.css" type="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Portfolio</title>
</head>

<body>
<div class="logo"><img src="Logo.jpg" /></div>
<div class="body"></div>
</body>
</html>

this is the HTML

HTML: Select all

CSS:@charset "utf-8";
/* CSS Document */

body  {
background-image:url(Background.jpg);
background-repeat:repeat-x; }

.logo {
width:244px;
height:49px;
padding-left:38px;
padding-top:20px; }

.body {
width:763px;
height:437px;
background-image:url(Body.jpg);
background-repeat:repeat-x;
position:fixed;
 }

]

welshstew · #6 (**permalink**) Oct 4th, 2007, 09:16

try the following:

HTML: Select all

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> 
   <head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
   <title>Portfolio</title> 
    <style type="text/css">
    body { background-image:url(Background.jpg); background-repeat:repeat-x; } 
    .logo { width:244px; height:49px; padding-left:38px; padding-top:20px; background: url(Logo.jpg) 0 0 no-repeat; text-indent:-999px; } 
    .body { width:763px; height:437px; background-image:url(Body.jpg); background-repeat:repeat-x; position:fixed; margin-top:20px;}
    </style>
    </head> 
    <body> 
    <div class="logo"><h1>header text to describe the logo</h1></div> 
    <div class="body"> text here</div> </body> </html>

Monie · #7 (**permalink**) Oct 4th, 2007, 09:17

Quote:

Originally Posted by Rienk0r

Does someone know how to get the body to go down more?

Thanks in advance.

hai Rienk0r,

You seems new to this CSS. Why don't you read some of the good stuff that this forum has provideed. What I mean is, there a good "css for beginer" link for you to read and I am sure you will enjoy it.

by the way, padding is used if you want to add space between the outer border of your div and the content. In this situation, try add margin-top to your class body.

{margin-top: 20px}

Rienk0r · #8 (**permalink**) Oct 4th, 2007, 09:18

Thank you it works !

Monie · #9 (**permalink**) Oct 4th, 2007, 09:19

Just one minute behind you welshstew, lol.

We gave the same solution, by the way.

welshstew · #10 (**permalink**) Oct 4th, 2007, 09:22

You can also look a the resources at the top of this forum to help you start learning:

ukgeoffs css for beginners tutorial

karinnes resources for learning css

Monie, I must have a faster connection!

Rienk0r · #11 (**permalink**) Oct 4th, 2007, 09:22

No problem Monie, thank you aswell

Monie · #12 (**permalink**) Oct 4th, 2007, 09:23

Quote:

Originally Posted by Rienk0r

Thank you it works !

Forgot to include the link here (by karinne)

Monie · #13 (**permalink**) Oct 4th, 2007, 09:24

Quote:

Originally Posted by welshstew

You can also look a the resources at the top of this forum to help you start learning:

ukgeoffs css for beginners tutorial

karinnes resources for learning css

Monie, I must have a faster connection!

There you go again...
maybe I was typing a little bit slow... lol

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
[SOLVED] Need help with HTML login	Bravo81	PHP Forum	8	Jan 23rd, 2008 15:20
[SOLVED] HTML or XHTML	marSoul	Web Page Design	18	Dec 23rd, 2007 09:53
[SOLVED] transform the xml to html with php and xsl	checkmate	PHP Forum	4	Nov 5th, 2007 01:36
[SOLVED] Changing from html to CSS	mcdanielnc89	Web Page Design	16	Oct 11th, 2007 04:29
HTML / div Problem	ssnerdy	Web Page Design	8	Oct 10th, 2007 14:02

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
[SOLVED] CSS/Html problem