Jump to content
UncleStef Mentoring Update: New SEO course!

jp612

Member
 View Profile  See their activity

  • Posts

    69

  • Joined

  • Last visited

 Content Type 

Posts posted by jp612

  1. SLICE LINES SHOWING ON WEBSITE

    in Beginners Web Design

    Posted · Edited by jp612

    The images themselves seem to have black slice marks in them. So you must have a black background color in your psd design. You should either have a transparent background or the same color as your website background color (grey in your case). To make it easier to cut accurately around the image turn snap on. Go to view -> snap.

     

    Also it is not good practice to create a site using a table layout. Even though photoshop offers this option. Its better to use a div layout, there are some tutorials out there to help you.

     

    http://creativenerds.co.uk/tutorials/30-tutorials-on-converting-a-psd-to-xhtml-and-css/

     

    And again its also not good practice to make the text in your website as an image file. Even if its just the navbar and the footer info. This is because search engines cannot see the text in the image. Once again this is easy to do with divs.

  2. Javascript slideshow not working in IE

    in Javascript

    Posted

    I created a javascript slideshow on my homepage and i tested it in opera, firefox, safari and chrome and it works perfectly there.

     

    But its not working in any version of IE. I tested 8 and 7.

     

    this is my code

    var slideshow_width='841px' //SET IMAGE WIDTH

var slideshow_height='225px' //SET IMAGE HEIGHT

var pause=7000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)



var fadeimages=new Array()

//SET 1) IMAGE PATHS, 2) optional link, 3), optional link target:

fadeimages[0]=["js/homepage-slideshow/website-design.jpg", "", ""] //plain image syntax

fadeimages[1]=["js/homepage-slideshow/graphic-design.jpg", "", ""] 

fadeimages[2]=["js/homepage-slideshow/no-problem.jpg", "", ""] 



////NO need to edit beyond here/////////////



var preloadedimages=new Array()

for (p=0;p<fadeimages.length;p++){

preloadedimages[p]=new Image()

preloadedimages[p].src=fadeimages[p][0]

}



var ie4=document.all

var dom=document.getElementById



if (ie4||dom)

document.write('<div style="position:relative;width:'+slideshow_width+';height:'

+slideshow_height+';overflow:hidden"><div  id="canvas0" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height

+';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10"></div><div id="canvas1" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height

+';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10;visibility: hidden"></div></div>')

else

document.write('<img name="defaultslide" src="'+fadeimages[0][0]+'">')



var curpos=10

var degree=10

var curcanvas="canvas0"

var curimageindex=0

var nextimageindex=1



function fadepic(){

if (curpos<100){

curpos+=10

if (tempobj.filters)

tempobj.filters.alpha.opacity=curpos

else if (tempobj.style.MozOpacity)

tempobj.style.MozOpacity=curpos/101

}

else{

clearInterval(dropslide)

nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"

tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)

tempobj.innerHTML=insertimage(nextimageindex)

nextimageindex=(nextimageindex<fadeimages.length-1)? nextimageindex+1 : 0

var tempobj2=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)

tempobj2.style.visibility="hidden"

setTimeout("rotateimage()",pause)

}

}



function insertimage(i){

var tempcontainer=fadeimages[i][1]!=""? '<a href="'+fadeimages[i][1]+'" target="'+fadeimages[i][2]+'">' : ""

tempcontainer+='<img src="'+fadeimages[i][0]+'" border="0">'

tempcontainer=fadeimages[i][1]!=""? tempcontainer+'</a>' : tempcontainer

return tempcontainer

}



function rotateimage(){

if (ie4||dom){

resetit(curcanvas)

var crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)

crossobj.style.zIndex++

tempobj.style.visibility="visible"

var temp='setInterval("fadepic()",50)'

dropslide=eval(temp)

curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"

}

else

document.images.defaultslide.src=fadeimages[curimageindex][0]

curimageindex=(curimageindex<fadeimages.length-1)? curimageindex+1 : 0

}



function resetit(what){

curpos=10

var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)

if (crossobj.filters)

crossobj.filters.alpha.opacity=curpos

else if (crossobj.style.MozOpacity)

crossobj.style.MozOpacity=curpos/101

}



