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 12 of 12
  1. #1
    Okt
    Okt is offline
    New to the CF scene
    Join Date
    Jan 2006
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Firefox no problem, IE is a diffeerent story.

    Well I have just recently got me feet wet in this gooey substance known as css. I am not that new to website creation, just new to the greatness of css.

    This site I am trying to create is a portfolio project for myself, everything was going fine and smooth until I went to check it in IE and it was slightly messed up.

    I am requesting a fix to the problem in IE, and any suggestions on cleaning up the code of my site.

    The problem is as follows:
    The content of the page in Firefox is dead on, in IE it is shifter downwards by the height of the navigation.


    HTML
    Code:
    <head>
    <title>___EVAN FIDDES</title>
    <link href="c/style.css" rel="stylesheet" type="text/css" />
    <body>
    <div id="header"><!--<img src="i/banner.gif" align="right" style="margin:0;">--></img><img src="i/logo.gif" align="left"></img></div>
    
    <div id="Container">
    		<div id="menubox">
    		<a>Site Navigation</a>
    			<div id="menu">
    			<ul>
    			<li><a href="index.html">Home</a></li>
    			<li><a href="3d.html">Three Dimensional</a></li>
    			<li><a href="2d.html">Two Dimensional</a></li>
    			<li><a href="about.html">About</a></li>
    			<li><a href="links.html">Links</a></li>
    			</ul>
    			</div>
    			<br></br>
    		<a>Extras</a>
    			<div id="menu">
    			<ul>
    			<li><a href="wlogs.html">Work Logs</a></li>
    			<li><a href="downloads.html">Downloads</a></li>
    			<li><a href="tutorials.html">Tutorials</a></li>
    			<li><a href="cam.html">Desk Cam</a></li>
    			</ul>
    			</div>
      </div>
    			<a style="margin-left:8px;">3D Artwork </a>
    			
    			<div id="content">
    			<p>More artwork is on its way, just working out the layout.</p>
    			
    		<div class="rollover"><p><a href="i/3d/full/01.gif"><img src="i/3d/01.gif" border="0"></a></p></div>
    			<p>This is a personal project I decided that I would have a go at. My initial target was to create a highly detailed M4 using less than 7000 triangles. It is currentally sitting at around 8000, and I am fairly confient that I can easily get it to about 6000. Almost all the the attachments are modeled so they would work with the gun, and visually they do.</p>
    			<p align="right" style="font-style:italic">Triangle count: 8243</p>
    			</div>
    			
    </div>
    
    <div id="footer"><a style="color:#404040; font-size:10px; margin-left:8px;">Copyright Evan Fiddes 2006</a></div>
    
    </body>
    </html>
    CSS
    Code:
    body {
    	font-family: Trebuchet MS;
    	background-color:#efefef;
    	margin:0;
    	font-size:12px;
    	text-decoration:none;
    }
    
    #header {
    	background-color:#FFFFFF;
    	border-top:5px solid #404040;
    	width:798px;
    	display:block;
    	height:72px;
    }
    
    #footer {
    	background-color:#FFFFFF;
    	width:798px;
    	display:block;
    	height:14px;
    	margin:0;
    	border-bottom:5px solid #404040;
    }
    
    #Container {
    	min-height:500px;
    	padding-top:15px;
    	background-color:#FFFFFF;
    	width:798px;
    	display:block;
    	padding-bottom:20px;
    }
    
    #menubox {
    	float:left;
    	padding-left:12px;
    	width:205px;
    }
    
    #content {
    	width:562px;
    	margin-top:1px;
    	padding-top:8px;
    	padding-right:8px;
    	margin-right:15px;
    	margin-left:220px;
    	border-top:1px solid #eeeeee;
    }
    
    #date {
    font-style:italic;
    }
    
    #content p {
    margin:2px;
    }
    
    #menu {
    	width:192px;
        color: #000000;
    	font-family: Trebuchet MS;
        font-size: 8pt;
        text-decoration: none;
    	text-align:left;
    	
    }
    
    #menu ul {
    	margin: 0;
    	padding: 0;
    	list-style-type: none;
    	font-size: 10px;
    }
    
    #menu a {
    	background-color:#f9f9f9;
    	display: block;
    	height:17px;
    	text-decoration:none;
    	color:#000000;
    	border-top:1px solid #eeeeee;
    	border-bottom:1px solid #aaaaaa;
    	margin-top:2px;
    	margin-bottom:1px;
    	padding: 2px 2px 2px 5px;
    }
    
    #menu a:hover {
    	background-color:#eeeeee;
    }
    
    a:link {
    	color: #000000;
    	text-decoration: none;
    }
    a:visited {
    	text-decoration: none;
    	color: #404040;
    }
    #content a:hover {
    	text-decoration: none;
    	color: #ffffff;
    	background-color: #404040;
    }
    a:active {
    	text-decoration: none;
    	color: #404040;
    }
    
    .rollover a {
    	text-align:right;
    	display:block;
    	width:540px;
    	height:89px;
    	background-color: #FFFFFF;
    	padding-top:1px;
    	border-top:1px solid #eeeeee;
    	padding-bottom:1px;
    	border-bottom:1px solid #eeeeee;
    	color:#FFFFFF;
    	margin-bottom:2px;
    }
    .rollover a:hover {
    	border-top:1px solid #404040;
    	border-bottom:1px solid #404040;
    	color:#000000;
    }

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    float your #content to the left and add display:inline; to it. The display:inline; takes care of the IE double margin bug. You can't use an id more than once. If you need to use the same styles use a class instead. You need to add a valid full doctype to your page. Search on www.w3schools.com for different doctypes you can use. Try not to use inline styling at all. Get rid of attributes like align="right" on your images. Use float:right instead in CSS.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #3
    Okt
    Okt is offline
    New to the CF scene
    Join Date
    Jan 2006
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by _Aerospace_Eng_
    float your #content to the left and add display:inline; to it. The display:inline; takes care of the IE double margin bug. You can't use an id more than once. If you need to use the same styles use a class instead. You need to add a valid full doctype to your page. Search on www.w3schools.com for different doctypes you can use. Try not to use inline styling at all. Get rid of attributes like align="right" on your images. Use float:right instead in CSS.
    Ok I gave that a try and it didn't seem to do anything except mess up the view in Dreamweaver. : \

    I am thinking I might have a go at a complete "recode." Anything you guys would suggest for the layout code?

  • #4
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    No you don't need a complete recode. Quit relying on the design view of DW, its not accurate. Can you post a link to the site or at least attach the images you are using? Did you even add a doctype?
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #5
    Okt
    Okt is offline
    New to the CF scene
    Join Date
    Jan 2006
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by _Aerospace_Eng_
    No you don't need a complete recode. Quit relying on the design view of DW, its not accurate. Can you post a link to the site or at least attach the images you are using? Did you even add a doctype?
    http://www.evanfiddes.com/

    That is the site.

  • #6
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Okay you don't seem to read the posts I make. I told you that you can't use the same id more than ONCE, you have done so in your menu. You still haven't added a doctype. Without a doctype. IE is reading the width + margin + padding wrong which is why its not fitting like it should. Change your menu ids to class="menu" and use this for the relevant CSS
    Code:
    #content {
    	margin-top:1px;
    	padding-top:8px;
    	padding-right:8px;
    	margin-right:15px;
    	margin-left:220px;
    	border-top:1px solid #eeeeee;
    }
    * html #content {
    margin-left:0;
    }
    #date {
    font-style:italic;
    }
    
    #content p {
    margin:2px;
    }
    
    .menu {
    	width:192px;
        color: #000000;
    	font-family: Trebuchet MS;
        font-size: 8pt;
        text-decoration: none;
    	text-align:left;
    	
    }
    * html .menu {
    margin-right:-3px;
    }
    Making the left margin on the content allows it to fit in IE, the -3px on the menu takes away a 3px space that IE adds.

    If you don't understand something just ask.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #7
    Okt
    Okt is offline
    New to the CF scene
    Join Date
    Jan 2006
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by _Aerospace_Eng_
    Okay you don't seem to read the posts I make. I told you that you can't use the same id more than ONCE, you have done so in your menu. You still haven't added a doctype. Without a doctype. IE is reading the width + margin + padding wrong which is why its not fitting like it should. Change your menu ids to class="menu" and use this for the relevant CSS

    Making the left margin on the content allows it to fit in IE, the -3px on the menu takes away a 3px space that IE adds.

    If you don't understand something just ask.
    Despite my best efforts I am still have a large ammount of problems with this.
    Not sure what I am doing wrong. I was using
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    Not sure if this is correct or not. Also I seem to have some problems in Firefox now that I changed those few things.

  • #8
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Can you update your code online please?
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #9
    Okt
    Okt is offline
    New to the CF scene
    Join Date
    Jan 2006
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by _Aerospace_Eng_
    Can you update your code online please?
    I started again and using the code I already had only put in what I needed, and so far it is working. Thanks for the help. I will psot the code when I am done, so you guys can look it over and make suggestions for changes.

  • #10
    Okt
    Okt is offline
    New to the CF scene
    Join Date
    Jan 2006
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Ok new problem.
    In FF the container isn't resizing to fit the content, it is being overlapped by it.
    In IE everything works great.

    http://www.evanfiddes.com/001/


    CSS
    Code:
    body {
    	margin:0;
    	font-family:"Trebuchet MS";
    	font-size:12px;
    	text-decoration:none;
    	background-color:#efefef;
    }
    
    #menubox {
    	float:left;
    	padding-left:12px;
    	width:205px;
    	height:100%;
    }
    
    #header {
    	background-color:#FFFFFF;
    	border-top:5px solid #404040;
    	border-left:1px solid #404040;
    	border-right:1px solid #404040;
    	width:780px;
    	display:block;
    	height:72px;
    	margin-left:auto;
    	margin-right:auto;
    }
    
    #footer {
    	background-color:#FFFFFF;
    	width:775px;
    	display:block;
    	height:14px;
    	border-bottom:5px solid #404040;
    	border-left:1px solid #404040;
    	border-right:1px solid #404040;
    	margin-left:auto;
    	margin-right:auto;
    	font-size:8px;
    	color:#404040;
    	padding-left:5px;
    }
    
    #Container {
    	padding-top:15px;
    	background-color:#FFFFFF;
    	width:780px;
    	display:block;
    	padding-bottom:20px;
    	border-left:1px solid #333333;
    	border-right:1px solid #333333;
    	margin-left:auto;
    	margin-right:auto;
    }
    
    .menu {
    	width:192px;
        color: #000000;
    	font-family: Trebuchet MS;
        font-size: 8pt;
        text-decoration: none;
    	text-align:left;	
    }
    
    .menu ul {
    	margin: 0;
    	padding: 0;
    	list-style-type: none;
    	font-size: 10px;
    }
    
    .menu a {
    	background-color:#f9f9f9;
    	display: block;
    	height:17px;
    	text-decoration:none;
    	color:#000000;
    	border-top:1px solid #eeeeee;
    	border-bottom:1px solid #aaaaaa;
    	margin-top:2px;
    	margin-bottom:1px;
    	padding: 2px 2px 2px 5px;
    }
    
    .menu a:hover {
    	background-color:#eeeeee;
    }
    
    .date {
    font-style:italic;
    }
    
    .content {
    	float:right;
    	width:530px;
    	margin-top:1px;
    	padding-top:8px;
    	padding-right:6px;
    	margin-right:12px;
    	border-top:1px solid #eeeeee;
    }
    
    .content p {
    margin:2px;
    }
    a:link {
    	color: #000000;
    	text-decoration: none;
    }
    a:visited {
    	text-decoration: none;
    	color: #404040;
    }
    .content a:hover {
    	text-decoration: none;
    	color: #ffffff;
    	background-color: #404040;
    	border-bottom:1px dashed #ffffff;
    }
    a:active {
    	text-decoration: none;
    	color: #404040;
    }
    HTML
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>_Evan _Fiddes</title>
    <link href="01.css" rel="stylesheet" type="text/css">
    </head>
    
    <body>
    <div id="header"><img src="../Site/i/logo.gif"></img></div>
    <div id="Container">
    	<div id="menubox">
    			<a>Site Navigation</a>
    			<div class="menu">
    				<ul>
    				<li><a href="index.html">Home</a></li>
    				<li><a href="3d.html">Three Dimensional</a></li>
    				<li><a href="2d.html">Two Dimensional</a></li>
    				<li><a href="about.html">About</a></li>
    				<li><a href="links.html">Links</a></li>
    				</ul>
    			</div>
    				<br></br>
    			<a>Extras</a>
    			<div class="menu">
    				<ul>
    				<li><a href="wlogs.html">Work Logs</a></li>
    				<li><a href="downloads.html">Downloads</a></li>
    				<li><a href="tutorials.html">Tutorials</a></li>
    				<li><a href="cam.html">Desk Cam</a></li>
    				</ul>
    			</div>
    		</div>
    		<a style="margin-left:8px;">News</a>
    		
    			<div class="content">
    			<p align="right" class="date">January 3, 2006</p>
    			<p>
    			Site is down for some tweaking. I wasn't happy with the way some parts were functioning. It will be all back up and working hopefully later tonight.
    			</p>
    			</div>
    			
    			<div class="content">
    			<p align="right" class="date">January 3, 2006</p>
    			<p>
    			I added my M4 model into the 3D artwork section, and compiled a basic log on the various stages of its development. You can see the Model over in the <a href="3d.html">Three Dimensional</a> section. The log can be seen in the <a href="wlogs.html">Work Logs</a> section of the site, down in the extras.
    			</p>
    			</div>
    			
    			<div class="content">
    				<p align="right" class="date">January 2, 2006</p>
    				<p>
    				The site deployed fine, all the links seem to be functioning properly, if you do however come into a problem please bring it to my attention. I have got the basic layout and design up for the artwork pages. I have added a mini tutorial on lighting and rendering. I was asked quite a bit about how my renders come out and it is an extremely easy process. Check it out over in the <a herf=”tutorials.html”>tutorials section</a>.
    				</p>
    			</div>			
    				
    			<div class="content">
    				<p align="right" class="date">January 1, 2006</p>
    				<p>
    				Initial launch of the site, seemed to go pretty well. I am still working on getting all the links up and working properly. Artwork will take a little while to get up and get working the way I am envisioning it. If you have any suggestions for layout, colors, anything feel free to e-mail me at: <a href="mailto:evan-fiddes@gmail.com">evan.fiddes@gmail.com</a>
    				</p>
    			</div>
    			
    			<div class="content">
    				<p align="right" class="date">Month Day, Year</p>
    				<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque dolor. Proin tellus arcu, cursus sed, volutpat elementum, adipiscing ut, ante. Aliquam sed felis. Praesent eget enim eget nulla viverra interdum. Duis feugiat sapien id lacus. Fusce est purus, vestibulum sit amet, tincidunt sit amet, blandit id, nisl. Nunc et purus eget diam vehicula vestibulum. Donec non massa vel nibh tempus sodales. Vivamus eget massa. Curabitur euismod dapibus est. Ut suscipit, augue quis rutrum facilisis, arcu lacus semper lectus, sed fermentum quam leo rhoncus nunc. Aenean ligula sem, tempor non, auctor at, ultrices non, neque. Maecenas dolor turpis, euismod in, rutrum vitae, ultricies sed, est. Aenean lectus quam, nonummy tempor, condimentum congue, rutrum eget, pede. Donec accumsan erat at eros.</p>
    				
    				<p>Vestibulum aliquet dapibus tellus. Nunc sem. Praesent nec mi. Maecenas laoreet. Phasellus mi arcu, lacinia eget, euismod eu, cursus vel, libero. Nunc consequat ornare quam. Vestibulum arcu leo, feugiat at, gravida sed, varius ut, orci. Curabitur ullamcorper, purus eget eleifend ultricies, nisi erat ultrices diam, quis lobortis eros urna non quam. Sed elit nisl, semper in, mollis ut, pretium vitae, pede. Sed nonummy consequat sem. Quisque lobortis quam. Phasellus feugiat.
    				
    				<p>Nulla porttitor sagittis lectus. Donec eget lacus ut tortor tincidunt congue. Pellentesque porta elit vel turpis. Suspendisse semper posuere augue. Nunc neque. Integer congue auctor lacus. Phasellus eu dui vel erat ullamcorper rutrum. Pellentesque mollis. Donec volutpat. Sed non ante.</p>
    				
    				<p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Integer vel orci. Duis fermentum, elit in sodales facilisis, arcu justo laoreet libero, suscipit feugiat pede tortor eget ante. Mauris metus. Pellentesque sapien. Vestibulum elit tortor, semper eget, suscipit quis, rhoncus quis, elit. Suspendisse quis lacus sed justo pretium dapibus. Donec vitae nibh quis leo imperdiet elementum. Suspendisse ultricies accumsan ipsum. Pellentesque ornare malesuada pede. Donec pellentesque lectus ut ligula. Pellentesque a nulla dictum odio auctor consectetuer. Maecenas sit amet nisi. Ut tincidunt, lorem id blandit dignissim, velit lectus bibendum velit, feugiat adipiscing elit orci nec massa. Fusce sit amet sem eget metus dapibus adipiscing.</p>
    				
    				<p>Cras odio diam, vehicula in, imperdiet eget, venenatis et, eros. Suspendisse potenti. Morbi tempus, ante vel posuere ullamcorper, erat sapien volutpat urna, sed fermentum tortor tellus a risus. In massa enim, tempus vel, varius quis, fringilla sed, odio. Vestibulum ac dui. Aenean eget leo. Ut porttitor pharetra sem. Vestibulum in metus. Vestibulum blandit risus at nisl. Proin adipiscing. Proin ut tellus. Aenean venenatis enim sed libero. Pellentesque pulvinar nunc et velit. Proin adipiscing, tortor et mollis auctor, felis enim faucibus eros, ac nonummy odio arcu sed leo. Vivamus vehicula ipsum. Ut varius, diam in fringilla tempor, augue justo posuere orci, a lobortis nisl lorem ut lacus. Morbi risus. Ut hendrerit urna eu tellus. Nullam lobortis.</p>
    			</div>
    			
    			
    			
    	</div>
    </div>
    <div id="footer">Copyright Evan Fiddes 2006</div>
    </body>
    </html>

  • #11
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Change this
    Code:
    		<a style="margin-left:8px;">News</a>
    		
    			<div class="content">
    
    			<p align="right" class="date">January 3, 2006</p>
    			<p>
    			Site is down for some tweaking. I wasn't happy with the way some parts were functioning. It will be all back up and working hopefully later tonight.
    			</p>
    			</div>
    			
    			<div class="content">
    			<p align="right" class="date">January 3, 2006</p>
    			<p>
    
    			I added my M4 model into the 3D artwork section, and compiled a basic log on the various stages of its development. You can see the Model over in the <a href="3d.html">Three Dimensional</a> section. The log can be seen in the <a href="wlogs.html">Work Logs</a> section of the site, down in the extras.
    			</p>
    			</div>
    			
    			<div class="content">
    				<p align="right" class="date">January 2, 2006</p>
    				<p>
    
    				The site deployed fine, all the links seem to be functioning properly, if you do however come into a problem please bring it to my attention. I have got the basic layout and design up for the artwork pages. I have added a mini tutorial on lighting and rendering. I was asked quite a bit about how my renders come out and it is an extremely easy process. Check it out over in the <a herf=”tutorials.html”>tutorials section</a>.
    				</p>
    			</div>			
    				
    			<div class="content">
    				<p align="right" class="date">January 1, 2006</p>
    				<p>
    				Initial launch of the site, seemed to go pretty well. I am still working on getting all the links up and working properly. Artwork will take a little while to get up and get working the way I am envisioning it. If you have any suggestions for layout, colors, anything feel free to e-mail me at: <a href="mailto:evan-fiddes@gmail.com">evan.fiddes@gmail.com</a>
    
    				</p>
    			</div>
    			
    			<div class="content">
    				<p align="right" class="date">Month Day, Year</p>
    				<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque dolor. Proin tellus arcu, cursus sed, volutpat elementum, adipiscing ut, ante. Aliquam sed felis. Praesent eget enim eget nulla viverra interdum. Duis feugiat sapien id lacus. Fusce est purus, vestibulum sit amet, tincidunt sit amet, blandit id, nisl. Nunc et purus eget diam vehicula vestibulum. Donec non massa vel nibh tempus sodales. Vivamus eget massa. Curabitur euismod dapibus est. Ut suscipit, augue quis rutrum facilisis, arcu lacus semper lectus, sed fermentum quam leo rhoncus nunc. Aenean ligula sem, tempor non, auctor at, ultrices non, neque. Maecenas dolor turpis, euismod in, rutrum vitae, ultricies sed, est. Aenean lectus quam, nonummy tempor, condimentum congue, rutrum eget, pede. Donec accumsan erat at eros.</p>
    				
    				<p>Vestibulum aliquet dapibus tellus. Nunc sem. Praesent nec mi. Maecenas laoreet. Phasellus mi arcu, lacinia eget, euismod eu, cursus vel, libero. Nunc consequat ornare quam. Vestibulum arcu leo, feugiat at, gravida sed, varius ut, orci. Curabitur ullamcorper, purus eget eleifend ultricies, nisi erat ultrices diam, quis lobortis eros urna non quam. Sed elit nisl, semper in, mollis ut, pretium vitae, pede. Sed nonummy consequat sem. Quisque lobortis quam. Phasellus feugiat.
    				
    				<p>Nulla porttitor sagittis lectus. Donec eget lacus ut tortor tincidunt congue. Pellentesque porta elit vel turpis. Suspendisse semper posuere augue. Nunc neque. Integer congue auctor lacus. Phasellus eu dui vel erat ullamcorper rutrum. Pellentesque mollis. Donec volutpat. Sed non ante.</p>
    				
    				<p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Integer vel orci. Duis fermentum, elit in sodales facilisis, arcu justo laoreet libero, suscipit feugiat pede tortor eget ante. Mauris metus. Pellentesque sapien. Vestibulum elit tortor, semper eget, suscipit quis, rhoncus quis, elit. Suspendisse quis lacus sed justo pretium dapibus. Donec vitae nibh quis leo imperdiet elementum. Suspendisse ultricies accumsan ipsum. Pellentesque ornare malesuada pede. Donec pellentesque lectus ut ligula. Pellentesque a nulla dictum odio auctor consectetuer. Maecenas sit amet nisi. Ut tincidunt, lorem id blandit dignissim, velit lectus bibendum velit, feugiat adipiscing elit orci nec massa. Fusce sit amet sem eget metus dapibus adipiscing.</p>
    
    				
    				<p>Cras odio diam, vehicula in, imperdiet eget, venenatis et, eros. Suspendisse potenti. Morbi tempus, ante vel posuere ullamcorper, erat sapien volutpat urna, sed fermentum tortor tellus a risus. In massa enim, tempus vel, varius quis, fringilla sed, odio. Vestibulum ac dui. Aenean eget leo. Ut porttitor pharetra sem. Vestibulum in metus. Vestibulum blandit risus at nisl. Proin adipiscing. Proin ut tellus. Aenean venenatis enim sed libero. Pellentesque pulvinar nunc et velit. Proin adipiscing, tortor et mollis auctor, felis enim faucibus eros, ac nonummy odio arcu sed leo. Vivamus vehicula ipsum. Ut varius, diam in fringilla tempor, augue justo posuere orci, a lobortis nisl lorem ut lacus. Morbi risus. Ut hendrerit urna eu tellus. Nullam lobortis.</p>
    			</div>
    			
    			
    			
    	</div>
    </div>
    <div id="footer">Copyright Evan Fiddes 2006</div>
    to this
    Code:
    <div class="content">
    <a style="margin-left:8px;">News</a>
    		
    			
    			<p align="right" class="date">January 3, 2006</p>
    			<p>
    			Site is down for some tweaking. I wasn't happy with the way some parts were functioning. It will be all back up and working hopefully later tonight.
    			</p>
    			<p align="right" class="date">January 3, 2006</p>
    			<p>
    
    			I added my M4 model into the 3D artwork section, and compiled a basic log on the various stages of its development. You can see the Model over in the <a href="3d.html">Three Dimensional</a> section. The log can be seen in the <a href="wlogs.html">Work Logs</a> section of the site, down in the extras.
    			</p>
    				<p align="right" class="date">January 2, 2006</p>
    				<p>
    
    				The site deployed fine, all the links seem to be functioning properly, if you do however come into a problem please bring it to my attention. I have got the basic layout and design up for the artwork pages. I have added a mini tutorial on lighting and rendering. I was asked quite a bit about how my renders come out and it is an extremely easy process. Check it out over in the <a herf=”tutorials.html”>tutorials section</a>.
    				</p>
    				<p align="right" class="date">January 1, 2006</p>
    				<p>
    				Initial launch of the site, seemed to go pretty well. I am still working on getting all the links up and working properly. Artwork will take a little while to get up and get working the way I am envisioning it. If you have any suggestions for layout, colors, anything feel free to e-mail me at: <a href="mailto:evan-fiddes@gmail.com">evan.fiddes@gmail.com</a>
    
    				</p>
    				<p align="right" class="date">Month Day, Year</p>
    				<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque dolor. Proin tellus arcu, cursus sed, volutpat elementum, adipiscing ut, ante. Aliquam sed felis. Praesent eget enim eget nulla viverra interdum. Duis feugiat sapien id lacus. Fusce est purus, vestibulum sit amet, tincidunt sit amet, blandit id, nisl. Nunc et purus eget diam vehicula vestibulum. Donec non massa vel nibh tempus sodales. Vivamus eget massa. Curabitur euismod dapibus est. Ut suscipit, augue quis rutrum facilisis, arcu lacus semper lectus, sed fermentum quam leo rhoncus nunc. Aenean ligula sem, tempor non, auctor at, ultrices non, neque. Maecenas dolor turpis, euismod in, rutrum vitae, ultricies sed, est. Aenean lectus quam, nonummy tempor, condimentum congue, rutrum eget, pede. Donec accumsan erat at eros.</p>
    				
    				<p>Vestibulum aliquet dapibus tellus. Nunc sem. Praesent nec mi. Maecenas laoreet. Phasellus mi arcu, lacinia eget, euismod eu, cursus vel, libero. Nunc consequat ornare quam. Vestibulum arcu leo, feugiat at, gravida sed, varius ut, orci. Curabitur ullamcorper, purus eget eleifend ultricies, nisi erat ultrices diam, quis lobortis eros urna non quam. Sed elit nisl, semper in, mollis ut, pretium vitae, pede. Sed nonummy consequat sem. Quisque lobortis quam. Phasellus feugiat.
    				
    				<p>Nulla porttitor sagittis lectus. Donec eget lacus ut tortor tincidunt congue. Pellentesque porta elit vel turpis. Suspendisse semper posuere augue. Nunc neque. Integer congue auctor lacus. Phasellus eu dui vel erat ullamcorper rutrum. Pellentesque mollis. Donec volutpat. Sed non ante.</p>
    				
    				<p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Integer vel orci. Duis fermentum, elit in sodales facilisis, arcu justo laoreet libero, suscipit feugiat pede tortor eget ante. Mauris metus. Pellentesque sapien. Vestibulum elit tortor, semper eget, suscipit quis, rhoncus quis, elit. Suspendisse quis lacus sed justo pretium dapibus. Donec vitae nibh quis leo imperdiet elementum. Suspendisse ultricies accumsan ipsum. Pellentesque ornare malesuada pede. Donec pellentesque lectus ut ligula. Pellentesque a nulla dictum odio auctor consectetuer. Maecenas sit amet nisi. Ut tincidunt, lorem id blandit dignissim, velit lectus bibendum velit, feugiat adipiscing elit orci nec massa. Fusce sit amet sem eget metus dapibus adipiscing.</p>
    
    				
    				<p>Cras odio diam, vehicula in, imperdiet eget, venenatis et, eros. Suspendisse potenti. Morbi tempus, ante vel posuere ullamcorper, erat sapien volutpat urna, sed fermentum tortor tellus a risus. In massa enim, tempus vel, varius quis, fringilla sed, odio. Vestibulum ac dui. Aenean eget leo. Ut porttitor pharetra sem. Vestibulum in metus. Vestibulum blandit risus at nisl. Proin adipiscing. Proin ut tellus. Aenean venenatis enim sed libero. Pellentesque pulvinar nunc et velit. Proin adipiscing, tortor et mollis auctor, felis enim faucibus eros, ac nonummy odio arcu sed leo. Vivamus vehicula ipsum. Ut varius, diam in fringilla tempor, augue justo posuere orci, a lobortis nisl lorem ut lacus. Morbi risus. Ut hendrerit urna eu tellus. Nullam lobortis.</p>
    			
    			
    			
    	</div>
            <div class="clear"></div>
    </div>
    <div id="footer">Copyright Evan Fiddes 2006</div>
    then add this to your CSS
    Code:
    .clear {
    clear:both;
    font-size:0;
    line-height:0px;
    height:1px;
    margin-top:-1px;
    }
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #12
    Okt
    Okt is offline
    New to the CF scene
    Join Date
    Jan 2006
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by _Aerospace_Eng_
    Change this...
    Ok well I changed it and it is working, I changed back some of the stuff you moved around.

    Thanks!


  •  

    Posting Permissions

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