Jump to content


Photo

KenDM :: Website yey :)


  • Please log in to reply
16 replies to this topic

#1 KenDM

KenDM

    Young Padawan

  • Members
  • Pip
  • 38 posts
  • Location:Netherlands
  • Interests:Martial Arts, Chocolate, GFX, Chillin' With Friends :)

Posted 02 November 2004 - 09:12 AM

Hey, made this website lay-out with photoshop CS which looks mighty good IMO. Now I followed a tutorial

http://www.bluesfear...als/slicing.php

that one. But I seem to get stuck as soon as the guy mentions tables. He says to do the following::

3) Ok, now that we have cut our layout into 9 smaller images time to open our HTML editor. I use Dreamweaver for this tutorial. Start off my making a table that is 100% in width and height and set the vertical alignment for the table to TOP.


Which setting ETC should I use? And his photoshop looks a lot different then mine... ;)

I have Macromedia Dreamweaver MX 2004 7.0.1. Can some one help me with this problem? I mean, my graphics aren't bad. I only need to get the hang of Dreamweaver. I don't have any background in HTML, but with the designer mode it shouldn't be any problem at all. Well, just a little problem then :lol:.

I did the next :: Make a table with one row/column. In this table I made a table with three rows. The first one contains my banner. The second one should have my menu bar, and the last row should exist of 3 columns for left border, right side border, and in between. Now, I inserted my menu bar and checked how the site would look like. There is this uglu gap in between the banner and the menu bar. (Approximately 3-5 pixels).

Can anyone please help me :'(

KenDM
P.S :: Hi, let me introduce myself :: KenDM... yeah, GFX-er ;)

#2 rc69

rc69

    PHP Master PD

  • P2L Staff
  • PipPipPipPip
  • 3,827 posts
  • Gender:Male
  • Location:Here
  • Interests:Web Development

Posted 02 November 2004 - 10:54 AM

basicly what he's trying to tell you to do is this:

<table width="100%" height="100%">
<tr>
<td valign="top">
<table width="100%">
<tr>
<td>
<table>
<tr>
<td background="image/top.gif'>Title</td>
<td background="image/mid.gif">Content</td>
<td background=<image/bottom.gif></td>
</tr>
</table>
<td>Central body</td>
<td>Right column</td>
</tr>
</td></tr></table>

thats what you basicly have to do

#3 KenDM

KenDM

    Young Padawan

  • Members
  • Pip
  • 38 posts
  • Location:Netherlands
  • Interests:Martial Arts, Chocolate, GFX, Chillin' With Friends :)

Posted 02 November 2004 - 11:41 AM

Wow, you really did your homework man o_O

I don't understand coding, and I'm barely standing trying the designer mode. But I'll give it a shot, maybe it'll work.

#4 rc69

rc69

    PHP Master PD

  • P2L Staff
  • PipPipPipPip
  • 3,827 posts
  • Gender:Male
  • Location:Here
  • Interests:Web Development

Posted 02 November 2004 - 05:45 PM

well, that's the exact tutorial that got me started with html really

i did go here to learn about the most basic stuff in html... but it was that BS tutorial that really got the ball rolling with me

also, i don't think the mode you run dreamweaver in matters, try using the insert tool bar/menu and edit tag function (right click), to do stuff and you should make sense of somethings

#5 KenDM

KenDM

    Young Padawan

  • Members
  • Pip
  • 38 posts
  • Location:Netherlands
  • Interests:Martial Arts, Chocolate, GFX, Chillin' With Friends :)

Posted 03 November 2004 - 05:01 AM

Thanks so much for replying, I though every one was evading mah posts :D ...

Well, it's not that I don';t understand how to do stuff anymore. I now have this other problem, which I posted somewhere on this board, just going to search for that. I can't get upper banner to stick with the lower part of the site. It doesn't run through. There's this 3-5 pixel gap in between.

