passionassasin
-
Posts
5 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Posts posted by passionassasin
-
-
I'm sorry I should toss in a little description. Ive been running back and forth at home like a chicken with no head!
I dont understand fully what youre goal with this menu is beyond two columns. Seems like a good bit of redundant code in there though. if you just want a simple drop down menu with the links riding in two columns then this will do it. I checked both IE newest and with Firefox. I make menus all the time and in alot of them I like to display large areas in my drop downs with images and such. As I said this isnt done and of course Ive left out all the browser support and such that you included as well as the IE hacks but all said and done I'm sure this will do it for you
-
Hello
I threw this together real fast. It's not complete by any means but I believe it's enough to give you the general idea. Hope it helps!
CSS....
<style>
body{background-size: 100%;background: #e8e8e8;padding: 0;margin: 0;border: 0;}ul{clear: *;}ul{list-style: none;}ul:nth-child(2){float: left;display: block;padding: 10px;height: 100px;width: 300px;background: #e8e8e8;border: 2px solid #000;margin: 15px 0 0 -50px;}ul li{float: left;display: inline;padding: 6px;height: 20px;width: 120px;background: #333;color: #fff;}Ul li li:nth-child(1),ul li li:nth-child(2),ul li li:nth-child(3),ul li li:nth-child(4),ul li li:nth-child(5){background: none;}</style>
HTML ....
<body><ul> <li><a href="#">1.1lev</a></li> <li><a href=#>1.1lev</a></li> <li><a href="#">1.1Drop</a> <ul> <li><a href="#">1.1child</a></li> <li><a href="#">2.1Child</a></li> <li><a href="#">3.1Child</a></li> <li><a href="#">4.1Child</a></li> <li><a href="#">5.1nested</a></li> </li> </ul> </ul>
</body>
</html>
-
As far as resizing/sizing I like to use '<img src= .... within my document. today you have much more freedom with resizing this way. At one time you would cut part of your image out by not specifying its actual size. Now you can size it to whatever.
-
Just as an update:
Alright, I am kind of new to css stuff, but something seemed off for the way I was calling the .css file. So I changed the call link to:
<link href="docTech25Banner.css" rel="stylesheet" type="text/css" />
I got the image to load using single quotes in the call:
background: url('docTech25Banner.png') no-repeat center center fixed;
I am now having a new issue with it. The image doesn't appear to auto resize as the text that is part of the image remains very large when I change the size of the window. Any suggestions on the most effiecent way of doing this so that it will work across multiple browsers and windows resolutions?
Could be I failed to read evrything but one thing that I noticed is no [ ./ ] before the folder containing the style eg.. ./folder/stylesheet . I use to run into this issue back in the day and would pull my hair out trying to figure out why it was not seeing my image when I would resort to putting the damn thing right next to it!
If you style is in its own folder and your image is in another folder with html sitting for instance in the root folder you would lay down your code as
url(../folderwithimage/image) In other words you're telling your style to back out of the folder it resides in order to point correctly to the image. But again, I could have missed something. Hope this helps!
navigation menu css help
in CSS
Posted
Back again LOL. Tip: Dont use "display: none" instead use "margin-left: 999em;" makes it more accessable that way. But your call.
Oh and the "color: #fff" ? umm yeah doesn't work because it's not refering to 'a'. Thats me still running around with no head!