logo-dw

Go Back   Dreamweaver Club Forums > Hand Coders Forum > HTML and CSS
Register FAQ Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools Display Modes
Old 11-03-2014, 12:42 AM   #1
jataman2612
 
Join Date: Nov 2014
Posts: 7
Default Student having trouble with site HELP!!

I have a site that I have to rework for a class and things will not appear correctly. First off, my nav shows in my template but it won't show on any of the pages.

Also anything that is on the pages but is not in the template shows up fine when previewed on the web (until you zoom in or out) but is all over the place in DW. I have containers for the bottom section and a wrapper for the whole page but nothing wants to line up right.

I am beyond frustrated with this. Please help. BTW I'm working in CS4. I had to make my image sizes super small to meet the zip file requirements on here so I hope that doesn't screw things up.

John
Attached Files
File Type: zip site - Copy.zip (89.1 KB, 1 views)
jataman2612 is offline   Reply With Quote
Old 11-03-2014, 08:12 AM   #2
edbr
edbr's Avatar
 
Join Date: Aug 2005
Location: Bali
Posts: 11,164
Default

post your code, i for one wont open an attachment for no reason
__________________
If you're happy and you know it shake your meds!
different style links examples

Flight / Hotel search
Free script download
Bali Villas
edbr is offline   Reply With Quote
Old 11-04-2014, 12:02 AM   #3
jataman2612
 
Join Date: Nov 2014
Posts: 7
Default

Index Page

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/template.dwt" codeOutsideHTMLIsLocked="false" -->

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<link href="../css/styles.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="header">
<div id="logo"><a href="index.html"><img src="../images/logo.gif" alt="logo" width="218" height="132" /></a></div>
<div id="email"><p>We would love to know what you think.</p>
<p>Email your comments to:</p>
<a href="mailto:hotdogdiner@yahoo.com">hotdogdiner@ya hoo.com</a></div>
<div id="search_box"><img src="../images/search_box.jpg" alt="search_box" width="163" height="23" /></div>
</div>
<ul class="navigation">
<a href="index.html"><li class="current_page">Home</li></a>
<a href="about.html"><li class="not_current_page">About</li></a>
<a href="contact.html"><li class="not_current_page">Contact</li></a>
<a href="menu.html"><li class="not_current_page">Menu</li></a>
<a href="order.html"><li class="not_current_page">Order</li></a>
</ul>
<div id="green_box">
<div id="hotdog1"><img src="../images/hotdog1.jpg" alt="hotdog1" /></div>
<div id="hotdog2"><img src="../images/hotdog2.jpg" alt="hotdog2" /></div>
<div id="fries"><img src="../images/fries.jpg" alt="fries" /></div>
<div id="burger"><img src="../images/burger.jpg" alt="burger" /></div>
</div>
<div id="tan_box">
<div class="two_column container">
<div id="home">
<div id="diner"><img src="../images/diner.gif" alt="diner" /></div>
<div id="text">
<p>Looking for great food at a bargain price? The Hot Dog
Diner on Pearl Rd in Parma sells their Classic Hot Dogs for 97˘ everyday (Classic
Hamburgers and Fresh Cut Fries are also 97˘!) We offer every imaginable form of hot dog from jumbo dogs to their very own Snappy Dog in natural casing. Be conservative and order an old-fashioned slaw dog or be daring and enjoy a “Tyler's Cheezy Fries Dog” that is drizzled with ketchup and mustard then topped with cheese-covered french fries in a freshly steamed bun. So stop on by and give us a try. I'm sure you won't be disappointed.</p>
</div>
</div>
<div id="specials">
<h1>DAILY SPECIALS</h1>
<p>MONDAY:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;Deuce's Wild 2 Dogs,</p>
<div class="indent"><p> 2 Fries, 2 Drinks $4.00</p></div>
&nbsp;
<p>TUESDAY:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp;Kids age 10 &amp; under</p>
<div class="indent"><p>eat free from 5-7pm</p></div>
&nbsp;
<p>WEDNESDAY:&nbsp;&nbsp;&nbsp;Slashing Prices</p>
<div class="indent"><p>All items 50% off from 4-7pm</p></div>
&nbsp;
<p>THURSDAY:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Buy one Chicken Sandwich,</p>
<div class="indent"><p>get a 2nd 50% off</p></div>
&nbsp;
<p>FRIDAY:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;&nbsp;&nbsp;50% off Family Packs</p>
&nbsp;
<p>SATURDAY: &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Buy 1 Dog, get one free!!</p>
</div>
</div>
<div class="order_wheel">
<img src="../images/order_wheel.gif" alt="order_wheel" />
</div>
<div class="three_col_container_bottom">
<div class="left_col_bottom">
<div class="info">
<p>BECOME</p>
<p>A MEMBER OF THE </p>
<div id="member_logo"><img src="../images/diner_club_logo.gif" alt="diner_club_logo" /></div>
<p>CLUB</p>
<div id="join_now"><img src="../images/join_now.gif" alt="join_button" /></div>
</div>
</div>
<div class="middle_col_bottom">
<div class="info">
<h1>NEW LOCATION</h1>
<p>Address: 5494 Pearl Rd.</p>
<p>Phone: (440) 886-3647</p>
&nbsp;
<p><small>HOURS OF OPERATION</small></p>
<p>Monday-Saturday</p>
<p>11AM-8PM</p>
</div>
</div>
<div class="right_col_bottom">
<div class="info">
<p>Download our menu</p>
<a href="../images/menu.pdf"><img src="../images/download_now.gif" alt="download_now" /></a>
&nbsp;
<p>Want to work at</p>
<p>the Hot Dog Diner?</p>
&nbsp;
<div class="download_application2"><img src="../images/download_application.gif" alt="download_application" /></div>
</div>
</div>
</div>
</div>
<div id="copyright">&nbsp; &copy; 2009 Hot Dog Diner</div>
</div>
</body>
jataman2612 is offline   Reply With Quote
Old 11-04-2014, 12:09 AM   #4
jataman2612
 
