Desperate for help!

This is a discussion on "Desperate for help!" within the Starting Out section. This forum, and the thread "Desperate for help! are both part of the Design Your Website category.


 Subscribe in a reader

Go Back   Webforumz.com > Main Forums > Design Your Website > Starting Out

Notices




Reply
 
LinkBack Thread Tools
  #1  
Old Sep 11th, 2007, 16:04
Junior Member
Join Date: Sep 2007
Location: somerset
Posts: 34
Thanks: 0
Thanked 0 Times in 0 Posts
Desperate for help!

Hello there, I am new to web design, I work for a company, and I am making a web site for a project. I need help on two things, I think the first is called 'white space', I have created two different coloured boxes, one underneath the other, but they have a space inbtween each other, at the top and bottom of the page, i dont want this, second is style sheet, i dont know how to make one and im jus writing so much code for everyline of content I enter. Please help. Many Thanks
Frankiiei
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote

  #2  
Old Sep 11th, 2007, 16:45
alexgeek's Avatar
Moderator

SuperMember
Join Date: Jul 2007
Location: Webforumz 24/7
Age: 15
Posts: 3,812
Blog Entries: 9
Thanks: 2
Thanked 2 Times in 2 Posts
Re: Desperate for help!

stylesheets are made by typing style information, e.g:
Quote:
body {
color: #FFFFFF;
}
and saving it as, stylsheetname.css
this can be included into the HTML page externally:
<link rel="stylesheet" type="text/css" href="stylesheet.css" />
replace stylesheet.css with the name you saved it as.
as the the space,
if you follow what I've just said, include this code at the top:
Quote:
* {margin: 0; padding: 0}
Sorry if that isn't clear (or it's patronizing!)
Last Blog Entry: 3D Chess in your browser! (Mar 14th, 2008)
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #3  
Old Sep 11th, 2007, 18:08
Elite Veteran
Join Date: Sep 2006
Location: Pink House
Posts: 3,946
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Desperate for help!

Probably need to see code to help you rid of the spaces.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #4  
Old Sep 12th, 2007, 08:23
Junior Member
Join Date: Sep 2007
Location: somerset
Posts: 34
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Desperate for help!

thanks alexgeek, i have got rid of the white spaces, and made the style sheet, but where do i put the link in, and also I have tried to delete the rest of the test that says about the font and so on, and it doesnt work once i have deleted it.
thanks
frankiiei
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #5  
Old Sep 12th, 2007, 08:47
New Member
Join Date: Sep 2007
Location: Philippines
Age: 26
Posts: 9
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Desperate for help!


Last edited by j1rd3ry; Sep 12th, 2007 at 12:36.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #6  
Old Sep 12th, 2007, 08:53
Junior Member
Join Date: Sep 2007
Location: somerset
Posts: 34
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Desperate for help!

Thank you guys so much. I am very greatful!!! You are a great help, this forum is great and you are quick to help. Ill try not to pester you all too much lol. My websites is looking quite cool now.
Frankiiei
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #7  
Old Sep 12th, 2007, 09:27
Junior Member
Join Date: Sep 2007
Location: somerset
Posts: 34
Thanks: 0
Thanked 0 Times in 0 Posts
Talking Re: Desperate for help!

Hi guys I am really sorry to keep posting question after question, I have another problem. Ive written the introduction, now i need some space between this and the next bit of text I have put in.
Thanks so much guys.
Frankiiei
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #8  
Old Sep 12th, 2007, 09:30
New Member
Join Date: Sep 2007
Location: Philippines
Age: 26
Posts: 9
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Desperate for help!

try using tihs:

&nbsp;

eg.<font color=#123456>my text &nbsp; and another text</font>

Last edited by j1rd3ry; Sep 12th, 2007 at 09:37.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #9  
Old Sep 12th, 2007, 10:58
Junior Member
Join Date: Sep 2007
Location: somerset
Posts: 34
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Desperate for help!

