PDA

View Full Version : some basic dream weaver issues ~ allign text and adding picturs


mr_2005
01-24-2009, 08:22 PM
I am trying to make a web page which will be serve as a notice of an event and I'm having some issues.

I made a Header and had it centered, then the text below it i wanted left aligned, and when i click left align, it moves the header to the left. how do i keep the top centered and text to the left?

2nd issue, I want to have all the text info on the left side of the page with a few photos to the right. How should i be setting this up.

any help is appreciated.

thanks!

im using DW cs4.

urbanrays
01-24-2009, 08:45 PM
can you post the code you have at the minute
It will help to solve your problems

mr_2005
01-24-2009, 09:20 PM
I hope this is what you needed:

the way it is now, all the text is pushed to the side and it has 2 words per line? thanks for your help.




<!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>Untitled Document</title>
<style type="text/css">
<!--
body {
background-color: #333;
}
body,td,th {
font-weight: bold;
height: 1500px;
width: 600px;
text-align: left;
}
.text {
font-size: 16px;
font-style: italic;
text-align: center;
}
.it {
font-style: italic;
}
-->
</style></head>

<body bgcolor="#666666" text="#FFFFFF">
<p class="text">Havasupai 2009</p>
<div align="left">
<table width="500" border="0" cellpadding="1">
<tr>
<th scope="col">
<p>I made reservations for Havasupai for <strong>June 27th to July 1st for 10 people.</strong> The <span class="it">tentative</span> plan is to meet Friday night( June 26th) at hilltop and sleep for a while. Then get up at 4 a.m. (ish) and hike in. Hike out the early morning July 1st and go home. You all are invited and please feel free to invite others that might like to go. The more the merrier. If we exceed the 10, we will need to make another reservation as soon as possible.</p>
<p>Some info. </p>
<ul>
<li><strong>Price for 4 nights is $115per person at the campground. If you want to use the lodge in the village, be my guest, but it's 2 miles from anything. Camping is the better option.</strong></li>
<li>The hike is 10 miles both ways. You can have a Mule take your bag (which corey will be doing). I believe the price is $40 for 3 large duffles/back packs. You will want to carry a smaller back pack with you with valuables or things you will need during the hike (i.e. cameras, wallets, water, snacks etc)</li>
<li>You can take a helicoper in and out for $80 one way with your bag.</li>
</ul>
<p>As of 1/22/09 we have 4 of the 10 spaces taken. Please email me and let me know if you would like to go. The longer we wait to make other reservations the more likely the camp is likely to fill up. </p>
<p>&nbsp;</p>
<p>Thanks! </p>
<p>&nbsp;</p>
<p>&nbsp;</p></th>
<th scope="col"><img src="falls.jpg" width="800" height="640" /></th>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>
</div>
<p class="text">&nbsp;</p>
</body>
</html>

domedia
01-24-2009, 10:18 PM
Remove the tables all together, you're falling into an old trap. Tables are meant for tabular data like in a spreadsheet.
Maybe the best way is to open one of the templates in DW that shows you a 2column layout? Remember that layout and styles are done with CSS.

mr_2005
01-24-2009, 11:47 PM
Remove the tables all together, you're falling into an old trap. Tables are meant for tabular data like in a spreadsheet.
Maybe the best way is to open one of the templates in DW that shows you a 2column layout? Remember that layout and styles are done with CSS.


great recommendation, i have never seen those before.
I am using the one the is the 2 column, elestic.....how do i make one column wider?

domedia
01-25-2009, 12:43 AM
great recommendation, i have never seen those before.
I am using the one the is the 2 column, elestic.....how do i make one column wider?

Look in the CSS files that is used for the page.
If you're not comfortable looking at CSS code yet, access the CSS from the CSS panel.