function startit(){

var crossobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)

crossobj.innerHTML=insertimage(curimageindex)

rotateimage()

}



if (ie4||dom)

window.onload=startit

else

setInterval("rotateimage()",pause)

     

    Im a little confused since it works well everywhere else but is there some IE issue thats causing the trouble?

     

    Its at the bottom of the homepage.

    www.debesdesign.com

  3. form proccessing not working

    in PHP

    Posted

    Ah yes! I turned on php errors, removed the error2 echo and put in the correct url in the header (dunno what i was thinking there).

     

    Turns out i had a small syntax error just before the header function so it never took me back to my contact page. I forgot to put a } on the end of my first header function:

     

    	
if($num == 0) {
	// process form
echo "success";

}else{
	header("location: index.php?page=contact"); 
}else{

header("location: index.php?page=contact");
}

     

    So I fixed that and it works now. Thanks a lot! I thought that php always shows info about the error no matter what. Knowing I have to turn it on will save me a lot of headache in the future.

  5. form proccessing not working

    in PHP

    Posted

    Im just going through a form proccessing & emailing tutorial for PHP and it doesnt seem to be doing anything so far.

     

    my index.php file:

    <?php session_start(); ?>

<!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>
<?php
if($_GET['page'] == "design") {
echo "Website Design Services";
}else if($_GET['page'] == "graphic") {
echo "Graphic Design Services";
}else if($_GET['page'] == "contact") {
echo "Contact Us";
}else if($_GET['page'] == "about") {
echo "About Us";
}else{
echo "Debes Web Design Services";
}
?>
</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<?php
$include_home = "include(\"includes/home.php\")";
if($include_home)
echo "<link href=\"css/home.css\" rel=\"stylesheet\" type=\"text/css\" />";
?> 

<!--[if lt IE 8]>
       <link rel="stylesheet" type="text/css" href="css/ie7.css" />
<![endif]-->


</head>

<body>

<div id="page-wrapper">
<div id="header-wrapper">
 		<div id="header">
  			<div id="logo">
  				<a href="index.php?page=home"><img src="images/debes-logo.png" width="210" height="88" alt="Debes Web Design Logo"/></a> 
   		</div> 
   		<div id="navbar">

           <ul>
             <li> <a href='index.php?page=home'>Home</a> </li>	
             <li> <a href='index.php?page=design'>Web Design</a> </li>
             <li> <a href='index.php?page=graphic'>Graphic Design</a> </li> 
             <li> <a href='index.php?page=contact'>Contact</a> </li>  
            <!-- <li> <a href='index.php?page=about'>About</a> </li>  -->
           </ul>
  		    </div>
 		</div>
</div>

<?php 

if($_GET['page'] == "design") {
include("includes/design.html");
}else if($_GET['page'] == "graphic") {
include("includes/graphic.html");
}else if($_GET['page'] == "contact") {
include("includes/contact.php");
}else if($_GET['page'] == "about") {
include("includes/about.html");
}else{
include("includes/home.php");
}
?>






<div id="footer">
<div id="footer-content">
<p>© debesdesign.com 2010</p>
</div>
</div>

</div>
</body>
</html>

     

     

    my contact.php include: 

    <?php if(isset($_SESSION['name'])){ echo $_SESSION['name']; } ?>

<div id="content-wrapper">

	<div id="content-background"> 
   	<div id="content"> 
		<div id="content-left-pane-design">
           <h2>Contact Us</h2>
           <p>Got an enquiry? Feel free to contact us about pricing, your website, etc.</p>
           <div id="form-contact">
			<form action="form_contact.php" method="post">
	<div id="input-name"><span id="name">Name*</span>	<input type="text" value="<?php if(isset($_SESSION['name'])){ echo $_SESSION['name']; } ?>" name="name" /> <?php if(isset($_SESSION['error_name'])){ echo $_SESSION['error_name']; } ?> <br /></div>	
	<div id="input-company"> <span id="company">Company</span> <input type="text" value="" name="company" /> <br /></div>	
       <div id="input-website"> <span id="website">Website</span> <input type="text" value="" name="website"/> <br /></div>  
       <div id="input-email"> <span id="email">Email*</span> <input type="text" value="<?php if(isset($_SESSION['email'])){ echo $_SESSION['email']; } ?>" name="email"/> <?php if(isset($_SESSION['error_email'])){ echo $_SESSION['error_email']; } ?> <br /></div>
       <div id="input-enquiry"><span id="enquiry">Enquiry*</span> <textarea rows="10" cols="60" name="enquiry"><?php if(isset($_SESSION['enquiry'])){ echo $_SESSION['enquiry']; } ?></textarea> <?php if(isset($_SESSION['error_enquiry'])){ echo $_SESSION['error_enquiry']; } ?> <br /></div>
       <div id="input-submit"><input type="submit" value="Send" name="submit" /></div> 
                </form>
		</div>
           </div>

	<div id="content-right-pane-design">
       <div id="right-pane">

       </div>


       </div>
