newbie

That kind of site yeah you could make then in PS, Slice them and export them to Dreamweaver. Sometimes some 'tweaking' is needed for that to work as once you start entering content things can go haywire.

For content boxes that have no special pictures/backgrounds etc just make them using Dreamweaver, don't use images where not neccessary.
 
Matt555 said:
That kind of site yeah you could make then in PS, Slice them and export them to Dreamweaver. Sometimes some 'tweaking' is needed for that to work as once you start entering content things can go haywire.

For content boxes that have no special pictures/backgrounds etc just make them using Dreamweaver, don't use images where not neccessary.
Click to expand...

Any Guides on this Matt?.
 
You mean you followed the tutorial and made the end result?

Okay with the document open in Photoshop you'll need to slice it check out here for some tutorials on how to slice a layout.
 
i heard the most common resolution for websites is 1024/768 and 800/600 but how do i set that in dreamweaver. and also if i slice the items from photoshop, and put it in dreamweaver they dont get centered. when i take a preview of the page it always shows everything on the left. even though i have aligned as center.
 
That's because you need to align the whole table that is created in Photoshop to the center.
After you slice the layout Photoshop creates a giant table with the images in cells, you'll need to align the whole table to the center.

HTML: 
<div align="center">TABLE STUFF IN HERE</div>
 
I created a table, size of 1024X768 then i made another row where i inserted a wallpaper but it leaves a gap between the edges

like this ->
xd8orr.jpg


How do i set it so it is stuck to the edges.
 
Please explain a bit more. Maybe post a whole image of what's going on? If you want a table to be 'stuck' to the edges, don't use set sizes:

HTML: 
<table width="100%"  border="1" bordercolor="#000000" style="border-collapse:collapse" cellspacing="0" cellpadding="0">
  <tr>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
  </tr>
</table>
That will give you a table that is 100% wide (fits the screen and 'sticks' to both sides) and has 2 rows and 2 columns.

I don't fully understand what you want so I probably didn't cover it, apologies.
 
Matt555 said:
Please explain a bit more. Maybe post a whole image of what's going on? If you want a table to be 'stuck' to the edges, don't use set sizes:

HTML: 
<table width="100%"  border="1" bordercolor="#000000" style="border-collapse:collapse" cellspacing="0" cellpadding="0">
  <tr>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
  </tr>
</table>
That will give you a table that is 100% wide (fits the screen and 'sticks' to both sides) and has 2 rows and 2 columns.

I don't fully understand what you want so I probably didn't cover it, apologies.
Click to expand...

Go here, i have uploaded the page.
In that have u noticed that even if the width is 100% it does not stick to the browser window, there is a little gap between. in other words it doesnt span from one end to the other. what do u do to remove that gap?.

appericiate your help so far mate!
http://s37.yousendit.com/d.aspx?id=04BD1UC2MR4TC3911PTW50RAPV
 
Here you go.

Code: 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>

<body topmargin="0" leftmargin="0" marginwidth="0" marginheight="0" hspace="0" vspace="0">
<table width="100%" height="34" border="1" cellpadding="0" cellspacing="0">
  <tr>
    <td height="28"><img src="Images/images/Web_03.jpg" width="770" height="22" /></td>
  </tr>
</table>
</body>
</html>
 
Might be wise to state that this "marginless" layout isn't always desirable as it will literally shove content to the edges of the browser - you will need to use padding and spacing appropriately to counter balance this. It can also make the site harder to view in certain cases.
 
Hi
This is how my page looks like
As you can see i have selected all (ctrl+a), I would like to get rid of the space around the highlighted area. also i would the whole page centered
How do i do it?.
 
I can't make much sense of what you mean, what's hightlighted? It all looks blue to me.

Attach the html files and the images and I will have a look.
 
Waffle said:
I can't make much sense of what you mean, what's hightlighted? It all looks blue to me.

Attach the html files and the images and I will have a look.
Click to expand...

I have attached the zip archive of the folder.
Please have a look at it
 

Attachments

  • PC Saloon.zip
    245.1 KB · Views: 246
No idea...I haven't a clue what all the 'layer' CSS code is for, it doesn't appear to be doing anything...the tables aren't coded properly and it won't center, most likely due to the <divs>.

I would consider starting from scratch and making it as simple as possible.
 
lets make it easier. Please make snapshots of your problem and use paint to point out the problem because we are not able to understand which space are you talking about. Just give us little bit explaination what exactly you want to do.
 
You must log in or register to reply here.
Back
Top