Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 9 of 9
  1. #1
    New Coder
    Join Date
    Mar 2007
    Posts
    61
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Real Estate Design

    I am currently trying to build a portfolio, and this is my first website. It's not done yet, the page has non-working links. However, I would be very interested to hear feedback and receive comments on improving the loading time and the design. Thank you!

    URL is: http://nervegas87.tripod.com/

    CSS:
    Code:
    	/* Container */
    
    body {
    	text-align: center;
    	margin: 0px; 
    	padding:0px;	
    	background-color: #8b8d99
    	}
    
    #main {
    	margin:0px auto;
    	padding:0px;
    	height: 580px; width: 1000px; 
    	overflow:hidden;
    	}
    
    	/* Top Bar */
    
    #top {
    	background-image:url('top.png');
    	height: 90px; width: 1000px	
    	}
    
    .langs {
    	width: 256px; height: 90px;
    	float: left;
    	margin: 0px; 
    	padding: 0px
    	}
    
    .esp {
    	width: 128px; height: 90px;
    	float: right; 
    	overflow: hidden
    	}
    
    .eng {
    	width: 128px; height: 90px;
    	float: left; 
    	overflow: hidden
    	}
    
    .langs img {
    	border: 0px
    	}
    
    .launch_bar {
    	float: right;
    	margin-right: 20px;
    	margin-top: 50px;
    	overflow: hidden;
    	height: 30px;
    	}
    
    	/* Header */
    
    #header {
    	width: 1000px;
    	height: 150px;
    	background-image: url('header.png')
    	}
    
    	/* Menu Bar */
    
    #menu {
    	width: 1000px;
    	height: 40px;
    	background: url('menub.png');
    	overflow: hidden;
    	margin: 0px
    	}
    
    .menu_c {
    	font: 20px verdana;
    	color: white;
    	float: left; 
    	display: block
    	}
    
    .menu_c img {
    	float: left;
    	margin: 0px 8px;
    	border:0px
    	}
    
    #tree_a {
    	position:absolute;
    	margin-left:204px;
    	margin-top: 0px;
    	visibility: hidden;
    	z-index: 2;
    	width: 180px; height:60px;
    	background-color:#4a8ed4
    	}
    
    #tree_b {
    	position:absolute;
    	margin-left:400px;
    	margin-top: 0px;
    	visibility: hidden;
    	z-index: 2;
    	width: 180px; height:90px;
    	background-color:#4a8ed4
    	}
    
    #tree_c {
    	position:absolute;
    	margin-left:596px;
    	margin-top: 0px;
    	visibility: hidden;
    	z-index: 2;
    	width: 180px; height:90px;
    	background-color:#4a8ed4
    	}
    
    #tree_a a:link, #tree_a a:visited, 
    #tree_b a:link, #tree_b a:visited, 
    #tree_c a:link, #tree_c a:visited {
    	font: 12px verdana;
    	color: white;
    	text-decoration: none;
    	}
    
    #tree_a a:hover, #tree_b a:hover, #tree_c a:hover {
    	font-weight: bold
    	}
    
    	/* Text Place */
    
    #text {
    	width: 1000px;
    	height: 250px;
    	background: url('textbg.png') repeat-y
    	}
    
    .feature {
    	float: right;
    	font: 22px verdana;
    	margin-top: 20px;
    	margin-right: 20px;
    	color: black;
    	font-variant: small-caps;
    	height: 220px; width: 250px
    	}
    
    .feature div {
    	font: 16px arial;
    	color: black;
    	border: 1px solid gray;
    	width: 150px; height: 160px;
    	text-align:center;
    	margin: 0px auto;
    	}
    
    .feature img {
    	border: 1px solid gray;
    	width: 150px; height: 120px
    	}
    
    .paragraph {
    	float: left;
    	font: 18px times;
    	color: black;
    	margin-left: 50px;
    	margin-top: 50px;
    	width: 500px;
    	text-align: left
    	}
    
    	/* Footer */
    
    #footer {
    	width: 1000px;
    	height:50px;
    	background: url('footer.png') repeat-x;
    	margin:0px
    	}
    
    .feature {
    	float: right;
    	font: 22px verdana;
    	margin-top: 20px;
    	margin-right: 20px;
    	color: black;
    	font-variant: small-caps
    	}
    
    .feature div {
    	font: 16px arial;
    	color: black;
    	border: 1px solid gray;
    	width: 150px; height: 120px
    	}
    
    .feature img {
    	border: 1px solid gray;
    	width: 150px; height: 120px
    	}
    
    .paragraph {
    	float: left;
    	font: 18px times;
    	color: black;
    	margin-left: 50px;
    	margin-top: 50px;
    	width: 500px;
    	text-align: left
    	}
    
    .note, #footer a:link, #footer a:visited  {
    	padding-top:15px;
    	font: 14px verdana;
    	color: white;
    	text-decoration: none
    	}
    
    #footer a:hover {
    	text-decoration: underline
    	}
    JS
    Code:
    // This function corresponds to the Quick Launch Bar
    
    function quickLaunch() {
    	var selected = document.getElementById("quick").launch
    	location.href = selected.options[selected.selectedIndex].value
    	}
    
    // This function changes images for the flags and the simple links
    
    function changeImage(which,img) {
    	document.getElementById(which).src= img
    	}
    
    // These two, however, are for the dynamic links
    
    function root(which,img,type) {
    	document.getElementById(which).src = img
    	document.getElementById(type).style.visibility= "visible"
    	}
    function unroot(which,img,type) {
    	document.getElementById(which).src = img
    	document.getElementById(type).style.visibility= "hidden"
    	}
    
    // And the rest is the precaching of images
    
    	var lib = new Array()
    	lib["image1"] = new Image(128,90)
    	lib["image1"].src = "eng.png"
    
    	lib["image2"] = new Image(128,90)
    	lib["image2"].src = "eng_f.png"
    
    	lib["image3"] = new Image(128,90)
    	lib["image3"].src = "esp.png"
    
    	lib["image4"] = new Image(128,90)
    	lib["image4"].src = "esp_f.png"
    
    	lib["image5"] = new Image(180,40)
    	lib["image5"].src = "menu1.png"
    
    	lib["image6"] = new Image(180,40)
    	lib["image6"].src = "menu1f.png"
    
    	lib["image7"] = new Image(180,40)
    	lib["image7"].src = "menu2.png"
    
    	lib["image8"] = new Image(180,40)
    	lib["image8"].src = "menu2f.png"
    
    	lib["image9"] = new Image(180,40)
    	lib["image9"].src = "menu3.png"
    	
    	lib["image10"] = new Image(180,40)
    	lib["image10"].src = "menu3f.png"
    
    	lib["image11"] = new Image(180,40)
    	lib["image11"].src = "menu4.png"
    
    	lib["image12"] = new Image(180,40)
    	lib["image12"].src = "menu4f.png"
    
    	lib["image13"] = new Image(180,40)
    	lib["image13"].src = "menu5.png"
    
    	lib["image14"] = new Image(180,40)
    	lib["image14"].src = "menu5f.png"
    
    	lib["image15"] = new Image(1000,90)
    	lib["image15"].src = "top.png"
    
    	lib["image16"] = new Image(1000,150)
    	lib["image16"].src = "header.png"
    Last edited by nervegas87; 04-13-2007 at 02:55 AM. Reason: Add some stuuf

  • #2
    Regular Coder westmatrix99's Avatar
    Join Date
    Dec 2006
    Location
    South Africa
    Posts
    307
    Thanks
    12
    Thanked 0 Times in 0 Posts
    Popups are bad; remove it.
    You are advertising porn in a way with find the best models; remove it.
    The site looks ok, otherwise.
    I have designed two real estate or property sites: here is one:
    http://www.chapmanspeakproperties.com/php/home.php
    Thanks for you support!

  • #3
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,637
    Thanks
    6
    Thanked 1,004 Times in 977 Posts
    The page looks OK, in my opinion. Nothing very outstanding but certainly not bad.
    However, mousover buttons and drop down navigations can all be done with CSS nowadays (except IE needs a little JS help):


    Also I hope you are going to have a proper doctype in your document on launch?

  • #4
    Rockstar Coder
    Join Date
    Jun 2002
    Location
    USA
    Posts
    9,074
    Thanks
    1
    Thanked 328 Times in 324 Posts
    The page is a little too wide, people using 1024x768 resolution on their monitor, even with the browser maximized are going to have to scroll horizontally. You'll want to look into making your layout narrower.

    Quote Originally Posted by westmatrix99
    You are advertising porn in a way with find the best models; remove it.
    Huh?
    OracleGuy

  • #5
    Regular Coder westmatrix99's Avatar
    Join Date
    Dec 2006
    Location
    South Africa
    Posts
    307
    Thanks
    12
    Thanked 0 Times in 0 Posts
    What does huh? mean?

    I saw the advert that said find the best model click here or similar but it had a chick on it.
    so you say huh? because you did not click any links, so you did not see it.

    Cheers
    Last edited by westmatrix99; 04-13-2007 at 09:18 AM.
    Thanks for you support!

  • #6
    Regular Coder westmatrix99's Avatar
    Join Date
    Dec 2006
    Location
    South Africa
    Posts
    307
    Thanks
    12
    Thanked 0 Times in 0 Posts
    Please tell me oracleguy since you are a moderator why I am unable to edit my fist posts on this forum?
    Thanks for you support!

  • #7
    Rockstar Coder
    Join Date
    Jun 2002
    Location
    USA
    Posts
    9,074
    Thanks
    1
    Thanked 328 Times in 324 Posts
    I'm not sure on the time length but I believe its around 2 hours, you can no longer edit your posts. I believe a more detailed explanation of this rule has been said in the feedback forum if you search for it.

    I didn't see it because I have the pop-up blocker running in Firefox with Adblock. It wasn't clear if you were talking about something you saw on his page or an ad coming from the free Tripod hosting the OP is using.
    OracleGuy

  • #8
    New Coder
    Join Date
    Mar 2007
    Posts
    61
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks for the reviews. however, westmatrix, for one i don't know anything about pornos and best models. The page is being hosted by tripod and i don't know what they are showing. Please try to ignore those advertisements as they are not part of the true website.
    Also, VIPStephan, what do you mean regarding the DOCTYPE? I placed mine as Strict.

  • #9
    Regular Coder westmatrix99's Avatar
    Join Date
    Dec 2006
    Location
    South Africa
    Posts
    307
    Thanks
    12
    Thanked 0 Times in 0 Posts
    Cool will do, I just saw it when I clicked on a link.

    Cheers
    Otherwise it looks OK, when will it be complete?
    Thanks for you support!


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •