Menu
Hi!
I need help with my portfolio which I am creating for my web design class. You can see what it looks like for now [URL=”http://webdesign2.ubg.nu/te1b/niklas/Ny_portfolio/index.html”]here
1.
Right now I am using a table to hold everything where I want it to be. But the problem here is that I have an Iframe inside the table and I want that iframe to be able to just stretch out (y-axis) as far as it has to whenever I add new content. I want it to behave like this on all the pages except the news page (home) where i want it to create pages.
I’m using javascript to get my news in xml form to html. I will probably change that to xslt. But the tricky thing here is that I want to be able to update all pages when I add content in one or two xml files. I want to be able to use one xml file for news. and one for new content for the gallery. So I don’t want to have to update all pages just to add a new picture to the gallery. How am I supposed to do this? Think it like a blog-like site where the archive and everything gets updated automatically. Will I have to use javascript for this or can I do it some other way.
In addition to the above I need the “random” and “most recent” content to be updated as well. And I don’t even have a working script for either of them.
The lytebox I’m using doesn’t work properly in firefox 3 which I’m using when I run it from within an iframe but it works on IE. Has anyone else encountered this problem?
On the right side next to the navigation bar I want some special features like being able to search through the site after news or gallery content. Here I also wonder how I create a calendar where people can see which dates new stuff have been added, and also click on it to go to the added content that date.
I also need help with the spry menu. When I use it in IE the frame that is added shows up behind it. How do I get rid of this but still can use it in older versions of IE?
I hope I remembered everything. I know this is a lot but I hope that at least someone will come with a solution for some of this ?
Thank you very much!
p.s. now when I’m trying to view it in firefox it seems like the news script doesn’t work properly. But it does work when I try it in IE.
step 1: validate your code
step 2: move your inline styles into css and validate it
step 3: use server side parsing for your news feed and get rid of the news iframe
there is a lot of ie proprietary style used in your in line styles and that is why it doesn't work outside of ie.[/QUOTE]
[CODE]
.left_col {
float:left;
width:150px;
}
.content {
padding-left:160px;
}
[/CODE][CODE]<div class="left_col">
LEFT COL STUFF
</div>
<div class="content">
CONTENT
</div>[/CODE][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>Niklas Rosenqvist's Portfolio || Te2b</title>
<style type="text/css">
<!--
body {
background-image: url(background/bg.gif);
background-repeat: repeat-x;
}
-->
</style>
<!-- LYTEBOX -->
<script type="text/javascript" language="javascript" src="lytebox/lytebox.js"></script>
<link rel="stylesheet" href="lytebox/lytebox.css" type="text/css" media="screen" />
<!--Spry menu bar script-->
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<!--Spry menu bar script end-->
<link href="css/picturefade.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
#apDiv1 {
position:absolute;
left:242px;
top:16px;
width:918px;
height:166px;
z-index:1;
}
-->
</style>
<link href="portfolio.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
#apDiv2 {
position:absolute;
left:830px;
top:182px;
width:303px;
height:34px;
z-index:1;
}
-->
</style>
</head>
<body align="center" alink="#33CCFF" vlink="#3399FF" link="#3399FF">
<div id="container">
<!--logo-->
<div id="logo"><img src="logo/logo5.jpg" name="logo" width="920" height="167" border="0" id="logo"/></div>
<!--logo end-->
<!--menu-->
<div id="menu"><div id="menuleft"><img src="Menu/menuleftpic.jpg" /></div>
<div id="spry">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a class="MenuBarItemSubmenu" href="iframe/iframe_news.html" target="iframe">Home</a>
<ul>
<li><a href="iframe/iframe_newsarchive.html" target="iframe">News archive</a></li>
<li><a href="iframe/iframe_profile.html" target="iframe">My profile</a></li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu" href="iframe/iframe_gallery.html" target="iframe">Gallery</a>
<ul>
<li><a class="MenuBarItemSubmenu" href="iframe/iframe_gpictures.html" target="iframe">Pictures</a>
<ul>
<li><a href="iframe/iframe_gcreated.html" target="iframe">Created</a></li>
<li><a href="iframe/iframe_gedited.html" target="iframe">Edited</a></li>
<li><a href="iframe/iframe_gphoto.html" target="iframe">Photographs</a></li>
</ul>
</li>
<li><a href="iframe/iframe_gaudio.html" target="iframe">Audio</a></li>
<li><a href="iframe/iframe_gvideo.html" target="iframe">Video</a></li>
<li><a href="iframe/iframe_gwebsites.html" target="iframe">Websites</a></li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu" href="#">Contact</a>
<ul>
<li><a href="iframe/iframe_email.html" target="iframe">Email</a></li>
<li><a href="iframe/iframe_gb.html" target="iframe">Guestbook</a></li>
</ul>
</li>
<li><a href="iframe/iframe_links.html" target="iframe">Links</a></li>
</ul>
</div>
<div id="menuright"><img src="Menu/menurightpic.jpg" /></div></div>
<!--menu end-->
<!--content-->
<!--iframe-->
<div id="body">
<div id="content"><iframe id="iframe" src="iframe/iframe_news.html" frameborder="0" scrolling="no" name="iframe" width="550" height="1000"></iframe></div>
<!--iframe end-->
<!--navigation-->
<div id="navigation">
<div id="navhead1">
Navigation
</div>
<div id="navlist">
<ul type="disc">
<li><a href="iframe/iframe_news.html" target="iframe">Home</a></li>
<li><a href="iframe/iframe_gallery.html" target="iframe">Gallery</a></li>
<li><a href="iframe/iframe_gpictures.html" target="iframe">Pictures</a></li>
<li><a href="iframe/iframe_gaudio.html" target="iframe">Audio</a></li>
<li><a href="iframe/iframe_gvideo.html" target="iframe">Video</a></li>
<li><a href="iframe/iframe_gwebsites.html" target="iframe">Websites</a></li>
<li><a href="iframe/iframe_email.html" target="iframe">Email me</a></li>
<li><a href="iframe/iframe_gb.html" target="iframe">Guestbook</a></li>
<li><a href="iframe/iframe_links.html" target="iframe">Links</a></li>
</ul>
</div>
<div id="navhead">
Most recent
</div>
<div id="mostrecent">
<a href="iframe/gallery/logos.jpg" rel="lytebox" title="These are all the logos/themes I've had for the portfolio."><img src="iframe/gallery/logos_thumb.jpg" alt="" border="0" cl="gallery2" onmouseover="this.className='transOFF'" onmouseout="this.className='gallery2'"/></a>
</div>
<div id="navhead">
Random
</div>
<div id="random">
<a href="iframe/gallery/through_faith.jpg" rel="lytebox" title="This is a T-shirt design I made for a contest."><img src="iframe/gallery/through_faith_thumb.jpg" alt="" border="0" class="gallery2" onmouseover="this.className='transOFF'" onmouseout="this.className='gallery2'"/></a>
</div>
</div>
<!--navigation end-->
<!--extras-->
<div id="extras"><img src="images/blank.gif" border="0" width="178"/></div>
<!--extras end-->
</div>
<!--content end-->
<!--Spry menu bar script-->
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
<!--Spry menu bar script end-->
</div>
<!--Signature-->
<div id="bottom">Niklas Rosenqvist, Te2b, Upplands-bro Gymnasium</div>
<!--Signature end-->
</div>
</body>
</html>
[/CODE][CODE]@charset "utf-8";
/* CSS Document */
#container {
margin-left:auto;
margin-right:auto;
width: 920px;
}
#menu {
background:url(Menu/menucenterpic.jpg);
background-repeat:repeat-x;
height: 32px;
}
#menuleft {
float:left;
}
#spry {
float:right;
}
#menuright {
float:right;
}
/* picture fade */
img.gallery {background-color: silver;opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.50;border:0; }
img.transOFF {background-color: silver;border:0; }
img.gallery2 {background-color: silver;opacity:.85;filter: alpha(opacity=85); -moz-opacity: 0.85;border:0; }
#bottom {
font-size:9px;
color:#666666;
text-align:center;
}
#content {
width: 550px;
float: left;
}
#navigation {
background:url(images/nav.jpg);
background-repeat:no-repeat;
width: 197px;
float:right;
}
#navhead1 {
font-size: 24px;
color: #e1e1e1;
margin-top: 80px;
margin-left: 18px;
}
#navlist {
}
#navhead {
font-size: 24px;
color: #e1e1e1;
margin-left: 18px;
}
#mostrecent {
margin-left: 40px;
margin-top: 18px;
margin-bottom: 18px;
}
#random {
margin-left: 40px;
margin-top: 18px;
margin-bottom: 18px;
}
#extras {
width: 173px;
float:right;
}
[/CODE]Now on to the next obstacle ?
If I want the content of the site to be updated like it does on this site (scroll down and look)http://www.myextralife.com/ , what should I do? Should it be created in asp or what is the most common way? I want the new content to also be automatically stored in the news archive and gallery[/QUOTE]
[I]just a note about asp[/I]
VBScript [B]is[/B] the default scripting language for ASP and has been since 1996.
Since ASP is proprietary ... Microsoft Server, I guess that Microsoft just might be the authority on the subject....MSDN [/QUOTE]
learn c#, its better for your brain, develop rich internet applications and be on top of your game.
heres some information for you:
http://www.csharphelp.com/archives/archive95.html [/QUOTE]
0.1.9 — BETA 5.18