|
HTML - Li Active Issue - I'm A Noob
Hello!
I have a horizontal bar with links, when you hover on one of the links, it changes colour and adds a tiny background image. That's perfect.- BUT I want this bgimage and the color to remain on the ACTIVE link, so that the user can know what page he/she is on. This si my code: <div class="bar"> <div id="filters"> <ul> <li><a class="" href="#all" rel="all">Alla</a></li> <li><a class="" href="#webdesign" rel="webdesign">Webdesign</a></li> <li><a class="" rel="print" href="#print">Print</a></li> </ul> </div><!-- .filters --> </div><!-- .bar --> CSS /* - Portfolio bar - */ .bar { height: 32px; background: url(http://blankest.com/theme/images/portfoliobar_bg.png) repeat-x 0 0; position: relative; padding: 2px 135px 2px 0; margin-bottom: 45px; } .bar a.hire { display: block; position: absolute; right: 0; top: -5px; height: 43px; width: 137px; background: url(http://blankest.com/theme/images/hire.png) no-repeat 0 0; } .bar a.hi hover { background-position: 0 -44px; } .bar li { display: block; float: left; margin-right: 2px; } .bar li a { display: block; padding: 0 23px; font-weight: bold; color: #545454; font-size: 13px; line-height: 28px; } .bar li a.active, .bar li a:hover { color: #ffffff; background: url(http://blankest.com/theme/images/bar_active_li.png) repeat-x 0 0; } Similar Tutorialshi all, i have just written a book and am putting it online. i have some groovy buttons but want them to change when hovered over and also depress or change when clicked. can one of you experts give me the code for this pretty please. we could take it that: A.jpg = normal button B.jpg = when hovered (mouse over i think in your expert world) C.jpg = when clicked also i would like to know where and how the code looks to 'download XY.PDF' please help us on planet noobian, we are at a loss. when I preview my website a active x bar shows up and another thing is that my pictures are not showing. What can I do? Reference: http://test2.tarashryniw.com I have the following the css code: HTML Code: .tab-text a:link {
text-decoration: none;
color: #000;
}
.tab-text a:visited {
text-decoration: none;
color: #000;
}
.tab-text a:active {
text-decoration: none;
color: #adcce8;
}
.tab-text a:hover {
text-decoration: none;
color: #000;
}
This code is for the links in the tabbed menubar. a:active should be a bluish color, and it's my understanding that if you're on the page for which that link is then a:active should apply. Well go to a few different pages, the link colors don't change. Why? Css document this code is in is css/default.css. Thanks for the help! Hi there, I`ve been doing some programming in java and delphi, but now its time for me to try to learn some html/css, and later some php. Anyways, I`m making this test site, where the meny consists of 4 text elements, all containing a href: <a href="foto.html" target="myFrame" id="menu_items">foto</a>; I`m using an external .css file to controll the graphics of the site, and there I have edited the a:visited, hover, active... When I click on one of the menu items, the color changes, as when I hover too. But I would like the first element of my menu, home, to be active when the page loads. How can I do this? Hope you understand my question. Thanks in advance! EDIT: Ok, there has to be an easy answer to this one, so maybe I just didn't explain my problem good enough. =) When I enter the page for the first time (after writing the adress in the adressbar and clicking "GO"), the page loads, and shows the "home" section. My page contains the site-logo, menu, and an iframe which shows the pages (home, foto, contact, and so on) as html files included in the site. As a default, it loads with the home.html in the iframe, and therefor the text "home" in the menu wont change color to the active color, which I set in the external .css file. But when I click on either of the menu items now, after loading the page, it changes color and works fine. What I want, is to set the "home" text in the meny to the active color (or in the active state) when the page is loaded. Sorry for any bad english, doing my best. And again, thanks using IE7 this is fine but in IE6 not so much. we have a page where we have a javascript function which can sort columns when the user presses an html hyperlink. This is fine but in IE6, when you click on a link, it seems to also highlight the oher links as purple (visited) when this is not true. how can we stop it from doing this and what about "resetting" it back to the default blue color when the page is navigated to again? Thanks Hello. I am having a tough time fixing this problem I'm having. I am creating a site using web expression 2. So far, everything is working fine, except for a couple of browser issues regarding active x controls. When I open the site on firefox, which from what I've read, doesn't use active x controls, everything loads fine. But, when I open the site on IE, the latest IE8, contents of my site aren't displayed properly due to blocked active x controls. How and what can I change in my code so that people viewing my site in IE8 can see it normally? Here is the source code and css: 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 content="en-us" http-equiv="Content-Language" /> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <title>Facpros</title> <link rel="stylesheet" type =" text/css" href="1css.css"/> </head> <body> <script type =" text/javascript"> //code for showing/hiding div dropdown comming soon </script> <div class="head" > <div id="Navigation" style="left: 313px; top: 244px" > <ul class="nav" > <li class="notparent"><a href="location"><span>Home</span></a></li> <li class="notparent"><a href="location"><span>About Us</span></a></li> <li class="notparent"><a href="location"><span>Contact Us</span></a></li> <li class="notparent"><a href="location"><span>Leadership</span></a></li> <li class="notparent" ><a href="location"><span>Events</span></a></li> <li class="notparent"><a href="location"><span>Our Members</span></a></li> <li class="notparent"><a href="location"><span>Inquiry</span></a></li> <li class="parent"><a href="location"><span>Language</span></a></li> </ul> </div> </div> <div class ="body" > </div> <div class ="foot"> </div> </body> </html> Code: body{
background-color:gray;
background-image:url('backgroundimg.png');
}
p{
font-family:Copperplate33bc;
}
ul.nav{
font-family:Copperplate33bc;
list-style:none;
padding: 0;
margin: 0; font-size:14px;
height:29px;
}
div.head{
top:0px;
background-color:maroon;
height: 275px;
width: 1000px;
margin-left:auto;
margin-right:auto;
}
div.body{
background-color:teal;
height:600px;
width: 1000px;
margin-left:auto;
margin-right:auto;
}
div.foot{
background-color:black;
height:100px;
width: 1000px;
margin-left:auto;
margin-right:auto;
}
li.notparent{
}
li.parent{
}
a:link{
text-decoration:none;color:black;
}
a:hover{
color:white;
}
#Navigation{
width:723px;;position:relative;
}
#Navigation li
{
float: left;
display: block;
text-decoration: none;
text-align: center;
padding-left:5px;
padding-right:5px;
width:auto;
height:29px;
line-height:3em;
}
Hi there, When running a website from my Hard Drive or CD, the Active X message pops up, saying: "To help protect your security, Internet Explorer has restricted this file from showing active content that could access your computer. Click here for options..." I know that if you disable the Windows security, this message goes away. I would like this message to not pop up regardless of your security settings... much like the format /y command in the good ol' DOS days. Is there a command that will force the computer to accept the page without user intervention? Thanks in advance! I Is there any way to embed windows media video into html without using active-x. This would be for a computer without administrative priveledges (unable to download active-x components) to view video through an html interface. I can only think of using a direct link to the file, which would require the player to be used externally. I think any embedded call up of the player will need to use embed or object tags, which need active-x (as far as I can tell, and my testing has shown) Any light shone on this black math would be greatly appreciated-- Thanks, Tim aaaaaaaaaaaaaaaaaaaaaaaaaa okay, so i'm editing my blog and i want to add my own picture to appear as the wallpaper. the blog doesn't have the option to upload your own picture so i have to modify the html. since i'm a noob at html, i looked up some tutorials, but i didn't quite understand it. could someone please help me? so, i copied all of my html code from the blog he http://pastebay.com/103487 so, could anyone tell me where do i need to paste the pic's url to get a wallpaper. tnx very much! Ok I know how to create simple html web sites but I want to make my links appear in the following format like in many pages out there - http://www.digitalplayers.org/index....roducts_id=103 instead of showing the actual page like - http://www.digitalplayers.org/main.html I know it's a stupid question and I'm almost sure it's got something to do with php? can you point me to some sort of tutorial for this? I'm pretty new at creating websites. This is officially my first "REAL" website. I've tried to set up a kind of "league" for Halo 3 players from Kentucky. There are a couple of things I want to do with this site. 1. Make it possible for members to sign into the site. 2. Have some kind of program that will track stats from games that are played between the teams (I'm hoping for some kind of program that I can manipulate offline, then upload to the site which will automatically update scores/ranks/etc. I realize that this may not be possible. Don't judge me too harshly... I am a noob after all...) 3. A professional "feel" to the site. I would have the page professionally designed, but the people that do that in my area make horrible looking web pages. I would have it designed by someone on the web, but usually people ask for money that is far outside of my budget. The work that has been done so far has been done by me during any spare time I have away from my job. If you want to take a look then by all means go to http://www.ekhlonline.com . Any kind of help that you could give me would be greatly appreciated. Thanks in advance. Bobby Akers Hi all, If you go to http://kvc.dk/CTC7/index.htm Press "ctc-info" in the top menu you goes to a page with an iframe and links on top. When you press these links i want the current link to stay active until you press on another link. I have tried this: http://forums.htmlhelp.com/index.php...ndpost&p=38645 But i cant get it to work. Heres the code: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"/> <title>CTC</title> <link rel="stylesheet" type="text/css" href="../stylesheet.css"/> </head> <body> <table border="0" width="950" cellspacing="0" cellpadding="0" height="500"> <tr> <td align="right" bgcolor="#000000" valign="top" style="padding-right: 10px; padding-top: 70px" background="../images/Frontimages/ombygning.jpg"> <table border="0" width="500" cellspacing="0" cellpadding="0" > <tr> <td style="border: 2px solid #FFFFFF"> <table border="0" width="100%" cellspacing="0" cellpadding="0" background="../images/hvidbg.png" > <tr> <td style="padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom:14px"> <a target="menu" href="Text/CTCinfo/omctc.htm">Om CTC</a> | <a target="menu" href="Text/CTCinfo/ansatte.htm">Ansatte</a> | <a target="menu" href="Text/CTCinfo/samarbejdspartnere.htm">Samarbejdspartnere</a> | <a target="menu" href="Text/CTCinfo/dopingpolitik.htm">Dopingpolitik</a> | <a target="menu" href="Text/CTCinfo/job.htm">Job</a> | </font><a target="menu" href="Text/CTCinfo/downloads.htm"> Downloads</a></td> </tr> <tr> <td> <iframe name="menu" src="Text/CTCinfo/omctc.htm" width="500" height="329" frameborder="0" allowtransparency="true" background-color="transparent"></iframe> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </body> </html> Ok its so easy & I dont know why its not working, but I want to make Models@PunkRockPrincess.com & Photographers@PunkRockPrincess.com both active links so that when you click them they open up as an email <p><h1 style="text-align: center;"><a href="http://www.myspace.com/punkrockprincess.com"><span style="color: ##00BFE1;">PunkRockPrincess.com on Myspace! </span></a></h1> <p style="text-align: center;"><span style="color: #cc99ff;"></span><img src="http://www.searchviews.com/wp-content/themes/clean-copy-full-3-column-1/images/myspace_logo.jpg" height="46" width="137" /></p> <h1 style="text-align: center;"><span style="color: #ffffff;">Models@PunkRockPrincess.com <br />Photographers@PunkRockPrincess.com</span></h1></p> So what do I change to this code? Not too sure this is in the right forum part but as the title says, I have an activex powered video stream which I would like to be able to change the size of. I can change the size of the video by changing the values of the Height and Width in this code: <object classid="clsid:6F5A0B29-5C26-49A1-9462-4C9910F085F3" codebase="http://192.168.0.100/ICLAXPlayer.cab" width="720" height="576" align="absmiddle" id="ICLPlayer" events="True"> but that is in the code and not very accessible from the front end. So I thought about putting in a drop down menu which is shown he <form id="form1" name="form1" method="post" action=""> Zoom <select name="Zoom" id="Zoom"> <option value="1">50%</option> <option value="2">75%</option> <option value="3" selected="100%">100%</option> <option value="4">125%</option> <option value="5">150%</option> <option value="6">175%</option> <option value="7">200%</option> </select> </form> So my question is this: Firstly, how can I relate for example.. 50% to 720 x 576 and then when I have that value, how can I put it in the Width and height boxes so that the video is the correct size? Thanks in advance Hi there, Not sure if this is HTML or CSS - I've got a <ul> menu that I've set up and it's changing nicely in colour when you mouseover (using a:hover etc.) I've seen a few menus though where if you click on home, it loads home and that option stays a different colour to show you what page you're currently on.. any ideas? Hi Guys, If you use this page in firefox you get an active link, dotted border on the up/down arrows. Anyone know of a way to stop this happening with styles? Code: http://www.stompfrog.co.uk/rp/ I guess you could use a js function to take the focus off the link but would prefer a css solution if possible. Stomp Hi all, Im building a mock-up website for a project im working on. Since the first version was built in PPT, i dont wanna build it from scratch - so the entire website is built from image maps. The problem im having is the need to add activeX controls to some of the pages. i.e., my page (reminder - just a big photo mapped) has a right-side menu, a left-side menu and the middle of the page (square shaped) is a form with radio buttons, drop down lists, checkboxes and a submit button. as far as i understand, its impossible to add such elements to an image map. so i was thinking about writing the form section in a separate HTML file, and "call" it from the original page (the map). I just have no idea how to do that. Can i define coordinates in which that image part will be replaced with another HTML file? Thanks for any ideas/help!! Okay well the way i have done my website is quite simple i made the site in photoshop and the sliced it up and used dreamweaver to do the whole html thing, but in the main page i have the box for news and do not know how to make it so i can have it like scrolling because the way it's now is just a grey box. this is the site; Da-nexgen.com If there is a site or something that teaches you better how to make a site from photoshop please let me know. ok so i wanna put font and pics in different areas of the page. Like what if i wanted to put it between left and center so align wouldnt work. The only way i know is using the whole   but then my code is absolutly cluddered with that. I checked out code for some other sites like video game ones. I oculdnt understand it lol but i didnt see mass abouts of non breaking spaces. Please help |
|||||||