Jump to content

novicenate

Members
  • Posts

    19
  • Joined

  • Last visited

novicenate's Achievements

Newbie

Newbie (1/7)

0

Reputation

  1. excellent knowledge. thanks everyone!
  2. well, I know that as you add more images the entire load time increases becuase images are 10-50 or even 100 KB in size each. but code is typically very small, even large pages of it, because it's just text. so I guess I was asking moreso since file size isn't much of a factor, does it take more time for a browser to "read" the large page of code and figure out how to display it, which then takes more time to load the page overall??
  3. well, I know that as you add more images the entire load time increases becuase images are 10-50 or even 100 KB in size each. but code is typically very small, even large pages of it, because it's just text. so I guess I was asking moreso since file size isn't much of a factor, does it take more time for a browser to "read" the large page of code and figure out how to display it, which then takes more time to load the page overall??
  4. I know this is probably a bad question, but is there a point at which the length of code in a stylesheet and external javascript seriously and visably to the average person affects the load time of a page?? If so, when?Nathan
  5. I want the main section of my pages to be centered on the page, and I have that. But within, I want to be able to position the elements (such as a menu, actual content, etc.) so they will position within the main section. I'm having a hard time getting this done. Here is the code I have to this point... <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><title>Welcome </title><style>body{background-color:#dccfbf; margin-top:0px; text-align:center}#header{width:750px; border-left:1px solid black; border-right:1px solid black;border-bottom:1px solid black; padding:0}#content{width:750px; border-left:1px solid black; border-right:1px solid black; border-bottom:1px solid black; text-align:left; background-color: white;}#menu{width:175px; background-color:#A3CFFC; border:1px solid navy; position:relative; top:10px; left:10px}#menu ul{list-style-type:none; margin:0; padding:5px}</style></head><body><div id="header"><img src="../images/header.jpg"></div><div id="content"> <div id="maincontent">Welcome!</div> <div id="menu"> <ul> <li>About Us</li> <li>Directions</li> <li>Upcoming Events</li> </ul> </div></div></body></html> I want the menu to be at the upper left of the white area with another column of text (main content) to be at the same vertical position, but obviously to the right of the menu section. Any ideas??? I'm sure I have some errors, so feel free to tear up my code. Thanks
  6. I want to have divisions centered on the page no matter if the screen is at 800x600 or 1280x1048 or whatever. I found the code to make it centered...margin:0 autobut when I put this in, the top margin comes down to about 4 pixels. What am I doing wrong? I want it to be flush with the top of the page.thanks
  7. OK, I guess let's start over. I'll just tell you what I want to accomplish. I need a CSS menu that has submenus. I've tried the one from A List Apart's website, and can't get it to work. I'm sorry to be so difficult. I am learning.thanks
  8. I don't know why the height is set at 1px - probably just an oversight. sorryThe reason I am differing the a's within the div from normal a's is because they are part of a menu system that I want to look differently than the links contained withint the page content. So again, can you help me figure out why it's not working right?? thanks
  9. I NEED HELP WITH THIS. I HAVE THE FOLLOWING IN MY HTML:<div class="submenu" style="position:absolute; left:100px; top:125px; height: 1px;"> <ul> <li><a href="#">Mission Statement</a></li> <li><a href="#">Directions</a></li> <li><a href="#">Contact Us</a></li> <li><a href="#">History</a></li> </ul></div>AND IN MY STYLE SHEET, I HAVE THIS....submenuon{position:absolute; display:block; padding:5px; font-size:11pt}div.submenuon ul{width:500px}div.submenuon li{padding:5px;list-style-type:none; width:450px}div.submenuon a:link{text-decoration:none; background-color:white; width:450px; padding:5px}div.submenuon a:visited{text-decoration:none; background-color:white; width:450px; padding:5px}div.submenuon a:hover{text-decoration:underline; background-color:orange; width:450px; padding:5px}div.submenuon a:active{text-decoration:none; background-color:blue; width:450px; padding:5px}MY QUESTION IS, WHY WILL THE LINKS WITHIN THE LIST ITEMS NOT GO OUT TO THE SET WIDTH??? THE CODE IS PROBABLY A LITTLE SCREWED UP BECAUSE I HAVE TRIED SO MANY THINGS. HERE IS WHAT I'M TRYING TO GET TO...I HAVE A NORMAL LIST (<ul><li><a>link</a></li></ul>) AND I WANT SO WHEN THE LINK IS MOUSEOVERED, IT CHANGES STYLES SO THAT A SPECIFIC WIDTH CHANGES COLORS. I KNOW THIS IS CONFUSING, BUT AFTER SPENDING TIME ON THIS, I REALLY LOST THE ABILITY TO CARE ABOUT MAKING SENSE. IT JUST DOESN'T MAKE SENSE TO ME. I WOULD REALLY APPRECIATE HELP.(ALL CAPS DONE TO DIFFERINTIATE CODE WITH TALK)
  10. is there a way to refer to an element's ID to the point of making that element perform certain actions as detailed in a function? For example, say I have a bullet list with an ID="listone" and a class="liststyleoff" I want to make it so when that list item is hovered over, the class is changed to "liststyleon" and when the mouse leaves the list item, the class returns to "liststyleoff". thanks
  11. I want to change the stlye of an element on mouse over and then back again on mouse out. There will be other commands to be added later, but for now this is not working. When I mouseover, the class does change to mainlinkon as I want...but when I mouseout, nothing happens and I do not get an error. What am I doing wrong????I have the following code:function menustylechange(action){if (action = 'on') { services.className = 'mainlinkon' }else { services.className = 'mainlink' }}and here is the code of the element in HTML:<li id="services" class="mainlink" onmouseover="menustylechange('on')" onmouseout="menustylechange('off')">Services</li>Thanks so much for any help!
×
×
  • Create New...