problem fitting content

Rednose · 7th June 10, 09:57 PM

Hello everybody,

Lately ive been working on a website for a client. Ive made the design in PS and now I want to fit the text on the glowing content box ive made.

For some reason its difficult for me to do this. How can I do this??

This is the code:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
	<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
	<title>Security GPS</title>
	<meta http-equiv="Content-Language" content="en-us" />
	
	<meta http-equiv="imagetoolbar" content="no" />
	<meta name="MSSmartTagsPreventParsing" content="true" />
	
	<meta name="description" content="Description" />
	<meta name="keywords" content="Keywords" />
	
	<meta name="author" content="Business" />
	
<link href="style.css" rel="stylesheet" type="text/css" />
    
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>

<body align="center">

	<div id="header">
    
    <!-- navigatie -->
	  <div id="nav" align="center" style="background-image:url(img/navbg.png); background-position:center; background-repeat:no-repeat; width: 840 px;
            height: 49px; padding-left:10px;"><img src="img/buttons/home.png" /><img src="img/buttons/over.png" />
            <img src="img/buttons/producten.png" /><img src="img/buttons/kooplease.png" />
      <img src="img/buttons/contact.png" /></div>
    <!-- einde navigatie -->
    
    <!-- flash header -->
    		<div>
    		  <script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','840','height','240','align','top','title','filmpje','src','PSD/header/road','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','PSD/header/road' ); //end AC code
              </script>
              <noscript>
              <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="840" height="240" align="top" title="filmpje">
                <param name="movie" value="PSD/header/road.swf" />
                <param name="quality" value="high" />
                <embed src="PSD/header/road.swf" width="840" height="240" align="top" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash"></embed>
              </object>
              </noscript>
    		</div>
            
      <!-- einde flash header -->
	
      <!-- content box -->
      
	  <div id="content" align="center" style="background-image:url(img/bigshape.png); background-position:center; 
      background-repeat:no-repeat; height: 750px; width: 100%;"> <p>hallo</p>
        
      
      </div>
	<div id="footer" style="clear:both;">
<p><br />
          <br />
        Copyright &copy; Rednose Design</p>
      </div>
</div>

</body>
</html>

jcross · 8th June 10, 07:33 PM

Do you have a link to the development site in question?

Rednose · 12th June 10, 02:23 PM

Actually it worked now. But there is another problem.

I started converting the website to a wordpress theme and now its all scrambled!

Maybe there is still something wrong in my CSS code?

The link to the website: http://www.hobbieblog.nl/gps/

How can this be solved?

Thanks in advance,

Rudolf

jcross · 18th June 10, 05:05 PM

I'm not sure exactly what issues you're referring to, but validating your page is always a good start. You have some wonky things happening with closing divs, html, forms, etc.

http://validator.w3.org/check?uri=ht...Inline&group=0

There's a good firefox plugin called Html Validator that I use religiously

Rednose · 18th June 10, 05:37 PM

Hey Jcross,

Thanks for the advice. I was a bit sloppy with placing my div tags. forgot to end some.

Made some changes and now it works.

http://www.hobbieblog.nl/gps/

Could you give some advice on the design? Personally I think it's still a little boring. Would like to know how to make it look more professional. Would definately appreciate some feedback.

Thanks in advance,

Rudolf

8th June 10, 07:33 PM	#2
jcross WLC Lover Join Date: Mar 2009 Location: Baton Rouge Posts: 107	Re: problem fitting content Do you have a link to the development site in question? __________________ Jason Cross

12th June 10, 02:23 PM	#3
Rednose WLC Member Join Date: Mar 2010 Posts: 22	Re: problem fitting content Actually it worked now. But there is another problem. I started converting the website to a wordpress theme and now its all scrambled! Maybe there is still something wrong in my CSS code? The link to the website: http://www.hobbieblog.nl/gps/ How can this be solved? Thanks in advance, Rudolf

18th June 10, 05:05 PM	#4
jcross WLC Lover Join Date: Mar 2009 Location: Baton Rouge Posts: 107	Re: problem fitting content I'm not sure exactly what issues you're referring to, but validating your page is always a good start. You have some wonky things happening with closing divs, html, forms, etc. http://validator.w3.org/check?uri=ht...Inline&group=0 There's a good firefox plugin called Html Validator that I use religiously __________________ Jason Cross

18th June 10, 05:37 PM	#5
Rednose WLC Member Join Date: Mar 2010 Posts: 22	Re: problem fitting content Hey Jcross, Thanks for the advice. I was a bit sloppy with placing my div tags. forgot to end some. Made some changes and now it works. http://www.hobbieblog.nl/gps/ Could you give some advice on the design? Personally I think it's still a little boring. Would like to know how to make it look more professional. Would definately appreciate some feedback. Thanks in advance, Rudolf Last edited by Rednose; 18th June 10 at 08:10 PM.

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode