|
HTML - How To Turn These Into Active Email Links?
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? Similar TutorialsI have configured my links with CSS in order to change the colors, however when you click on a link, it turns white and then STAYS WHITE! I've never come across this problem before, hopefully you can find a solution! Thank you for reading my thread! The link to my HTML: http://www.habbotrax.com/v2/frontpage.php The link to my CSS: http://www.habbotrax.com/v2/style.css 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 Perhaps it's just me, but I recently noticed this and I'm curious as to how it works. I don't even know if this is the right forum for this though. Take a look at these two pictures and websites. http://www.slidedeck.com/examples/reddal http://www.friendgiftr.com/ If you notice in the picture and the actual website, the first example does not show a tiny dotted border around the link that you click. But on the second site, clicking on a link will have that link surrounded by the thin dotted border. At least that's how it is for me on the latest version of Firefox and Internet Explorer. Is this something browser based? Or what? Why the inconsistency? I have a newsletter sent out via email to subscribers. IT has a table of contents with all the headings at beginning of the page. Here is my problem. I wanted the subscriber who receives the email to be able to click the heading and it takes them directly to the paragraph without all the scrolling. I did try this ( the original word doc you could do it and then i transfered it to html,but it opened the heading in the browser as a separate link. Its quite a long newsletter and as it is they scroll and scroll. Any advice? thanks. How do I stop the hover link code in my email signature affecting the entire email and links by the recipient? My code (stolen from somewhere on the net): <html> <meta http-equiv="Content-Language" content="en-us"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <style type="text/css" media="all"> a:link {color: #CFD4D8; text-decoration: none;} a:visited {color: #CFD4D8;text-decoration: none;} a:hover {color: #003065; text-decoration: none;} a:active {color: #CFD4D8;text-decoration: none;} </style> </head> <body> <a href="http://www.mywebsite.com">www.mywebsite.com</a> </body> </html> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "" > <html lang="en"> <head> <title>PokCosmo</title> <base href="http://www.pokecosmo.com/"> <meta name="keywords" content="pokemon, online pokemon, pokemon articles, netbattle tutorials, pokemon projects, pokemon forums, pokemon community, pokemon pokedex, battle competitor, netbattle, pokemon netbattle, pokemon art, pokemon fanart, pokemon diamond and pearl,free, pokemon ruby and saphire, pokemon emerald, pokemon ruby, pokemon saphire, pokemon cheat codes, pokemon hacks."> <meta name="robots" content="PokйCosmo Front Page 4.0"> <link rel="stylesheet" media="all" type="text/css" href="default.css"> <link rel="alternate stylesheet" type="text/css" media="all" title="style1" href="style1.css"> <link rel="alternate stylesheet" type="text/css" media="all" title="style2" href="style2.css"> <frameset rows="19.5%,80.5%"> <frame img border="0" src="column.html"> <frameset cols="15%,75%"> <frame src="framerow.html"> <frame src="column6.html"> </frameset> <noframes> <p>This frameset document contains:</p> <ul> <li><a href="#"><a href="www.pokecosmo.com"><img align="left"src="http://img152.imageshack.us/img152/5646/pokecosmosett2.png"></a> <a align="right" href="www.pokecosmo.com/pokegames"><img border="0" src="http://img523.imageshack.us/img523/7470/pokemongamesfz9.gif"></a> <a href="www.pokecosmo.com/projects"><img border="0"src="http://img511.imageshack.us/img511/6365/projectsjv5.gif"></a> <a href="www.pokecosmo.com/pokedex"><img border="0"src="http://img525.imageshack.us/img525/1631/pokedexqc0.gif"></a> <a href="www.pokecosmo.com/netbattle"><img border="0"src="http://img525.imageshack.us/img525/2083/netbattlemp1.gif"></a> <a href="www.pokecosmo.com/forums"><img border="0"src="http://img153.imageshack.us/img153/3989/forumsgc0.gif"></a></a></li> <li><a href="#"> <div id="left_side"> <div id="left_side_menus"> <img src="http://img238.imageshack.us/img238/3926/sitefv0.png"> <ul> <li><a href="contact" style="text-decoration:none">Contact</a></li> <li><a href="history" style="text-decoration:none">History</a></li> <li><a href="main" style="text-decoration:none">Main</a></li> </ul> <img src="http://img265.imageshack.us/img265/2431/projectsxy3.png"> <ul> <li><a href="pokemononline" style="text-decoration:none">POL RPG</a></li> <li><a href="netbattle" style="text-decoration:none">Competitor</a></li> <li><a href="graphics" style="text-decoration:none">Graphic Projects</a></li> </ul> <img src="http://img299.imageshack.us/img299/6435/downloadswk7.png"> <ul> <li><a href="downloadrpg" style="text-decoration:none">POL RPG</a></li> <li><a href="downloadnetbattle" style="text-decoration:none">Netbattle</a></li> </ul> <img src="http://img293.imageshack.us/img293/395/communityuo0.png"> <ul> <li><a href="forum/Login.php" style="text-decoration:none">Login</a></li> <li><a href="forum/register.php" style="text-decoration:none">Free Registration</a></li> <li><a href="forum/showthread.php?p=thread.php" style="text-decoration:none">Forum Rules</a></li> <li><a href="forum/reportabuse.php" style="text-decoration:none">Report Abuse</a></li> </ul></a></li> <li><a href="#"><meta name="robots" content="PokйCosmo Front Page 4.0"> <link rel="stylesheet" media="all" type="text/css" href="default.css"> <link rel="alternate stylesheet" type="text/css" media="all" title="style1" href="style1.css"> <link rel="alternate stylesheet" type="text/css" media="all" title="style2" href="style2.css"> <style type='text/css'> h1 {color: silver} h3 {color: black} </style> <img align="top" src="http://img340.imageshack.us/img340/3342/diamondandpearlcs3.png"><h1> Pokemon Diamond and Pearl- In stores Now!!!</h1> <img align="left" src="http://img249.imageshack.us/img249/953/diamondyr4.jpg"> <img align="right" src="http://img522.imageshack.us/img522/4228/pearlrd5.jpg"> <div align="bottom"><h4>PokйCosmo.com © 2007. All rights reserved.</h4> |<a align="bottom" href="http://www.pokecosmo.com">Home</a> | <a href="http://www.pokecosmo.com/forums">Forums</a> | <a href="netbattle">Pokemon Netbattle</a> | <a href="pokemonol>Online RPG</a> | <a href="pokedex">PokeDex</a> | <a href="contact">Contact Us</a> | <a href="affiliates">Affiliates</a>| <a href="copyright">Copyright</a>|<a href="content">Content rating</a>|</div> </div></a></li> </ul> </noframes> </frameset> <div id="footer"> <div>PokйCosmo.com © 2007. All rights reserved.</div> I am trying to develop a login page with Photoshop and Dreamweaver. I have spliced out my images from Photoshop and placed them in Dreamweaver. I attempted to delete the image of a text field and replace it with an actual text field input, but when I do that the picture becomes distorted. Here is the picture of the site with just the pictures and no text field: Here is the picture of the site with text field added where the image of a text field was: Any help would be appreciated. Hi-- I have this button in a HTML/PHP contact form: <input type="submit" value="Submit" /> Preceded by this script in the Head: <script type="text/javascript"> $(function(){ $('#contact-form').submit(function(e){ e.preventDefault(); var form = $(this); var post_url = form.attr('action'); var post_data = form.serialize(); $('#loader', form).html('<img src="loader.gif" /> Please Wait...'); $.ajax({ type: 'POST', url: post_url, data: post_data, success: function(msg) { $(form).fadeOut(500, function(){ form.html(msg).fadeIn(); }); } }); }); }); </script> That combination works to submit the contact form using a php file called process.php. The problem is, I'd like to make that button into a LINK that does the exact same thing (my site doesn't want a button there). I have tried a javascript link, like so: function submitform() { document.forms["contact-form"].submit(); } </script> Followed by the js link: <a href="javascript: submitform()">Submit This</a> BUT this does not work to submit the form as the button does. Is there any way to do this? Many thanks for any help! I am ready to tear my hair out... 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! 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, 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 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, 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 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? Hi, I want to put in a form to get queries from the user, like so: Name: Email: Comments: 'Send' button and that it will send the information to my email address which is gmail? Thanks 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; } 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 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? |
|||||||