</div>

   </div>
	<div id="maincontentborder-bottom"></div> 
       </div>

     

    and finally my form_contact.php which proccesses the form:

    <?php

session_start();

$num = 0;

if($_POST['submit']) {


if(strlen($_POST['name']) > 0) {
				 $num = $num;
				 $_SESSION['name'] = $_POST['name'];
				 unset($_SESSION['error_name']);

}else{
				$num = $num + 1;
				$_SESSION['error_name'] = "You have not filled out your name!";

}

if(strlen($_POST['email']) > 0) {
				 $num = $num;
				 $_SESSION['email'] = $_POST['email'];
				 unset($_SESSION['error_email']);

}else{
				$num = $num + 1;
				$_SESSION['error_email'] = "You have not filled out your email address!";

}

if(strlen($_POST['enquiry']) > 0) {
				 $num = $num;
				 $_SESSION['enquiry'] = $_POST['enquiry'];
				 unset($_SESSION['error_enquiry']);

}else{
				$num = $num + 1;
				$_SESSION['error_enquiry'] = "You have not given us a message!";

}


if($num == 0) {
	// process form
echo "success";

}else{
	echo "error2!";
	header("location: includes/contact.php");
}else{

echo "error!";
}



?>

     

     

    Whats supposed to happen so far is that if i dont enter any text into the enquiry, email and name forms i should be taken back to my contact.php file with error messages echo'd saying that i didnt fill in anything, but all i get is a blank page. If i fill in all the data i get a blank page to no message saying success.

     

    I guess its just a code error somewhere but i have looked all through. I put the session_start(); at the top of my index.php above the doctype where it belongs since my selected page is always included using.

     

    Im not too sure what the problem is but it looks ok. I put all the session stuff into the contact.php into and next to the forms so it can show error messages and proccess the data.

     

    thanks.

  7. Embeded flash not working

    in Flash

    Posted

    seems like it is a path problem. If you write:

    param name="movie" value="homepage-slideshow.swf" /> , it means that html file and slideshow should be in a same folder. Just to test it, copy slideshow to the same folder as your home page ( or include file in which .swf file is used) and see if flash is loaded.

     

    Yeah thats what i thought it was. And i fiddled around with the path and location of the flash file to the point where i copied the flash file all over the place.

     

    I now packed the html flash file and the swf file in one folder and used a php include to put the html file where i want it. But still no luck...

  8. webpage all over the place in IE 7

    in HTML/XHTML

    Posted

    Yeah it seem to be working i got the navbar back. Why does IE7 not like positioning? Its compatible with all major browsers... I always thought positioning was a little better than pushing everything around with margins?

     

    Also whenever i upload my changes to godaddy the browser often doesnt register the changes for a while. Even though I clear cookies, cache and browsing history. Changes always seem to register after I clear the cookies and cache on my localhost so Im starting to think its more of a godaddy issue.

  10. My fonts look ugly in IE

    in CSS

    Posted

    Ahh I usually have the firefox, chrome and opera on my ubuntu and use my virtual W7 to test safari & IE. But i just installed firefox and safari on my virual machine only to find out that the fonts there were nasty too.

     

    I think it may just be a virual machine issue. Ill test it on my hardware W7 soon.

  12. Embeded flash not working

    in Flash

    Posted

    Urgh! I tried publishing it and it worked in the html file but when i put the code into my website it didnt work. However it does work when i open my include html file (homepage.html) in a browser.

     

    Its as if flash cant deal with my php in the site. or some css is annoying it.

  15. My fonts look ugly in IE

    in CSS

    Posted

    my websites fonts look so terrible in internet explorer only. Im not too sure what causes this but they are just fuzzy and have lots of square edges (no anti aliasing).

     

    these are my fonts:

    "Palatino Linotype", "Book Antiqua", Palatino, serif;

    "Lucida Sans Unicode", "Lucida Grande", sans-serif;

     

    why is this happening?

     

    Thanks

  16. Embeded flash not working

    in Flash

    Posted · Edited by jp612

    Hi,

     

    I created a flash video (.swf) and tried to embed it in html. I got my dreamweaver CS4 to create it for me but when i visit it, i get told to install the newest version of flash even though i have it. I tested it on 2 pc's and all major web browsers

     

    this is the main embed code:

    div id="homepage-slideshow">
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="50" height="50" id="FlashID" title="slideshow">
     <param name="movie" value="flash/homepage-slideshow.swf" />
     <param name="quality" value="high" />
     <param name="wmode" value="opaque" />
     <param name="swfversion" value="6.0.65.0" />
     <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
     <param name="expressinstall" value="../Scripts/expressInstall.swf" />
     <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
     <!--[if !IE]>-->
     <object type="application/x-shockwave-flash" data="flash/homepage-slideshow.swf" width="813" height="200">
       <!--<![endif]-->
       <param name="quality" value="high" />
       <param name="wmode" value="opaque" />
       <param name="swfversion" value="6.0.65.0" />
       <param name="expressinstall" value="../Scripts/expressInstall.swf" />
       <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
       <div>
         <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
         <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
       </div>
       <!--[if !IE]>-->
     </object>
     <!--<![endif]-->
</object>
<script type="text/javascript">
<!--
swfobject.registerObject("FlashID");
//-->
   </script>

     

     

    this is the website:

    www.debesdesign.com

     

    its on the bottom of the homepage.

     

    any ideas?

     

    Thanks.

  17. Div container issue

    in CSS

    Posted

    For some reason all of a sudden my div wrapper (container) has gotten really small and wont enlarge on its own. Its really weird since the layout was fine before. But

    ever since ive told all the elements inside my content wrapper to float left. The wrapper has reduced to really small size and cause the footer to float right up below the header. I have tried everything and i cant fix it. What i dont understand is why the divs wont respect the fact that they need to get bigger as more content is added.

     

    anyway here is my index.php

     

    <!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>Debes Web Design</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<!-- <link href="css/home.css" rel="stylesheet" type="text/css" /> -->
<!-- <link href="css/contact.css" rel="stylesheet" type="text/css" /> -->
</head>

<body>

<div id="page-wrapper">
<div id="header-wrapper">
 		<div id="header">
  			<div id="logo">
  				<a href="index.php?page"><img src="images/debes-logo.png" width="210" height="88" alt="Debes Web Design Logo"/></a> 
   		</div> 
   		<div id="navbar">

           <ul>
             <li> <a href='index.php?page'>Home</a> </li>	
             <li> <a href='index.php?page=design'>Design</a> </li>
             <li> <a href='index.php?page=gallery'>Gallery</a> </li> 
             <li> <a href='index.php?page=contact'>Contact</a> </li>  
             <li> <a href='index.php?page=about'>About</a> </li>  
           </ul>
  		    </div>
 		</div>
</div>

<?php 

if($_GET['page'] == "design") {
include("includes/design.html");
}else if($_GET['page'] == "gallery") {
include("includes/gallery.html");
}else if($_GET['page'] == "contact") {
include("includes/contact.html");
}else if($_GET['page'] == "about") {
include("includes/about.html");
}else{
include("includes/home.html");
}
?>






<div id="footer">

</div>

</div>
</body>
</html>

     

    and the home.html page (although this happens to all pages):

     

    <!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>Homepage Debes Web Design Services</title>
<link href="css/home.css" rel="stylesheet" type="text/css" />
</head>

<body>

<div id="content-wrapper">

	<div id="content-background"> 
   <div id="content"> 
	<div id="content-left-pane">
         <div id="leftpane-right">
         <h3>     Web Design</h3>
         <ul>
         <li>Website Design</li>
         <li>PSD to XHTML</li>
         <li>Drupal</li>
         <li>Wordpress</li>
         <li>Dreamweaver Templates</li>
         <li>Cross Browser Support</li>
         </ul>

         </div>    
       <div id="leftpane-left">
       <img src="images/pictures/ist2_2393284-build-your-website.jpg" width="193" height="151" alt="web-design"  />
       </div>

       <div id="leftpane-left-bottom">
        <img src="images/icons-homepage/Drupal_icon.png" height="69" width="60" alt="drupal" />
        <img src="images/icons-homepage/wordpress-icon.png" height="61" width="60" alt="wordpress" />
        <img src="images/icons-homepage/Adobe_Dreamweaver_CS4_Icon.png" height="60" width="60" alt="dreamweaver" />
        <img src="images/icons-homepage/crossbrowser.png" height="84" width="168" alt="browsers" id="cross-browser-image" />
       </div>

       </div>
	<div id="content-right-pane">
      	  <div id="rightpane-right">
         <h3>     Graphic Design</h3>
         <ul>
         <li>Website Layout Designs</li>
         <li>Logos</li>
         <li>Banners</li>
         <li>Website Re-Designing</li>
         </ul>
         <img src="images/icons-homepage/adobe-icons.png" height="58" width="192" alt="browsers" />
        </div> 

      	 <div id="rightpane-left">

           <img src="images/pictures/graphic-design-pencils.jpg" alt="pencils" width="150" height="148" />

        </div>

       </div>

       <div id="content-bottom-top-left">
			<h3>Thinking About Building A Website?</h3>
<p>Whether you want to find more clients for your business, advertise your services or you just want to create a personal presence, then a webpage is a good 	starting point. with a good webpage you are making yourself accessible to almost everybody on this planet. However these days there are many web pages out there and if not done right your webpage may get lost among many. This is where we come in. We can help you create an affordable, attractive site that is guaranteed to be ranked highly in all search engines.</p>

           <h5>We can help you create:</h5>
           <ul>
           <li> Personal webpages</li>
           <li> Online shops</li>
           <li> Webpages for small business</li>
           <li> Blogs</li>
           </ul>
<p>What ever your needs we are able to provide you with a cost effective solution. For more info visit the <a href="index.php?page=design">build website</a> page.</p>            



     </div>

<div id="content-bottom-top-right">

   <img src="images/pictures/ist2_14869821-thoughtful-businessman-working-with-his-laptop.jpg" width="253" height="380" alt="pic" />
   </div>  

  	<div id="content-bottom-right">
   <h3>Already have a Website?</h3>
   <p>Want to change the look and feel of your website? No problem!</p>

<p>We cant assist you in making your website more attractive, easier to navigate or fixing cross browser compatibility issues. We understand that every website is unique and therefore your problems may be unique too! So we tackle every problem using our logic and intuition. </p>

<p>For more information about your specific situation <a href="index.php?page=contact"> contact us.</a> </p>
</div>
<div id="content-bottom-SEO">



<h3> What about SEO and Marketting? </h3>

<p>We make sure that all Websites we design or edit are as search engine friendly as possible. All our designs use the latest scripting languages. Such as HTML5, XHTML 1.0 and CSS3 </p>


</div>



     </div>

     </div> 
   	<div id="maincontentborder-bottom"></div> 
    </div> 

</body>
</html>

     

    and finally my style.css: 

    
html, body {
   margin: 0;
   padding: 0;
   border: 0;

} 

img {
 border-style: none;
}

#logo {
 	float: left;
width: 210px;
height: 88px;
position: relative; 
margin-top: 17px;
}

