|
HTML - How To Stop Links From Turning Purple
I have a webpage filled with url links and of course the text turns purple when clicked on. How do I change this so the text stays blue even after being clicked on? Do I have to add html code for each link, or is there a way to do it for the entire page?
Similar Tutorialshttp://profile.myspace.com/index.cfm...ndID=450190416 im trying to make all that white space to that same purple 990088 i think it is what code would i put into the layout code to do that? Hi guys, new user! I've been having this problem trying to create an external client for a game I play, the form from the website is Code: <form action="/bank/deposit" method="post"> <td style="padding-bottom: 1em; width: 100px"><input id="deposit_amount" name="deposit_amount" type="text" value="100" /></td> <td style="padding-bottom: 1em"><input class="submit-large" name="commit" type="submit" value="Deposit" /></td> </form> From this, it's obvious you can use http://mafialive.com/bank/deposit?desposit_amount=100 to deposit your cash on hand but I'm trying to also pull in the actual value in the deposit_amount input, so that I can just either link or dynamically generate a link that will bank the cash on hand. simply /deposit doesn't work as it seems to require an actual number. Any ideas? I'm rightfully stumped. Thanks in advance! Hi. I am trying to create a page containg 2 frames, right frame, and mainFrame. I am using the right frame to allow users to click links to remote sites browsable within the mainFrame. However, most of these sites require cookies and keep opening links in a new window. Is there a way to enable 3rd party cookies within frames, and to also disable links within the mainFrame from opening in a new window? p.s. I know Firefox allows users to use 3rd party cookies in frames. Thanks I have this theme that I'm using for a project and I can't find where I made the mistake in the HTML ... the Header/title is supposed to be the color of the text, but for some reason it's purple ... This is the website: http://simplybeautifulinmtl.tumblr.com/ And this is the HTML (I deleted a bunch of it that had no relevance and this is what's left ... I know it's asking a lot but can someone help me?): HTML 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" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{Title}</title>
<META NAME="Title" CONTENT="{Title}">
<META NAME="Description" CONTENT="{MetaDescription}">
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<meta name="color:Title" content="#fffdf7"/>
<meta name="color:Background" content="#fff"/>
<meta name="color:Text" content="#fffdf7"/>
<meta name="color:Link" content="#000000"/>
<meta name="color:LinkHover" content="#fffdf7"/>
<meta name="color:LinkBackground" content="#FFECF3"/>
<meta name="color:LinkHoverBackground" content="#F1F0F0"/>
<meta name="color:DescriptionBackground" content="#F1F0F0"/>
<meta name="if:Large Photos" content="1"/>
<meta name="if:Show Archive Link" content="1"/>
<meta name="if:Show RSS Link" content="1"/>
<meta name="if:Show Random Link" content="0"/>
<meta name="if:Show Likes Link" content="0"/>
<meta name="if:Show Mobile Link" content="0"/>
<meta name="if:Show Description" content="0"/>
<meta name="if:Fixed Header" content="1"/>
<meta name="if:InfiniteScroll" content="0"/>
{block:IfInfiniteScroll}
<script type="text/javascript" src="http://static.tumblr.com/q0etgkr/mFbkoqlkr/tumblrautopager.js"></script>
{/block:IfInfiniteScroll}
</script>
<style type="text/css">
hr { display:none; }
img { border:0px; }
body {
background: {color:Background};
color:{color:Text};
font-family:' georgia, sans-serif;
font-size: 0.75em; /* 12px */
margin:0px;
padding:0px;
letter-spacing: 0.1em;
}
}
}
a:focus { outline: none; }
/* ---------------------------------------------------- Funky **** ------------------ */
::selection,
a::selection,
img::selection {
background: {color:Text};;
color: {color:Text};;
}
::-moz-selection {
background: {color:Text};;
color: {color:Text};;
}
/* ---------------------------------------------------- Header ------------------ */
header {
display: block;
margin: 40px auto 20px auto;
width: 820px;
text-align: center;
}
header.fixed {
position: fixed;
width: 100% !important;
}
header h1 {
font-family: Georgia, sans-serif;
display: block;
font-size: 4em;
-webkit-margin-befo 0em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
margin-bottom: 5px;
font-weight: normal;
color: {color:Text};
}
header h1 a {
font-weight: normal;
text-decoration:none !important;
}
nav a {
color: {color:Text};
padding: 3px 5px 1px 5px;
margin: 0 2px;
background: {color:LinkBackground};
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
text-decoration:none !important;
}
nav a:hover {
color: {color:Text};
background: {color:LinkHoverBackground};
}
div.wrapper {
display: block;
margin: 0px auto 100px auto;
{block:IfFixedHeader}
padding: 115px 0 0 0;
{/block:IfFixedHeader}
width: 500px;
text-align: center;
color: {color:Text};
}
div.description {
float:left;
margin-top:0px;
padding: 5px 10px;
}
/* ---------------------------------------------------- Text ------------------ */
.text {
width: 500px;
margin: 25px auto 125px auto;
line-height: 1.6em;
}
.text .caption {
font-size: 1.66em; /* 20px */
text-decoration:none !important;
}
/* ---------------------------------------------------- Stuff ------------------ */
div.tumblrAutoPager_page_info {
display:none;
}
#back-top {
position: fixed;
right: 15px;
bottom: 10px;
font-size: 0.83em;
}
#back-top a {
color: {color:Text};
padding: 3px 5px 1px 5px;
margin: 0 2px;
background: {color:LinkBackground};
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
text-decoration:none !important;
}
#back-top a:hover {
color: {color:Text};
background: {color:LinkHoverBackground};
}
{CustomCSS}
</style>
</head>
<body>
<header {block:IfFixedHeader}class="fixed"{/block:IfFixedHeader}>
<h1><a href="/">{Title}</a></h1>
<nav>
</nav>
</header>
<div class="wrapper">
{block:IfShowDescription}
{block:Description}
<div class="description">
{Description}
</div>
{/block:Description}
{/block:IfShowDescription}
</div>
<!---------------------------------------------------------------------------- POSTS ----->
<Div class="autopagerize_page_element" id="posts">
{block:Posts}
{block:Text}
<div class="text">
{block:Title}<a {block:IndexPage}href="{Permalink}"{/block:IndexPage} class="caption">{Title}</a>{/block:Title}
{Body}
{block:Date}
<div class="permalink"><a href="{Permalink}" class="permalink">❖</a></div>
{/block:Date}
</div>
{/block:Text}
how do I make it so that a regular html image link (<a href="bla.html"><img src="bla.png"></a>) does have the blue frame around when it hasn't been clicked and the purple when it has? Thanks For some reason, in IE8 (or all IE's, for all I know) there is a mysterious little purple line at the bottom left corner of all of my navigation button images, excluding the first one. In FF it works just fine..Chrome, Safari and Opera I don't have, so for all I know it could just be FF that's displaying it correctly. Here's my code: HTML HTML Code: <a href="index.html" style="margin:0"> <img src="images/nav_home.png" alt="HOME" onmouseover="this.src='images/nav_home_hover.png';" onmouseout="this.src='images/nav_home.png';" /> </a> <a href="the-author.html"> <img src="images/nav_author.png" alt="THE AUTHOR" onmouseover="this.src='images/nav_author_hover.png';" onmouseout="this.src='images/nav_author.png';" /> </a> <a href="contact.html"> <img src="images/nav_contact.png" alt="CONTACT US" onmouseover="this.src='images/nav_contact_hover.png';" onmouseout="this.src='images/nav_contact.png';" /> </a> CSS Code: img
{
border: 0px;
margin-left: 1.75em;
}
I also attached a screenshot. Thanks, C-Style I'm making an HTML design on notepad, and I got some images for links, but when I view it on a webpage, the images have a purple border. How to I remove this? I'm having a problem finding out how to turn off flash intro at Classic Kelli Maroney. http://kellimaroney.com/#on_the_web I think I have to change something in the "head" part of the edit page. <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Kelli Maroney | Welcome to the Kelli Maroney Website, for all things Kelli Maroney</title> <link href="style.css" rel="stylesheet" type="text/css" /> <script language="JavaScript" type="text/javascript"> Thanks Tom <object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="0" width="0" data="http://www.youtube.com/v/link&autoplay=1&rel=0"> <param name="allowScriptAccess" value="never" /> <param name="allowNetworking" value="internal" /> <param name="movie" value="http://www.youtube.com/v/link&autoplay=1&rel=0" /> </object> I want to add a code to make the YouTube audio off. Any ideas? Hi, I am using Dreamweaver CS3 to create a site, by default i have learnt that when you use an image as a link to another page, dreamweaver creates a coloured border around your linked image. I have since been able to get rid of this border by adding border="0" into my img tag however this now has caused my rollover not to work before clicking on the image to take you to the linked page. this is my code; any ideas how i can fix this? <td colspan="4"> <a href="About Us.html"><img src="images/About_Off.jpg" border="0" alt="About Us" name="Aboutus" width="120" height="64" id="Aboutus" onMouseOver="MM_swapImage('Image2','','images/About_On.jpg',1)" onMouseOut="MM_swapImgRestore()"></a></td> <td colspan="6"> Any help would be greatly appreciated. I've done HTML for a while. A bit of CSS, not too much. This the first time I've made a design in photoshop and wanted to turn it into a website though. Can someone give me soem guidance on the best way to turn this into a website? Thanks. Hi, I am having a problem with a HTML email. When sent through to Outlook 2000 All styles within tags are being re-written with "defanghtml" this in turn is turning all the styles of within the email's HTML code. This is not happening for every recipient!? Has anyone encountered this problem? Do you know what causes it? Can it be stopped? Hi I want to be able to turn the image that reads 'back' on the page below into a "back button" that automatically makes the browser go back a page, just like the back button within the browser. How do i do this? http://www.richardjohntaylor.com/bil...hotoerror.html Is there a way to prevent text (like a link) from being selected? I use +/- headers that expand or contract a paragraph, but when clicked rapidly the text is selected. The same thing for images? Robert i used to use tables for the layout, now i'm trying divs..the thing is i'm not sure how should i think about the layout, i mean like tables i have rows, every row have cells, now with the divs i should think about it the same way? a container div to replace the main table, then another div to take place of a row, then divs as cells..an so on does that make any sense? i don't know if that was clear, but the question is: how should i think about it? i know the question sounds stupid but it seems that i just got used to tables & can't accept divs yet Hi everyone, I hope I have posted this in the right area. This is my first time posting here. I currently have my main pages listed at the top of my site as graphics (see fussybaby.ca). I would like to potentially remove these graphics and use text links instead - I had the graphics designed for me, so I can't just go in and make new ones, however I'd like to change/rearrange the links and add some new ones. So my question is: How hard is this to do? Is this something I need to hire someone to do for me? Thanks in advance for any advice! I have display:inline and its adding in two drop boxes that it shouldnt. After the drop boxes it then stops the inline. Im new to css, have only been trying it for the past couple of days. The two drop down boxes are suppose to be on the left, under the links at the top. Can someone explain to me why inline stops where it does? Thanks. Oh yeah, the links under <li> I know their to the wrong address's. body { font-family:georgia,'times new roman',times,serif; color:#BD0A70; background-color:#F2F2F2; } ul.navbar { list-style-type: none; padding:0; width:32em; float:left; } ul.navbar li { display:inline; font-size:125%; background-color:#007BA7; margin:.10em; } ul.navbar a,ul.navbar a:visited { color:#ffffff; text-decoration:none; } ul.navbar a:hover { background:#00008B; } form.jump { /* position: absolute; */ float: left; } div.floatright { /* position: absolute; */ float: right; } h1 { clear:both; font-family:helvetica,geneva,arial,SunSans-Regular,sans-serif; } ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head> <title>My first styled page</title> <link rel="stylesheet" href="mystyle.css"> </head> <body> <a charset="ISO-8859-1"> <!-- Site navigation menu --> <ul class="navbar"> <li><a href="index.html">Change email</a> <li><a href="musings.html">Change Password</a> <li><a href="town.html">F.A.Q.</a> <li><a href="town.html">Contact</a> <li><a href="links.html">Log out</a> <li> </li> </ul> <form class="jump" action="/reredirect.php" align="left" method="post"> <input type ="text" name="userpage" size="17" value="Jump to user page" onFocus="this.value=''"> <img src="cooltext406694699.png" align="absbottom" onmouseover="this.src='cooltext406694699MouseOver.png';" onmouseout="this.src='cooltext406694699.png';" input type="submit" value="Submit" name="submit"></img> </form> <div class="floatright"> <script type="text/javascript"><!-- /* 234x60, created 11/22/08 */ google_ad_slot = "0343255875"; google_ad_width = 234; google_ad_height = 60; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </div> <!-- Main content --> <table> <tr> <td> <form method="post" action="/redirect.php" name="event"> <select name="select" class="breakinline" onChange="this.form.submit()"> <OPTION SELECTED>Select friend <OPTION value="/users/sharon">name1 <OPTION value="/users/carrie">name2 <OPTION value="/users/capy">name3 <OPTION value="/users/charla">name4 </SELECT> </FORM> <td> <form id="myeventz" method="post" action="/changeevent.php" name="myevent"> <select name="myevent" class="tabletxt" onChange="this.form.submit()"> <OPTION SELECTED=>12/25 Christmas</option> <OPTION value="0101 Event One">01/01 Event one <OPTION value=" 0202Eventtwo">Remove this event <OPTION value=" ">Add a new event </SELECT> </FORM> </td> </tr> </table> <p>Select item's to remove</p> hi.. i jst noticed tht in a website its flash or its css background can be grabbed very easily. can any one suggest how to stop the grabbing of css and flas like grabbing is not possible in www.leoburnett.com so whts the technology behind tht website thanku ankit gupta I am using the body onload to open a new window but is it possible to check if the window is already open and if so to not refresh it as I am using it as a music player and hitting the home link starts it off again. Any suggestions and if so as much detail as possible would be greatly appreciated :-) Thanks, root. i have a page with code below HTML 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 http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Pixelate(enabled=false,duration=1,maxSquare=50)" /> <meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Pixelate(enabled=false,duration=1,maxSquare=50)" /> <script src="http://www.savethedevelopers.org/say.no.to.ie.6.js"></script> <title>Untitled Document</title> </head> <body> <img src="http://www.sf4stu.com/attachments/month_0804/20080412_7374481915abcecb4439HQ4ovRdyjWnf.gif" /> </body> </html> when i test locally, i saw there is a information bar right on my IE browser how could i stop the information bar? since i trust my code is save~ |
|||||||