PDA

Click to See Complete Forum and Search --> : More Questions

Culverin
01-26-2004, 07:39 PM
hey, all, i'm back to bug you guys with more questions.

first off, i still can't seem to get rid of that scroll bar...
i've tried the

margin: 0;
padding: 0;

and scrolling="no" inside my frame tag...
i've even tried reducing the number of my div down to 0%...

nothing short of taking out Div altogether makes that scroll bar go away...

any more insights?

-----------

i've done the css lists tutorials on a couple sites...
but i can't seem to find a command to change the distance indented from 1 imbedded list to the 2nd...
again, my page. www.geocities.com/ronsarlo

if you take a look white hash-marks are the layers of the lists.. (or rather should be if they were implemented)

however, when i use the list commands i my style sheet.
the indentations make it way too wide. i can't seem to find a way around this and i was wondering if there was one? (it seems to me that there should)

---------
it is also possible to make words wrap to the "indent" (the white hash-mark) without using lists?


thanks for the tutorials :)
soccer362001
01-26-2004, 07:42 PM
<style type="text/css">
body{
overflow:hidden;
}
</style>
that should get rid of the scroll bar
Culverin
01-27-2004, 02:31 PM
wow, thanks, that got rid of that ugly bar alright... :)

now my other step is to touch up my menu...
is there a way to build a menu with multiple tiers?
kinda like a folder tree in Windows Explorer?
i tried the list codes, but i can't seem to find a way to shrink down the indentations...

here's my very basic amateur site...
http://culverin.creationsnet.com/
soccer362001
01-27-2004, 03:45 PM
You may try this but keep in mind 13% of Internet users dont have JavaScript enabled
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title></title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="dan_gabbard@anadarko.com">
<meta name="generator" content="AceHTML 5 Freeware">
<style>
<!--
#foldheader{cursor:hand ; font-weight:bold ;
list-style-image:url(fold.gif)}
#foldinglist{list-style-image:url(list.gif)}
//-->
</style>
<script type="text/javascript">
<!--
var head="display:''"
img1=new Image()
img1.src="fold.gif"
img2=new Image()
img2.src="open.gif"

function change(){
if(!document.all)
return
if (event.srcElement.id=="foldheader") {
var srcIndex = event.srcElement.sourceIndex
var nested = document.all[srcIndex+1]
if (nested.style.display=="none") {
nested.style.display=''
event.srcElement.style.listStyleImage="url(open.gif)"
}
else {
nested.style.display="none"
event.srcElement.style.listStyleImage="url(fold.gif)"
}
}
}

document.onclick=change

//-->
</script>

</head>
<body>
<ul>
<li id="foldheader">News</li>
<ul id="foldinglist" style="display:none" style=&{head};>
<li><a href="http://www.cnn.com">CNN</a></li>
<li><a href="http://www.abcnews.com">ABC News</a></li>
<li><a href="http://www.vancouversun.com">Vancouver Sun</a></li>
</ul>

<li id="foldheader">Games</li>
<ul id="foldinglist" style="display:none" style=&{head};>
<li><a href="http://www.gamespot.com">GameSpot</a></li>
<li><a href="http://www.happypuppy.com">Happy Puppy</a></li>
<li><a href="http://www.gamecenter.com">Game Center</a></li>
</ul>

<li id="foldheader">Software</li>
<ul id="foldinglist" style="display:none" style=&{head};>
<li><a href="http://www.download.com">outer 1</a></li>
<li><a href="http://www.hotfiles.com">outer 2</a></li>
<li id="foldheader">Nested</li>
<ul id="foldinglist" style="display:none" style=&{head};>
<li><a href="http://www.windows95.com">nested 1</a></li>
<li><a href="http://www.shareware.com">nested 2</a></li>
</ul>
<li><a href="http://www.windows95.com">outer 3</a></li>
<li><a href="http://www.shareware.com">outer 4</a></li>
</ul>
</ul>

<script type="text/javascript">
<!--
/**
* Get cookie routine by Shelley Powers
* (shelley.powers@ne-dev.com)
*/
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
// if cookie exists
if (offset != -1) {
offset += search.length
// set index of beginning of value
end = document.cookie.indexOf(";", offset);
// set index of end of cookie value
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

if (get_cookie(window.location.pathname) != ''){
var openresults=get_cookie(window.location.pathname).split(" ")
for (i=0 ; i < openresults.length ; i++){
foldinglist[openresults[i]].style.display=''
document.all[foldinglist[openresults[i]].sourceIndex -
1].style.listStyleImage="url(open.gif)"
}
}

if (document.all){
var nodelength=foldinglist.length-1
var nodes=new Array(nodelength)
var openones=''
}

function check(){
for (i=0 ; i <= nodelength ; i++){
if (foldinglist[i].style.display=='')
openones=openones + " " + i
}
document.cookie=window.location.pathname+"="+openones
}

if (document.all)
document.body.onunload=check
//-->
</script>


</body>
</html>
Culverin
01-28-2004, 12:42 AM
i want to stay away from Java since that's not quite on my immediate list to learn...
and also as you said, not very many people have it...

i'm out of luck?

can you tell me what this guy's using for his menu? and how complicated it is?
www.htmldog.com
i honestly got confused when looking at his source code...
the menu is great, and not graphics based, and since java didn't load up, i know it's not that either... (i tried emailing him, no response)
Bigjohn
01-28-2004, 07:05 AM
Originally posted by Culverin
i want to stay away from Java since that's not quite on my immediate list to learn...
and also as you said, not very many people have it...

i'm out of luck?

can you tell me what this guy's using for his menu? and how complicated it is?
www.htmldog.com
i honestly got confused when looking at his source code...
the menu is great, and not graphics based, and since java didn't load up, i know it's not that either... (i tried emailing him, no response)

Hes using something similar to these guys:
http://www.csstips.com/css-menus/vertical.asp

John
soccer362001
01-28-2004, 08:44 AM
htmldog.com
it looks as if he uses a different page for each link.