#header-wrapper {
height: 174px;
background-image: url(../images/header-repeatcapable.gif);
background-repeat: repeat-x;
position: relative;
}


#header {
width: 868px;  
height: 174px;
margin-left: auto;
margin-right: auto;
background-image: url(../images/header-repeatcapable.gif);
background-repeat: repeat-x;
position: relative;
}

#page-wrapper {

background-image: url(../images/background-color.gif);
background-repeat: repeat-x;
background-color: #F2FFFF;	/*use #F2FFFF; */


}

/* main content */

#content-wrapper {
padding-left: 3px;

width: 873px;
margin-left: auto;
margin-right: auto;


} 

#content-background {

width: 873px;	
background-image:url(../images/content-background-repeat-capable.gif);
background-repeat: repeat-y;
float: left;
}





/* main content borders */


#maincontentborder-bottom {


width: 873px;
height: 11px;
background-image: url(../images/maincontentborder-bottom.gif);		
background-repeat: no-repeat;
padding-left: 0px;
margin-left: 0.5px;  /*there is an issue since the background wont fill from left to right */
float: left;


}

#content {
width: 844px;
margin-left: 24px;
margin-top: 0;

}

/* main content borders end */


/* navbar */

#navbar {

width: 868px;
height: 40px;
background-image: url(../images/navbar.gif);
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto; 
margin-top: 0;
position: relative;
top: 126px;
} 