no, that does not seam to work, i just need it to be a few lines down form the rest of the text.
Frankiiei
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #10  
Old Sep 12th, 2007, 11:02
New Member
Join Date: Sep 2007
Location: Philippines
Age: 26
Posts: 9
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Desperate for help!

=)

Last edited by j1rd3ry; Sep 12th, 2007 at 12:38.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #11  
Old Sep 12th, 2007, 11:05
Elite Veteran
Join Date: Sep 2006
Location: Pink House
Posts: 3,946
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Desperate for help!

Wrap your first bit of text in between <p></p>

Then in the css give your p a margin-bottom: 20px;

Code: Select all
<p>My test goes here but I really want some space between my paragraphs.</p>

<p>Ok.. so give your paragraph tags a bottom margin and it will look great!</p>
css
Code: Select all
p {
margin-bottom: 20px;
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #12  
Old Sep 12th, 2007, 11:07
Junior Member
Join Date: Sep 2007
Location: somerset
Posts: 34
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Desperate for help!

YES you are a star, thats j1rd3ry! am very greatfull!
Frankiiei
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #13  
Old Sep 12th, 2007, 11:10
New Member
Join Date: Sep 2007
Location: Philippines
Age: 26
Posts: 9
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Desperate for help!

ur welcome..its my pleasure.try using some html editor (eg.DW)..it will make ur work easier

Last edited by j1rd3ry; Sep 12th, 2007 at 11:15.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #14  
Old Sep 12th, 2007, 11:42
Junior Member
Join Date: Sep 2007
Location: somerset
Posts: 34
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Desperate for help!

what do you mean by (e.g.DW) I am a complete amature when it comes to this. Also do i have to write
<br>
</br>
<br>
</br>
continuosly to get the amount of space I want?
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #15  
Old Sep 12th, 2007, 11:46
New Member
Join Date: Sep 2007
Location: Philippines
Age: 26
Posts: 9
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Desperate for help!


Last edited by j1rd3ry; Sep 12th, 2007 at 12:38.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #16  
Old Sep 12th, 2007, 11:48
Junior Member
Join Date: Sep 2007
Location: somerset
Posts: 34
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Desperate for help!

oh yh sorry, I am using DeamWeaver,its the company software, I am just trying to get to grips with it all and understand the code
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #17  
Old Sep 12th, 2007, 11:52
New Member
Join Date: Sep 2007
Location: Philippines
Age: 26
Posts: 9
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Desperate for help!

:d

Last edited by j1rd3ry; Sep 12th, 2007 at 12:38.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #18  
Old Sep 12th, 2007, 11:58
Elite Veteran
Join Date: Jan 2007
Location: You know where
Age: 31
Posts: 4,617
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Desperate for help!

Oh dear! Please do not use an insane amount of <br> just to get some space.

You should be setting the margin and padding of your <p> instead in your stylesheet.

I strongly recommend going to HTMLDog and go over some tutorials.

As for DW = Dreamweaver ... I would not recommend it to a beginner. We have a great list of HTML Editors that we have complied from various members. Using Crimson Editor or Notepad++ is highly recommended.

Learn to hand-code. Learn HTLM and CSS.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #19  
Old Sep 12th, 2007, 11:59
Elite Veteran
Join Date: Sep 2006
Location: Pink House
Posts: 3,946
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Desperate for help!

Quote:
<br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br>

// as many as u like to make ur vertical space as u want....
That's terrible advice.. I'm sorry...
That is NOT how you add spaces to a design. Certainly it works but it is not clean.

Please if you are going to learn this, take my advice above and do it correctly.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #20  
Old Sep 12th, 2007, 12:02
New Member
Join Date: Sep 2007
Location: Philippines
Age: 26
Posts: 9
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Desperate for help!

ok...im sori...my fault... but i also add the tag <p></p>....sori again....
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote