yeah i love the layout.. unless there is one like it. though i dont know where to get one from... ^^ and yeah.. my friend told me to do a validation check.. so much crap that i dont understand.. lol
stuff like
Line 142, Column 184: end tag for element "DIV" which is not open.
…onMouseout="dynamichide(event)"></div>')
✉
The Validator found an end tag for the above element, but that element is not currently open. This is often caused by a leftover end tag from an element that was removed during editing, or by an implicitly closed element (if you have an error related to an element being used where it is not allowed, this is almost certainly the case). In the latter case this error will disappear as soon as you fix the original problem.
>.<
this is what i used to check
http://validator.w3.org/check
| |
|
Welcome to KnowledgeSutra - Dear Guest | |
Target Links To A Div Layer
Started by keego, Dec 13 2007 05:40 PM
23 replies to this topic
#22
Posted 19 December 2007 - 08:09 AM
that 1 header, plus horizontal navigation, plus 2 column is pretty generic and I'm sure you can find one easy from these 2 links
http://www.code-sucks.com/css%20layouts/fi...th-css-layouts/
http://www.code-suck...ux-css-layouts/
I'm using one from here also. If you build your site off any of these layouts your site layout shouldnt break as easy. They are reasonibly plain yet you can still add on it easy enough. Once you start adding alot of content in your code can get messy fast so finding errors to correct can be difficult.
Dont worry too much you do what most people do, just paste a whole lot of code in there. But the proper way is to start from scratch and correct any mistakes before adding more things in.
Heres how i would do it and suggest you do it
1. pick a template you like, download it and load it on your computer
2. change any colors / fonts / margins in the css file (You can always modify later if needed or if you change your mind)
3. add navigation in there and test it out.
4. add your ajax functions and any other javascript and test it out
5. load your lightbox gallery in.
you should check for any errors during each stage/when you add new things in. I hope this helps abit if you dont understand fully dont worry not everyone does. I still get confused my self about what CSS is actually doing. The only way you will pick it up is if you keep learning. I've only started working with CSS myself and javascript in the last 4 months on and off of course. I've done javascript before a few years back but I dont remember lol so that dont count. Any way you get the points keep at it.
As a last resort if you really need to get a move on building your site which is understandable and get a solid layout builted to use instead of building one from scratch I can help. it shouldnt take too long, on the other hand if you want to build it your self and try and learn along the way thats cool too.
http://www.code-sucks.com/css%20layouts/fi...th-css-layouts/
http://www.code-suck...ux-css-layouts/
I'm using one from here also. If you build your site off any of these layouts your site layout shouldnt break as easy. They are reasonibly plain yet you can still add on it easy enough. Once you start adding alot of content in your code can get messy fast so finding errors to correct can be difficult.
Dont worry too much you do what most people do, just paste a whole lot of code in there. But the proper way is to start from scratch and correct any mistakes before adding more things in.
Heres how i would do it and suggest you do it
1. pick a template you like, download it and load it on your computer
2. change any colors / fonts / margins in the css file (You can always modify later if needed or if you change your mind)
3. add navigation in there and test it out.
4. add your ajax functions and any other javascript and test it out
5. load your lightbox gallery in.
you should check for any errors during each stage/when you add new things in. I hope this helps abit if you dont understand fully dont worry not everyone does. I still get confused my self about what CSS is actually doing. The only way you will pick it up is if you keep learning. I've only started working with CSS myself and javascript in the last 4 months on and off of course. I've done javascript before a few years back but I dont remember lol so that dont count. Any way you get the points keep at it.
As a last resort if you really need to get a move on building your site which is understandable and get a solid layout builted to use instead of building one from scratch I can help. it shouldnt take too long, on the other hand if you want to build it your self and try and learn along the way thats cool too.
Edited by sonesay, 19 December 2007 - 08:11 AM.
#23
Posted 19 December 2007 - 04:48 PM
Hey thanks for the help
I got one of the templates.. and yeh fully changed it... seeing how they were so wide lol..
Looks good now
The stupid lightbox still doesnt work properly though.. you know whats funny.
If you click on modelling photo under Gallery it shows it in the div box right.. and then you click on the photo .. the lightbox breaks.. and then if you click on modelling photo again... and click on the photo. it loads properly.. thats so wierd >.<
i dont know what to do with that.
I got one of the templates.. and yeh fully changed it... seeing how they were so wide lol..
Looks good now
The stupid lightbox still doesnt work properly though.. you know whats funny.
If you click on modelling photo under Gallery it shows it in the div box right.. and then you click on the photo .. the lightbox breaks.. and then if you click on modelling photo again... and click on the photo. it loads properly.. thats so wierd >.<
i dont know what to do with that.
#24 Guest_mica_*
Posted 11 May 2011 - 03:56 AM
keego, on 14 December 2007 - 07:56 AM, said:
thanks guys... okay this is the page im working on http://www.keegonguyen.com/home.html
this is what i used in the head of the html cause i got it on dynamic drive
and below is what it told me to do to my link
the content, i want it to appear in the Div Id = Main
this is my div for the main content
The link to my test photo is
www.keegonguyen.com/photo.html
and that photo.html is located in /public_html folder of mine
The layout are all Div layers..
The top one .. is #banner , the navigation i gave it the ID #navbar and the main content #main
all i did was added 3 div layers , i hope thats enough information.. let me know if you need more.
thanks again guys.
EDIT : IT WORKS NOW. IT LOADS ONTO THE DIV BUT THE BACKGROUND IS SHOWING! help
this is what i used in the head of the html cause i got it on dynamic drive
<script type="text/javascript">
/***********************************************
* Dynamic Ajax Content- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at [url="http://www.dynamicdrive.com/"]http://www.dynamicdrive.com/[/url] for full source code
***********************************************/
var bustcachevar=1 //bust potential caching of external pages after initial request? (1=yes, 0=no)
var loadedobjects=""
var rootdomain="http://"+window.location.hostname
var bustcacheparameter=""
function ajaxpage(url, containerid){
var page_request = false
if (window.XMLHttpRequest) // if Mozilla, Safari etc
page_request = new XMLHttpRequest()
else if (window.ActiveXObject){ // if IE
try {
page_request = new ActiveXObject("Msxml2.XMLHTTP")
}
catch (e){
try{
page_request = new ActiveXObject("Microsoft.XMLHTTP")
}
catch (e){}
}
}
else
return false
page_request.onreadystatechange=function(){
loadpage(page_request, containerid)
}
if (bustcachevar) //if bust caching of external page
bustcacheparameter=(url.indexOf("?")!=-1)? "&"+new Date().getTime() : "?"+new Date().getTime()
page_request.open('GET', url+bustcacheparameter, true)
page_request.send(null)
}
function loadpage(page_request, containerid){
if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1))
document.getElementById(containerid).innerHTML=page_request.responseText
}
function loadobjs(){
if (!document.getElementById)
return
for (i=0; i<arguments.length; i++){
var file=arguments[i]
var fileref=""
if (loadedobjects.indexOf(file)==-1){ //Check to see if this object has not already been added to page before proceeding
if (file.indexOf(".js")!=-1){ //If object is a js file
fileref=document.createElement('script')
fileref.setAttribute("type","text/javascript");
fileref.setAttribute("src", file);
}
else if (file.indexOf(".css")!=-1){ //If object is a css file
fileref=document.createElement("link")
fileref.setAttribute("rel", "stylesheet");
fileref.setAttribute("type", "text/css");
fileref.setAttribute("href", file);
}
}
if (fileref!=""){
document.getElementsByTagName("head").item(0).appendChild(fileref)
loadedobjects+=file+" " //Remember this object as being already added to page
}
}
}
</script>
and below is what it told me to do to my link
<a href="java script:ajaxpage('photo.htm','main');">Photo</a>
the content, i want it to appear in the Div Id = Main
this is my div for the main content
<div class="myCSS" id="main">Content goes here</div>
The link to my test photo is
www.keegonguyen.com/photo.html
and that photo.html is located in /public_html folder of mine
The layout are all Div layers..
The top one .. is #banner , the navigation i gave it the ID #navbar and the main content #main
all i did was added 3 div layers , i hope thats enough information.. let me know if you need more.
thanks again guys.
EDIT : IT WORKS NOW. IT LOADS ONTO THE DIV BUT THE BACKGROUND IS SHOWING! help
sorry but it can't work, the page show "File Not Found" and in address bar : file:///C:/Documents%20and%20Settings/miftah/My%20Documents/Downloads/Compressed/web_programing%202a-d4/java%20script:ajaxpage%28%27foto.html%27,%27main%27%29;.
can you hel me ?
Reply to this topic

1 user(s) are reading this topic
0 members, 1 guests, 0 anonymous users














