need some SCRIPTING help with html/ccs

Started by yellaa on 2:25pm 10/10/11. 516 views and 14 posts, 0 users reading, last post by belstgut.

Currently reading (0 users):

yellaa

Joined: 6/10/11

Posts: 40

Defaults: EU - PC: Call of Duty

using Firefox 8.0

Rep:

21%

So basicly i am bizzy with a school project about how to make a filmposter in html
I got a title and some headlines but now i got a unlisted tagg (ul) but it seems like the top margin aint working.
If there is someone who can help me with this would be really nice <3
I can upload what I got so far but I dont think thats really needed fo this small thing

site folder dl link: http://www.mediafire.com/?s5zte6wqb8kkq9x

heres my html and css

<!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>
<title>IE scripting</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="author" content="Thomas Beumer" />
<meta name="description" content="Korte beschrijving webpagina" />
<link rel="stylesheet" href="styles/reset.css" type="text/css" />
<link rel="stylesheet" href="styles/vorm.css" type="text/css" />
</head>

<body>
<h3>Release Date: 16TH of December</h3>
<h1>Sherlock Holmes</h1>
<h2>A Game of Shadows</h2>
<h4>With the following stars</h4>
<p><ul><li>Robert Downey Jr,</li><li> Jude Law,</li> <li>Noomi Rapace,</li> <li>Stephen Fry,</li><li> Jared Harris Gilles Lellouche,</li> <li>directed by Guy Ritchie.</li></ul></p>
</body>
</html>

and

body {
background-color:#000;
background-image:url(../images/sherlock.jpg);background-repeat:no-repeat; background-position:top center;
}

li {
text-shadow: 0.1em 0.1em #333;
font-family:"Ravenscroft";
src: url('fonts/Ravenscroft.ttf');
font-size:40px;
color:#FFF;
margin-top:1px;
margin-left:100px;
}
h3 {
text-shadow: 0.1em 0.1em #333;
font-size:30px;
color:#FFF;
font-family:"Ravenscroft";
src: url('fonts/Ravenscroft.ttf');
margin-left:580px;
margin-top:20px;
}

h1 {
text-shadow: 0.1em 0.1em #333;
font-family:"Ravenscroft";
src: url('fonts/Ravenscroft.ttf');
font-size:55px;
color:#FFF;
margin-top:460px;
margin-left:420px;
}
h2 {
text-shadow: 0.1em 0.1em #333;
font-family:"Ravenscroft";
src: url('fonts/Ravenscroft.ttf');
font-size:40px;
color:#FFF;
margin-top:1px;
margin-left:430px;
}
I use a reset.css so thats why I use px sizes

Edited once, 10/10/11 - 4:27pm.

Posted on Monday, 10th October 2011

yellaa

Joined: 6/10/11

Posts: 40

Defaults: EU - PC: Call of Duty

using Firefox 8.0

Rep:

21%

bumb

Posted on Monday, 10th October 2011

yellaa

Joined: 6/10/11

Posts: 40

Defaults: EU - PC: Call of Duty

using Firefox 8.0

Rep:

21%

double bumb

Posted on Monday, 10th October 2011

aldamith

Joined: 27/7/11

Posts: 83

Defaults: EU - PC: Call of Duty

using Chrome 18.0

Rep:

24%

its bump not bumb and why would you bump it.... you posted it like what 40/50 min ago?

back @ topic i dont really understand what your problem there is might explaining it better for me? : )
oh btw this is pretty nice application for developing websites

and as far as i remember they had some free trial there for 2 weeks or something

CODE:

www.coffeecup.com/

Edited once, 10/10/11 - 3:26pm.

Posted on Monday, 10th October 2011

Pam Pam Pam :)

JiMmYION

Joined: 25/7/11

Posts: 407

Defaults: EU - PC: Call of Duty

using Firefox 12.0

Rep:

32%

some of your > are part of a blue link, unlink them as well as "

Posted on Monday, 10th October 2011

LANdemos VoDs Tutorials Configs Servers Movies

yellaa

Joined: 6/10/11

Posts: 40

Defaults: EU - PC: Call of Duty

using Firefox 8.0

Rep:

21%

Quote from aldamith on the 10th of October 2011:

eally understand what your problem there is might explaining i

i keep on bumping because i need the answer quick,
I will upload the site in a sec.
Underneeth releasedate should stand All the actors and stuf but the problem is it keep standing @ the bottum
(I think a "li" tagg isn't a block tag but I'm not sure about that. maby thats why top-margin isnt working)

Posted on Monday, 10th October 2011

yellaa

Joined: 6/10/11

Posts: 40

Defaults: EU - PC: Call of Duty

using Firefox 8.0

Rep:

21%

Quote from JiMmYION on the 10th of October 2011:

some of your > are part of a blue link, unlink them as well as "

Looks all fine to me, but what can you point out then?

Posted on Monday, 10th October 2011

yellaa

Joined: 6/10/11

Posts: 40

Defaults: EU - PC: Call of Duty

using Firefox 8.0

Rep:

21%

Here is the site folder link http://www.mediafire.com/?s5zte6wqb8kkq9x

Posted on Monday, 10th October 2011

yellaa

Joined: 6/10/11

Posts: 40

Defaults: EU - PC: Call of Duty

using Firefox 8.0

Rep:

21%

bump

Posted on Monday, 10th October 2011

yellaa

#10

Joined: 6/10/11

Posts: 40

Defaults: EU - PC: Call of Duty

using Firefox 8.0

Rep:

21%

bump

Posted on Monday, 10th October 2011

main_

#11

Joined: 4/9/11

Posts: 74

Defaults: EU - PC: Call of Duty

using Chrome 14.0

Rep:

45%

Good god ...

Please use http://jsfiddle.net to share such quick drafts. I've put it in a fiddle for you (with some color changes for my eyes-sake). LINK

What exactly is the problem? You didn't define any margin for the ul element. By the way the ul stands for unordered list.

Posted on Monday, 10th October 2011

M@tild@

#12

Joined: 26/7/11

Posts: 50

Defaults: EU - PC: Call of Duty

using Firefox 12.0

Rep:

35%

Not sure what you want to be done but is this what you're going after?

HTML Code: Click to view

CSS code: Click to view

Posted on Tuesday, 11th October 2011

yellaa

#13

Joined: 6/10/11

Posts: 40

Defaults: EU - PC: Call of Duty

using Firefox 8.0

Rep:

21%

Quote from KTURA on the 11th of October 2011:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Sherlock Holmes</title>

<link rel="stylesheet" href="styles/reset.css" type="text/css" />
<link rel="stylesheet" href="styles/vorm.css" type="text/css" />
</head>

i like what u've tried but div tags aint allowed in this assigment

Posted on Tuesday, 11th October 2011

belstgut

#14