Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Page 1 of 2 1 2 LastLast
Results 1 to 10 of 13
  1. #1
    Banned
    Join Date
    Sep 2004
    Posts
    23
    Member #
    7555

    Current Rating

    Visual Appeal:
    0.0 out of 5

    Accessibility:
    0.0 out of 5

    Website Speed:
    0.0 out of 5

    Compatibility:
    0.0 out of 5

    Overall Rating:
    0.0 out of 5

    Rate This Site


    Advertisement (login to hide this!)


    You must be logged in to view this site

    So I was hired by a buddy of mine to do website for his dog walking "business." Here is the "almost" finished product. I have yet to add the links but how do you think it is so far? He gave me nothing to work with and wanted it to "look cool." I hate when people give you know idea of what they want their site to look like. Anyway please critique! Thanks

    This is also my first ever "logo" so any critiques on that too would be nice...


  2.  

  3. #2
    Senior Member justlivyalife's Avatar
    Join Date
    Jul 2003
    Location
    Birmingham, UK
    Posts
    2,871
    Member #
    2374
    That looks very nice, and you've chosen one cute dog!

    I hope the final product will be bigger than this though!

    Design-wise, there isn't too much to critique, though perhaps you could try out a different font on the logo?
    justlivyalife - The future depends on what we do in the present. (Mahatma Gandhi)
    WDF Resources: WDF Rules
    Non-WDF: JavascriptSource | Dynamic Drive | phpBB | HTML-Kit | Winamp | Download Firefox | Morguefile

  4. #3
    Senior Member Richard S's Avatar
    Join Date
    Jul 2004
    Location
    SW Lonodn
    Posts
    219
    Member #
    6728
    Liked
    3 times
    ahhhh, so cute

    Nice job.

    You may find you need to fade the main content background a little to make the text show up better.

    Also if you want to be fussy you could tweak the levels of the cute little dog, he kinda looks just a tiny dark, but thats just nit picking.

    Also just realised, where is the navigation going to go?

  5. #4
    Banned
    Join Date
    Sep 2004
    Posts
    23
    Member #
    7555
    Here is the final version...(With Navigation) Please critique it..

    http://waggerdog.cq.bz/

  6. #5
    Senior Member Richard S's Avatar
    Join Date
    Jul 2004
    Location
    SW Lonodn
    Posts
    219
    Member #
    6728
    Liked
    3 times
    It looks good.

    It'd be good if you could center it in the screen maybe.

    Also, there isn't any contact information, perhaps a seperate page with all the contact details?

    But again looks realy nice.

  7. #6
    Banned
    Join Date
    Sep 2004
    Posts
    23
    Member #
    7555
    I searched for about an hour to get it to center veritcally and horizontally but I couldn't get it too. Also I plan to have those details on every page. Any more comments

  8. #7
    Senior Member Richard S's Avatar
    Join Date
    Jul 2004
    Location
    SW Lonodn
    Posts
    219
    Member #
    6728
    Liked
    3 times
    Easy way if you using tables is to encase the table you already have with a container table with a single row and single cell.

    Make the width and height of this table 100% and the table you already have should float in the middle/center of the new table.

    Hope that makes sence, here's what I mean:

    HTML Code:
    <table width="100%" height="100%" align="center">
    <tr><td valign="middle">
    
    ----PUT Your current main table in here---
    
    </td></td>
    </table>

  9. #8
    Senior Member
    Join Date
    Dec 2004
    Location
    Cincinati Ohio
    Posts
    178
    Member #
    8440
    Took about a couple minutes to load but once it loads it looks very good.
    When life gets you down grab some M&M's.
    http://www.lebanonequestrians.org

  10. #9
    Banned
    Join Date
    Sep 2004
    Posts
    23
    Member #
    7555
    Quote Originally Posted by Richard S
    Easy way if you using tables is to encase the table you already have with a container table with a single row and single cell.

    Make the width and height of this table 100% and the table you already have should float in the middle/center of the new table.

    Hope that makes sence, here's what I mean:

    HTML Code:
    <table width="100%" height="100%" align="center">
    <tr><td valign="middle">
    
    ----PUT Your current main table in here---
    
    </td></td>
    </table>
    Here is my code and it doesn't work...Can anyone help?
    Thanks

    Code:
    <!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>
    <title>Waggerdog: Dog Walking</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <script type="text/javascript">
    <!--
    
    function newImage(arg) {
    	if (document.images) {
    		rslt = new Image();
    		rslt.src = arg;
    		return rslt;
    	}
    }
    
    function changeImages() {
    	if (document.images && (preloadFlag == true)) {
    		for (var i=0; i<changeImages.arguments.length; i+=2) {
    			document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
    		}
    	}
    }
    
    var preloadFlag = false;
    function preloadImages() {
    	if (document.images) {
    		index_11_over = newImage("images/index_11-over.gif");
    		index_13_over = newImage("images/index_13-over.gif");
    		index_15_over = newImage("images/index_15-over.gif");
    		preloadFlag = true;
    	}
    }
    
    // -->
    
    function DWUSER_scrollbarStyler() {
    	// This is a stand in JavaScript function that interacts with the Dreamweaver Behavior Menu.
    	// Do NOT remove this function
    }
    //-->
    </script>
    <style type="text/css">
    <!--
    .style3 {
    	font-size: 10px;
    	color: #000000;
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    }
    a:link { 
    	color: #000000;
    	text-decoration: none;
    	}
    a:visited { 
    	color: #A89A89;
    	text-decoration: none;
    	}
    a:hover { 
    	color: #6F665B;
    	text-decoration: underline;
    	}
    a:active { 
    	color: #A89A89;
    	}
    -->
    </style>
    <style type="text/css">
    <!--
    /* ScrollbarStyler - DO NOT MODIFY THIS CSS!!! */
    html{scrollbar-track-color: #F5EADD; scrollbar-face-color: #EDD9C1; scrollbar-highlight-color: #F5EADD; scrollbar-3dlight-color: #6F665B; scrollbar-shadow-color: #A89A89; scrollbar-darkshadow-color: #000000; scrollbar-arrow-color: #FFFFFF;}
    -->
    </style>
    </head>
    <body bgcolor="#FFF3DB" onload="preloadImages();DWUSER_scrollbarStyler('#F5EADD', '#EDD9C1', '#F5EADD', '#6F665B', '#A89A89', '#000000', '#FFFFFF', 'undefined')">
    <table width="100%" height="100%" align="center">
    <tr><td valign="middle">
    <table id="Table_01" width="578" border="0" cellpadding="0" cellspacing="0">
    	<tr>
    		<td colspan="11">
    			<img id="index_01" src="images/index_01.gif" width="577" height="16" alt="" /></td>
    		<td>
    			<img src="images/spacer.gif" width="1" height="16" alt="" /></td>
    	</tr>
    	<tr>
    		<td colspan="9">
    			<img id="index_02" src="images/index_02.gif" width="348" height="3" alt="" /></td>
    		<td rowspan="2">
    			<img id="index_03" src="images/index_03.gif" width="207" height="58" alt="" /></td>
    		<td rowspan="6">
    			<img id="index_04" src="images/index_04.gif" width="22" height="314" alt="" /></td>
    		<td>
    			<img src="images/spacer.gif" width="1" height="3" alt="" /></td>
    	</tr>
    	<tr>
    		<td rowspan="5">
    			<img id="index_05" src="images/index_05.gif" width="25" height="311" alt="" /></td>
    		<td colspan="7" rowspan="2" id="index_06" background="images/index_06.gif" width="310" height="256" alt="" /><IFRAME NAME="Content" frameborder="0" height="255" width="309" SRC="home.html" allowtransparency="true" background-color="transparent" >
    </IFRAME></td>
    		<td rowspan="5">
    			<img id="index_07" src="images/index_07.gif" width="13" height="311" alt="" /></td>
    		<td>
    			<img src="images/spacer.gif" width="1" height="55" alt="" /></td>
    	</tr>
    	<tr>
    		<td rowspan="4">
    			<img id="index_08" src="images/index_08.gif" width="207" height="256" alt="" /></td>
    		<td>
    			<img src="images/spacer.gif" width="1" height="201" alt="" /></td>
    	</tr>
    	<tr>
    		<td colspan="7">
    			<img id="index_09" src="images/index_09.gif" width="310" height="14" alt="" /></td>
    		<td>
    			<img src="images/spacer.gif" width="1" height="14" alt="" /></td>
    	</tr>
    	<tr>
    		<td rowspan="2">
    			<img id="index_10" src="images/index_10.gif" width="11" height="41" alt="" /></td>
    		<td>
    			<a href="home.html" target="Content"
    				onmouseover="changeImages('index_11', 'images/index_11-over.gif'); return true;"
    				onmouseout="changeImages('index_11', 'images/index_11.gif'); return true;"
    				onmousedown="changeImages('index_11', 'images/index_11-over.gif'); return true;"
    				onmouseup="changeImages('index_11', 'images/index_11-over.gif'); return true;">
    				<img name="index_11" id="index_11" src="images/index_11.gif" width="66" height="23" border="0" alt="" /></a></td>
    		<td rowspan="2">
    			<img id="index_12" src="images/index_12.gif" width="28" height="41" alt="" /></td>
    		<td>
    			<a href="prices.html" target="Content"
    				onmouseover="changeImages('index_13', 'images/index_13-over.gif'); return true;"
    				onmouseout="changeImages('index_13', 'images/index_13.gif'); return true;"
    				onmousedown="changeImages('index_13', 'images/index_13-over.gif'); return true;"
    				onmouseup="changeImages('index_13', 'images/index_13-over.gif'); return true;">
    				<img name="index_13" id="index_13" src="images/index_13.gif" width="69" height="23" border="0" alt="" /></a></td>
    		<td rowspan="2">
    			<img id="index_14" src="images/index_14.gif" width="26" height="41" alt="" /></td>
    		<td>
    			<a href="about.html" target="Content"
    				onmouseover="changeImages('index_15', 'images/index_15-over.gif'); return true;"
    				onmouseout="changeImages('index_15', 'images/index_15.gif'); return true;"
    				onmousedown="changeImages('index_15', 'images/index_15-over.gif'); return true;"
    				onmouseup="changeImages('index_15', 'images/index_15-over.gif'); return true;">
    				<img name="index_15" id="index_15" src="images/index_15.gif" width="100" height="23" border="0" alt="" /></a></td>
    		<td rowspan="2">
    			<img id="index_16" src="images/index_16.gif" width="10" height="41" alt="" /></td>
    		<td>
    			<img src="images/spacer.gif" width="1" height="23" alt="" /></td>
    	</tr>
    	<tr>
    		<td>
    			<img id="index_17" src="images/index_17.gif" width="66" height="18" alt="" /></td>
    		<td>
    			<img id="index_18" src="images/index_18.gif" width="69" height="18" alt="" /></td>
    		<td>
    			<img id="index_19" src="images/index_19.gif" width="100" height="18" alt="" /></td>
    		<td>
    			<img src="images/spacer.gif" width="1" height="18" alt="" /></td>
    	</tr>
    </table>
    <span class="style3">Copyright Bradley Newbould 2005-2006
    <br />
    Layout Design by <a href="http://www.phillysfun.com/">Phillysfun.com</a></span>
    </td></td>
    </table>
    </body>
    </html>

  11. #10
    Senior Member Richard S's Avatar
    Join Date
    Jul 2004
    Location
    SW Lonodn
    Posts
    219
    Member #
    6728
    Liked
    3 times
    Umm, I can't see any reason why that wouldn't work, I've used pretty much the exact same code here: http://www.rjones.rrss.co.uk/ and it works fine.

    The other way to do it is using CSS, what you do is position the table absolutly, then set the 'left' and 'top' attributes to 50%, lastly you set the margin-left and margine-top to -half the width and height. So for your table the CSS would look like this:

    HTML Code:
    #table01 {position:absolute;
    top:50%;
    left:50%;
    margin-left:-289px;
    margin-top:-(half the total height of the table)px;
    }
    This will center the table in the center of the screen, what ever size the view port is.


Page 1 of 2 1 2 LastLast

Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 07:47 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com