Join Date: Nov 2014
Posts: 7
Default

CSS

@charset "utf-8";
/* CSS Document */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

/* remember to define focus styles! */
:focus {
outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
cell-spacing: 0;
}

#wrapper {
margin:auto;
width:968px;
float:left;
}

#header {
height:167px;
width:968px;
background-color:#FC0;
float: left;
}

#logo {
padding-top:15px;
margin-left: 20px;
margin-top: 0px;
float:left;
}

#email {
text-align: center;
font-family:Tahoma, Geneva, sans-serif;
font-size:14px;
margin-left: 150px;
padding-top: 15px;
float:left;
line-height:20px;
}

#search_box
{
float:left;
padding-top: 15px;
margin-left: 150px;
}

.navigation a{
color:#FFF;
text-decoration:none;
}

.navigation a:hover {
background-color:#FF0;
}

ul.navigation
{
text-decoration:none;
margin-left:340px;
margin-top: 5px;
}

.navigation li
{
color:#FFF;
display:inline;
margin-right:2px;
float:left;
line-height:35px;
font-family:Tahoma, Geneva, sans-serif;
font-size:22px;
text-decoration:none;
padding-left:12px;
}


#green_box
{
background-color:#060;
width:968px;
height:225px;
float:left;
background-repeat:no-repeat;
text-decoration:none;
}

.not_current_page
{
color:#FFF;
width:110px;
height:35px;
text-decoration:none;
}

.current_page
{
color:#FF0;
width:110px;
height:35px;
text-decoration:none;
}

#hotdog1
{
height:139px;
width:254px;
float:left;
margin-left:15px;
margin-top:20px;
}

#hotdog2
{
height:139px;
width:237px;
float:left;
margin-left:40px;
margin-top:20px;
}

#fries
{
height:139px;
width:168px;
float:left;
margin-left:40px;
margin-top:20px;
}

#burger
{
height:139px;
width:163px;
float:left;
margin-left:40px;
margin-top:20px;
}

#tan_box
{
height:750px;
width:968px;
background-color:#FC0;
float:left;
}

#download_menu{
font-family:Tahoma, Geneva, sans-serif;
font-size:18px;
text-align:center;
width:275px;
margin-top:15px;
margin-left:340px;
}

#title{
width:260px;
font-family:Tahoma, Geneva, sans-serif;
font-size:36px;
text-align:center;
color:#F00;
background-color:#FF0;
margin-top:5px;
margin-left:350px;
}

#snack_pack{
text-align:center;
line-height:30px;
font-size:20px;
}

#hungry_pack{
text-align:center;
line-height:30px;
font-size:20px;
}

#buddy_pack{
text-align:center;
line-height:30px;
font-size:20px;
}

#family_pack{
text-align:center;
line-height:30px;
font-size:20px;
}

.value_packs
{
width:950px;
margin-top:10px;
margin-left:100px;
}

.price{
font-size:32px;
text-align:center;
color:#C00;
margin-top:5px;
}

.column1
{
width:180px;
height:175px;
border:2px black solid;
float:left;
margin:0px;
}

.column2
{
width:180px;
height:175px;
border:2px black solid;
float:left;
margin:0px;
}

.column3
{
width:180px;
height:175px;
border:2px black solid;
float:left;
margin:0px;
}

.column4
{
width:180px;
height:175px;
border:2px black solid;
float:left;
margin:0px;
}

.three_col_container
{
width:950px;
overflow:auto;
}

.left_col
{
width:280px;
height:450px;
float:left;
margin:20px 5px 20px 25px;
}

.middle_col
{
width:280px;
height:450px;
float:left;
margin:20px 5px 20px 5px;
}

.right_col
{
width:280px;
height:450px;
float:left;
margin:20px 5px 20px 5px;
}

.sub_head{
text-align:center;
font-size:9px;
font-family:Verdana, Geneva, sans-serif;
padding-left:10px;
padding-right:10px;
line-height:12px;
}

.sub_head2{
text-align:center;
font-size:14px;
font-family:Verdana, Geneva, sans-serif;
padding-left:10px;
padding-right:10px;
line-height:12px;
}