EDIT :: I'm now on the site you gave me... thank you so much for the link. It's kind of making everything clear to me o_O :)

KenDM

#6 rc69

rc69

    PHP Master PD

  • P2L Staff
  • PipPipPipPip
  • 3,827 posts
  • Gender:Male
  • Location:Here
  • Interests:Web Development

Posted 03 November 2004 - 05:41 PM

youre welcome for the site...

but if im not mistaken a fix to your problem could probably be cell spacing

in the <table> tag add: cellspacing="0"

#7 KenDM

KenDM

    Young Padawan

  • Members
  • Pip
  • 38 posts
  • Location:Netherlands
  • Interests:Martial Arts, Chocolate, GFX, Chillin' With Friends :)

Posted 04 November 2004 - 04:06 AM

Yeah, it worked, thanks for the help. I'm affraid to ask the next question now ><

I made the table. And I inserted images (which I'm going to define as links later on) but I need the space of the images to be smaller...

Posted Image

Can anyone help me with this?

#8 Unreal

Unreal

    like.. TOTally cool!

  • Members
  • Pip
  • 241 posts

Posted 04 November 2004 - 12:51 PM

Make the cellpadding 0

#9 Penaf

Penaf

    Young Padawan

  • Members
  • Pip
  • 85 posts
  • Location:Portugal

Posted 04 November 2004 - 03:59 PM

I'm glad you found that tut ... I was going to post a thread asking for one :P
Managed to make a website layout today that i'll try to post it here this weekend, and that was the questing bugging me... how the hell was I going to export that to dreamweaver!

Thanks mate

#10 Underground D

Underground D

    Young Padawan

  • Members
  • Pip
  • 54 posts

Posted 04 November 2004 - 04:51 PM

you guys are wasting your time lol, if you have Dreamweaver, just INSERT A NEW LAYER, and then put the pictures in the new layer buddy

#11 Penaf

Penaf

    Young Padawan

  • Members
  • Pip
  • 85 posts
  • Location:Portugal

Posted 04 November 2004 - 05:06 PM

didn't follow you on that one :P new layer where?

#12 KenDM

KenDM

    Young Padawan

  • Members
  • Pip
  • 38 posts
  • Location:Netherlands
  • Interests:Martial Arts, Chocolate, GFX, Chillin' With Friends :)

Posted 05 November 2004 - 03:56 AM

Hihihi
HOhoho
Hahaha

WE're newbies at Dreamweaver, so we don't know what layers are ><

#13 Unreal

Unreal

    like.. TOTally cool!

  • Members
  • Pip
  • 241 posts

Posted 05 November 2004 - 12:06 PM

layers dont appear 100% correctly in FireFox..

#14 Cappy

Cappy

    Young Padawan

  • Members
  • Pip
  • 81 posts

Posted 06 November 2004 - 01:48 AM

this is the part that got me
4) Create another table inside the table we just made and set the width to the width of the layout you have created. For me the width will be 600 pixels. Also set the Height of this table to 100%.

Make 2 rows for the table we just made and make both rows vertically align TOP as we did in step 3.

a table in a table???
ne help

#15 Cappy

Cappy

    Young Padawan

  • Members
  • Pip
  • 81 posts

Posted 06 November 2004 - 01:55 AM

got it nvm

#16 KenDM

KenDM

    Young Padawan

  • Members
  • Pip
  • 38 posts
  • Location:Netherlands
  • Interests:Martial Arts, Chocolate, GFX, Chillin' With Friends :)

Posted 06 November 2004 - 05:19 AM

Well, you got it so it's useless for me to post it.... but cuz' I'm bored :unsure:

Yup, a table in a table. Tell me when you're done so I can have a looksee. :blink:

#17 Cappy

Cappy

    Young Padawan

  • Members
  • Pip
  • 81 posts

Posted 06 November 2004 - 12:41 PM

yeah so much for that my news box and nav wernt alinging so ill try it another time




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users