#navbar ul {

position: absolute;	
margin-top: 13px;
margin-bottom: auto;
margin-left: 5px;
padding: 0;

}

#navbar li {


float: left;
font-family: "Arial Black", Gadget, sans-serif;
font-size: 13px;
font-weight: bold;
list-style: none;
margin-left: 15px;
margin-right: 15px;
margin-top: 0;
} 

#navbar a:hover { text-decoration: none; color:#FFF;}
#navbar a { text-decoration: none; color:#000;}

/* navbar ends */

#footer {
height: 50px;
background-image: url(../images/footerdark-repeatcapable.gif); 
background-repeat: repeat-x;
position: relative;


}

/* Fonts etc */

h3, h4, h2, h1, h5, h6 {
   font-family: "Tahoma", Geneva, sans-serif;
}

p {
font-size: 0.8em;	
color: #333;
}

html, body {
margin: 0;
padding: 0;
border: 0;


}

h2 {
font-family: "Tahoma", Geneva, sans-serif;
margin: 0;   			/* Dont change margin-top, Seems to bugger up page use padding instead */
margin-left: 0px;
border: 0;
padding-top: 10px;;

}

#form-contact {
margin-left: 35px;
margin-top: 10px;
float: left;
height: 330px;
width: 624px;

}

#content {
margin-left: 30px;
width: auto;
width
}
/* Contact Us forms */