.items{
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
margin-left:20px;
padding-right:5px;
line-height:18px;
}

.value_menu{
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
margin-left:20px;
padding-right:5px;
line-height:16px;
}

#farmer{
height: 325px;
width:272px;
float:left;
margin-top: 15px;
margin-left:15px;
margin-right:15px;
margin-bottom:10px;
}

.two_column_container
{
width:850px;
}

#diner
{
height:207px;
width: 315px;
float:left;
margin-top:20px;
margin-left:15px;
margin-right:15px;
margin-bottom:0px;
}

#home {
width:575px;
float:left;
padding:0px;
margin: 0px;
}

#text
{
width:525px;
height:325px;
font-family:Tahoma, Geneva, sans-serif;
padding-left:10px;
margin-top: 10px;
margin-left:10px;
margin-right:25px;
line-height:20px;
padding-right:20px;
border-right:2px solid #000;
}

#intro
{
width:700px;
font-family:Tahoma, Geneva, sans-serif;
padding-left:10px;
margin-top: 15px;
line-height:22px;
}

h1{
font-size:16px;
text-decoration:underline;
text-align:center;
padding-bottom:5px;
padding-top:10px;
color:#C00;
}

#specials
{
width:290px;
height:350px;
font-family:Tahoma, Geneva, sans-serif;
font-size:14px;
float:left;
line-height:20px;
margin:0px;
padding-left:20px;
}

.indent{
margin-left:100px;
}

.left_contact_col
{
width:200px;
height:390px;
float:left;
margin:25px;
text-align:center;
line-height:20px;
}

.right_contact_col
{
width:500px;
height:345px;
float:left;
margin:20px;
}

#download_application{
margin-top:15px;
float:left;
padding-left:50px;
}

.download_application2{
margin-top:10px;
float:left;
padding-left:35px;
}

.order_wheel{
width:926px;
height:318px;
padding-top:20px;
margin-left:15px;
}

.three_col_container_bottom{
width:900px;
}

.left_col_bottom{
height:200px;
width:200px;
float:left;
margin-left:50px;
position:absolute; left:30px; top:830px;
z-index:3;
}

.middle_col_bottom{
height:200px;
width:200px;
float:left;
margin-left:110px;
position:absolute;
left:279px;
top:829px;
z-index:3;
}

.right_col_bottom{
height:200px;
width:200px;
float:left;
margin-left:125px;
position:absolute; left:575px; top:830px;
z-index:3;
}

.info{
text-align:center;
margin-left:30px;
line-height:20px;
font-size:14px;
font-family:Tahoma, Geneva, sans-serif;
}

.info2{
text-align:center;
margin-left:30px;
line-height:20px;
font-size:18px;
font-family:Tahoma, Geneva, sans-serif;
}

#copyright
{
font-family:Tahoma, Geneva, sans-serif;
background-color:#C90;
font-size:9px;
line-height:20px;
float:left;
width:968px;
}

.three_col_container_order{
width:900px;
}

.left_col_order{
width:250px;
height:250px;
float:left;
margin:25px 12.5px 25px 40px;
}

.middle_col_order{
width:250px;
height:250px;
float:left;
margin:25px 12.5px 25px 20px;
}

.right_col_order{
width:250px;
height:250px;
float:left;
margin:25px 25px 25px 20px;
}

.how_to{
font-family:Tahoma, Geneva, sans-serif;
font-size:16px;
margin-left:5px;
margin-top:10px;
text-align:center;
line-height:22px;
}

.download{
font-family:Tahoma, Geneva, sans-serif;
font-size:16px;
margin-left:25px;
margin-top:10px;
text-align:center;
width:225px;
}

.dload_form{
padding:10px;
width:150px;
margin-left:20px;
}

.dload_menu{
padding:10px;
width:150px;
margin-left:20px;
}

.member_logo2{
padding:10px;
}

.join_now2{
padding:10px;
}
jataman2612 is offline   Reply With Quote
Old 11-04-2014, 12:14 AM   #5
jataman2612
 
Join Date: Nov 2014
Posts: 7
Default

the moderator has to approve the posting of my HTML so it will be posted twice b/c I didn't realize what was going on. Of course this is only one page. There are three other pages I haven't even listed yet.
jataman2612 is offline   Reply With Quote
Old 11-04-2014, 11:42 PM   #6
jataman2612
 
Join Date: Nov 2014
Posts: 7
Default

Can anyone offer any help with this? I have posted the HTML and CSS for the index page. I'm hoping whatever the problem is with this page is what the problem is with all of the other pages.
jataman2612 is offline   Reply With Quote
Old 11-05-2014, 12:54 AM   #7
edbr
edbr's Avatar
 
Join Date: Aug 2005
Location: Bali
Posts: 11,164
Default

have a look at relative positioning and dont worry how it appears in dreamwever if it looks ok in your browsers
__________________
If you're happy and you know it shake your meds!
different style links examples

Flight / Hotel search
Free script download
Bali Villas
edbr is offline   Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 04:08 PM.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com