PDA

View Full Version : New guy :D


stanltu
12-28-2010, 04:29 PM
Hello,

http://leafletsandflyers.org/design.php

I want to build a website for myself. I started it but ran in to a problem.
When I type in lots of text I need table field bellow gray_field(loginphp script in future) to stretch out rather than gray_field.

Also I need some info how to set up php login scripts for customers and etc. :) lots of work to do.... :roll:

DWcourse
12-29-2010, 12:54 AM
I know this isn't what you're hoping to hear but just slicing an image and exporting from Fireworks isn't the way to create a website. You need to learn html and CSS and use divs to put your layout together.

Corrosive
12-29-2010, 02:34 PM
Also I need some info how to set up php login scripts for customers and etc. :) lots of work to do.... :roll:

Listen to DWCourse. He knows what he is talking about regarding build methodology.

As for login scripts etc you might want to look at using a CMS platform for your website from the start. A lot of that kind of functionality is available without reinventing the wheel with Joomla, Drupal etc.

stanltu
12-30-2010, 10:47 AM
I am learning css right now. Hope to get hang of it by the 10th of Jan.

Corrosive
12-30-2010, 10:49 AM
Hope to get hang of it by the 10th of Jan.

Ha, ha. Always good to have a deadline. Albeit an extremely tight one!

d a v e
12-30-2010, 01:43 PM
also if i can be so bold as to make a couple of suggestions (though of course it realise this is a work in progress)

1. the design and print at the top is difficult to read over the ruler - reduce the opacity/adjust levels of the ruler so you can easily read the text

2. explain bleed a little bit more - that the document has to extend 3mm over the margins, rather than saying 'space' otherwise clients will leave 3mm bleed comprised of just empty space ;) and ask for highest quality/least compression for jpeg (and pdf)

3. ask them to embed fonts on the pdf - otherwise they'll forget and you'll end up with all courier (or whatever :) )

jmichae3
01-01-2011, 01:37 AM
I might also suggest that if you use divs, I was thinking something like this for the header:
div#hdrcontainer {
width:700px;
background-color:#888;
height:200px;
}
div.hdrspacer {
background-color:#888;
float:right;
width:5px;
padding-bottom:20px;
}

div.flyers {
width:320px;
background-color:#888;
float:right;
padding-left:20px;
padding-bottom:20px;
}
div.servicesprices {
width:150px;
background-color:#888;
float:right;
padding-bottom:20px;
}
div.designprint {
width:150px;
background-color:#888;
padding-bottom:20px;
}
div.infocontacts {
width:160px;
background-color:#888;
padding-right:20px;
padding-bottom:20px;
}

div.login {
text-align:right;
padding-right:80px;
background-color:#888;
}


<div id="hdrcontainer">
<div id="login"><a href="login.php">login</a> | <a href="home.php">Home</a></div>
<div id="flyers"><img alt="flyers" width="320"></div>
<div class="hdrspacer"></div>
<div id="servicesprices"><img alt="services & prices" width="150"></div>
<div class="hdrspacer"></div>
<div id="designprint"><img alt="design and print" width="150"></div>
<div class="hdrspacer"></div>
<div id="infocontacts"><img alt="infocontacts" width="160"></div>
<div class="hdrspacer"></div>
</div>

this should work.

Corrosive
01-02-2011, 08:42 AM
I might also suggest that if you use divs, I was thinking something like this for the header:
div#hdrcontainer {
width:700px;
background-color:#888;
height:200px;
}
div.hdrspacer {
background-color:#888;
float:right;
width:5px;
padding-bottom:20px;
}

div.flyers {
width:320px;
background-color:#888;
float:right;
padding-left:20px;
padding-bottom:20px;
}
div.servicesprices {
width:150px;
background-color:#888;
float:right;
padding-bottom:20px;
}
div.designprint {
width:150px;
background-color:#888;
padding-bottom:20px;
}
div.infocontacts {
width:160px;
background-color:#888;
padding-right:20px;
padding-bottom:20px;
}

div.login {
text-align:right;
padding-right:80px;
background-color:#888;
}


<div id="hdrcontainer">
<div id="login"><a href="login.php">login</a> | <a href="home.php">Home</a></div>
<div id="flyers"><img alt="flyers" width="320"></div>
<div class="hdrspacer"></div>
<div id="servicesprices"><img alt="services & prices" width="150"></div>
<div class="hdrspacer"></div>
<div id="designprint"><img alt="design and print" width="150"></div>
<div class="hdrspacer"></div>
<div id="infocontacts"><img alt="infocontacts" width="160"></div>
<div class="hdrspacer"></div>
</div>

this should work.

I'm going to disagree here. Your navigation should really be set up with an unordered list. You can use images for links but look at the Phark image replacement technique (http://www.domedia.org/oveklykken/css-image-replacement.php) instead so there is some HTML text in your links. Using alt is OK but not as effective as full text.

gentleone
01-02-2011, 11:26 AM
I agree with Corrosive. The HTML should be semantic which means meaningful markup ans structure. Using a div (hdrspacer) to make space is the same as using a spacer.gif in the old table-layout days while setting a margin in the CSS will do the trick as well.

stanltu
01-03-2011, 10:09 PM
Hello again!
Really grateful for all your replies. :)

Ive been busy partying on Christmas and New year so I haven't been posting my progress.

http://leafletsandflyers.org/indextemplate.php

This is newer version of site. Completed with CSS. I find CSS more difficult than HTML... :/

While designing with CSS I ran in to some problems.
1) I'm still haven't figured out a proper way to handle text witch stretches website. I know I have to use clear at footer but I already used position absolute. Link to view: http://leafletsandflyers.org/design.php
2) I created right and left sides with div.I haven't put any info into them and defined height. How do I make them stretch ?
3) How can I put fonts in to my website and then link them to my desired text ? I used Modern no. 20

I also have some questions about php:
1) How can I make page within the page ? for example smth.com/index.php?=design. So that only main content would be changed.
2) How do I insert login.php into HTML ?

If any of you answers any of these questions it will be greatly appreciated.

Corrosive
01-04-2011, 07:42 AM
1) How can I make page within the page ? for example smth.com/index.php?=design. So that only main content would be changed.


Why do you want to do this? The best way for SEO is to have a separate page for each. The browser will cache the repeating areas and you can make updates to multiple pages using; http://www.dreamweaverclub.com/php-includes.php or http://www.dreamweaverclub.com/dreamweaver-templates.php (the first being my preference.

Hope that helps.

stanltu
01-04-2011, 09:42 PM
<?php
require_once("Connections/connection.php"); //database con

//catch field data
$userid = $_POST['userid'];
$password = $_POST['password'];
$submitted = $_POST['submitted'];

if ($userid && $password) {
///////////////////////////////////////////////////
$query = sprintf("SELECT * FROM users where user_email='$userid' and user_password = '$password'");
$result = @mysql_query($query);
$rowAccount = @mysql_fetch_array($result);
///////////////////////////////////////////////////
}
if ($rowAccount){
echo "The record exist you may enter";
}
elseif($submitted){
echo "You dont exist in the system!";
?>


trying to write login php but there is an error. please help. I tried tut but resolution is too low for me to see all the symbols

Corrosive
01-05-2011, 06:07 AM
Might help if you tell us what the error is.

edbr
01-05-2011, 06:24 AM
i1 are you connected?
2 echo the values to see if they are correct
echo $userid;
echo $password;
echo $submitted;
add this before the query