span#name,#company,#website,#email,#enquiry {
font-size:13px;
}

span#enquiry {

position: relative;
bottom: 150px;

}

#input-name {
;
margin-left: 15px;
}

#input-website {

margin-left: -26px;
}

#input-email {

margin-left: -39.5px;

}

#input-enquiry {
float: left;
margin-left: 4px;
}

#input-submit {
float: right;
margin-right: 44px;
}

#input-name, #input-website, #input-company, #input-email, #input-enquiry {
margin-bottom: 10px;
}

     

    I did create a seperate css file just for the homepage since there was alot of css just for that but the layout isnt defined in there.

     

    Thanks!

  20. Div isnt working

    in HTML/XHTML

    Posted

    Hi,

     

    One of my divs isnt working. I cant see it using firebug and its not listening to what the css file is saying. I have tried ie, firefox and chrome. however its just one div (content-wrapper). If I look at it in firebug menu its greyed out unless i say float: none in css. But even then it doesnt do any thing.

     

    this is my html 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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>

<body>

<div id="page-wrapper">

 <div id="header">
   <div id="navbar">
   </div>
 </div>

<div id="content-wrapper">

</div>

</div>
</body>
</html>

     

    and this is my style sheet:

     

    

#header {
width: 1024px;
height: 174px;
margin-left: auto;
margin-right: auto;
background-image: url(../images/header.gif);
background-repeat: no-repeat;
}

#navbar {

width: 868px;
height: 40px;
background-image: url(../images/navbar.gif);
background-repeat: no-repeat;
position: relative;
top: 126px;
bottom: 0px;
margin-left: auto;
margin-right: auto;
}

#page-wrapper {

height: 900px;
background-image: url(../images/background-color.gif);
background-repeat: repeat-x;
padding: 0px 0px 0px 0px;
}

#content-wrapper {

float: none;
width: 868;
height: 680;
margin-left: auto;
margin-right: auto;
background-color: #C96;
background-repeat: no-repeat;
}

     

    all the other divs work its just the content-wrapper which doesnt appear or do anything. Does anybody know whats going on here?

     

    Thanks a million.

  21. wordpress- changing monochrome theme

    in Blogs and CMS

    Posted

    is it possible to make the whole webpage a little wider by just changing the CSS file?

    Would the whole page content editor agree with this?

    You can change anything changing the style.css of the template.

    You will nee to upload wp to the server ( or use XAMPP to run WP remotely ) to see the changes.

    If you have Firefox, look into page source code and see what id is used for the container in question.

     

    Yeah but the content of the page moves not the whole page. It writes on top of the left sidebar...

  22. wordpress- changing monochrome theme

    in Blogs and CMS

    Posted

    I'm not 100% sure, but I don't think you can do this easily. Do you happen to have this online so I could take a look at the live code?

     

    It looks to me like the left sidebar isn't a sidebar at all. It has a different background image (which is actually connected to the white content bg image) to make it look separate, but it's all part of the #left_col div. Plus, the info in the left column is valuable (at least on the blog portion) because it gives the post date, category, comment count, etc.

     

    I'm not sure if it will make a difference, but on a Page (instead of a blog page), can you select a different template?

     

    To get rid of the left "sidebar", you'll have to do some recoding to move the post metadata and then some redesigning of the background image (not to mention refiguring the CSS).

     

    No im afraid its not online yet. I also wont be able to get it online so easily. But i have looked for background images and havent found anything yet. I also know that if you change the wrapper and left_col width that only the content on the page moves so its not a "proper" sidebar like the other one. I'm still looking. All i want to do is make the black where the sidebar is white and making it part of the page because the pages are so small its impossible to make a nice proper info page. :(

    However i really like the theme and want to keep it.

     

    But!

    is it possible to make the whole webpage a little wider by just changing the CSS file?

    Would the whole page content editor agree with this?

  23. wordpress- changing monochrome theme

    in Blogs and CMS

    Posted

    What is on your home page? If it's the blog, can you please post your index.php code?

     

     

 <?php get_header(); ?>







<?php $options = get_option('mc_options'); ?>

<?php $odd_or_even = 'odd'; ?>

<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>









<?php the_title(); ?>



       <?php the_content(__('Read more', 'monochrome')); ?>

       <?php wp_link_pages(); ?>





<?php the_time('Y') ?><?php the_time('m') ?>/<?php the_time('d') ?><?php _e('POSTED BY','monochrome'); ?><?php the_author_posts_link(); ?><?php _e('CATEGORY','monochrome'); ?><?php the_category('
'); ?>TAGS','monochrome'),'
','<?php comments_popup_link(__('Write comment', 'monochrome'), __('1 comment', 'monochrome'), __('% comments', 'monochrome')); ?>', '







<?php $odd_or_even = ('odd'==$odd_or_even) ? 'even' : 'odd'; ?>

<?php endwhile; else: ?>







      <?php _e("Sorry, but you are looking for something that isn't here.","monochrome"); ?>











<?php endif; ?>





    <?php include('navigation.php'); ?>









  <?php get_sidebar(); ?>









<?php get_footer(); ?>

  24. wordpress- changing monochrome theme

    in Blogs and CMS

    Posted

    I'm pretty new at this, so I'm not exactly sure which page you need to change, but look for this code 
        <?php get_sidebar();?>

    and comment it out (in case that wasn't it, so you can restore easier) and see if that removes the sidebar. Of course, then you'll have to change your stylesheet to make the main content wider.

     

    No that command gets the right sidebar only the one that you can actually glue widgets too.

    The left one doesnt seem to have a template which cant be...

  25. wordpress- changing monochrome theme

    in Blogs and CMS

    Posted

    Screenshot-wordpress-01-MozillaFire.jpg

     

    What i want to do is take away the left sidebar and replace it with more page/blog space. The left sidebar isnt the usual wordpress left sidebar which you can add widgets to. It puts all sort of rubbish like php date scripts etc.

     

    I have no idea to go about it though.

    Dont even know where to start :/

     

    Any help would e great

     

    Thanks! :)

×
×
  • Create New...