|
HTML - Button Not Acting Like It Should In Ff
So I found this neat tutorial (here)
It was easy breezy to use it, so I did. Weird thing at Firefox is.. as soon as I replace the href="#" with a real link... The background images disappear. And only keep working when HOVERED... Even weirder (for me) is that that issue doesnt exist in the other browsers?? Could anyone take a little look? Thanks. (example here, hover over the lonely looking text please) HTML Code:
<a href="http://www.xx.nl/airless-spuitwerk" class="button" >
<div class="left"></div>
<div class="mid"><div>30% KORTING OP AL ONS AIRLESS SPUITWERK » MEER INFORMATIE</div></div>
<div class="right"></div>
</a><!-- /button -->
Code: a.button{float:left;height:31px;text-decoration:none;*cursor:pointer;}
a.button:link .left{float:left;height:48px;width:17px;background:transparent url(images/button-edge-red.png) top left;}
a.button:hover .left{float:left;height:48px;width:17px;background:transparent url(images/button-edge-red.png) bottom left;}
a.button:link .right{float:left;height:48px;width:17px;background:transparent url(images/button-edge-red.png) top right;}
a.button:hover .right{float:left;height:48px;width:17px;background:transparent url(images/button-edge-red.png) bottom right;}
a.button:link .mid{
float:left;
height:48px;
color:#fff;
font-size:14px;
font-weight:bold;
text-align:center;
background:transparent url(images/button-edge-mid-red.png) repeat-x top left;
text-shadow:0 0 1px #000;
}
a.button:hover .mid{
float:left;
height:48px;
color:#fff;
font-size:14px;
font-weight:bold;
text-align:center;
background:transparent url(images/button-edge-mid-red.png) repeat-x bottom left;
}
a.button:link .mid div{
position:relative;
top:18px;}
Similar TutorialsI have an html document (not a webpage) which I'm converting into a .pdf. I've created it before without any issue but now I'm noticing that when I click on the back button (after clicking on an internal link) that it does one of two things... It either a) returns me to the top of the document or b) takes me to some arbitrary spot in the document. Neither one being where I or my clients need to get back to. Anybody experience this or have a fix? Thanks, Hunter Hey I have been using some AJAX code and my <p></p> is acting like <br /> see http://www.walterdecantelupe.co.uk/new/index2.html I can't see why. please help! The html is 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" /> <title>Walter de Cantelupe Inn, Kempsey ~ Worcestershire</title> </head> <body> <p><strong>The Walter de Cantelupe</strong> is situated in the village of Kempsey, just 4 miles from <a href="http://www.visitworcester.com/" title="Visit Worcester">Worcester</a> City centre on the A38, The Walter de Cantelupe is the perfect place for lunches, evening meals or a room for the night. Large open log fire, plush comfy furnishings, paved walled Garden - an Inn for all seasons.<br /> This privately owned & run free house is understated in appearance yet embraces a soul brought to life by the Landlord & the staff. The house, partly dating back to the 17th Century, retains original features such as exposed beams & roaring log fire in the winter months. One of the guest bedrooms is in the oldest part of the Inn and is said to be haunted.</p> <p>The food on offer combines both traditioanl pub dining as well as imaginative and exciting comtemporary creations all prepared in the pub's own kitchen, using as much regional, seasonal and traditional produce as possible.</p> <p>Great emphasis is also placed on top-rated British cask conditioned ales. There are normally four hand-pulled beers available featuring at least one guest ale. The wine list is small but carefully chosen reflecting the knowledge and interest of the landlord. There is even wine from the local award winning vinyards.</p> <p>"The Landlord Martin is the finest of hosts, whose attention to beer keeping, providing superb food and ensuring a great atmosphere are second to none. All this and great value, what more can you ask for in a wonderful period, intimate pub." </p> <h3>A small, old village inn keeping the genuine character of an English Public House - good food & a friendly welcome...</h3> <p><a href="http://walterdecantelupe.co.uk/Joomla_Folder/component/option,com_forme/Itemid,35/">Book a Table</a> ~ <a href="http://walterdecantelupe.co.uk/Joomla_Folder/component/option,com_forme/fid,4/Itemid,56/">Room Booking</a> </p> <h3 style="word-spacing: 5px">Paella Party</h3> <p>The assembled crowd could be forgiven for thinking that they were in some Spanish village square during the last paella party at the Inn. Well-wishers believed they remembered hearing the strains of flamenco music. If not actual reality, that was probably the only authentic element missing from the sun-blissed day. And was it hot ? Hardly a cloud in the sky. For some wide-brimmed hats and even a knotted hankerchief were seen gracing thinly thatched heads. Perfect... <strong>Click <a href="http://walterdecantelupe.co.uk/Joomla_Folder/content/view/30/69/" title="Paella Party">here</a> to read on...</strong> </p> <p>Tel. 01905 820572 <a href="mailto:martin@walterdecantelupe.co.uk">martin@walterdecantelupe.co.uk</a> Main Road, Kempsey, Worcester WR5 3NA</p> </body> </html> The CSS is Code: * {
margin: 0;
padding: 0;
}
body {
background: #506d42 url(images/bg.gif) repeat-x;
font-family: "Times New Roman", Times, serif;
font-size: 1em;
line-height: 17px;
color: #333;
}
a {
text-decoration: none;
color: #157D6A;
}
a:hover {
text-decoration: underline;
color: #37AB96;
}
#wrap {
margin: 0 auto;
width: 935px;
}
#header {
height: 130px;
background: #fff url(images/walter_header.gif) no-repeat left;
}
#header h1 {
font-size: 28px;
letter-spacing: 0px;
padding: 23px 0 0 20px;
color: #506d42;
}
#header h1 a {
color: #37AB96;
text-decoration: none;
font-weight: 100;
letter-spacing: -2px;
}
#header h1 a:hover {
color: #fff;
}
#header h2 {
font-size: 19px;
color: #fff;
padding: 5px 0 0 20px;
letter-spacing: -1px;
font-weight: 100;
}
#header p {
font-size: 12px;
letter-spacing: 0px;
padding: 23px 0 0 20px;
color: #506d42;
}
.slidedivtop {
border-top:2px solid #ffe385;
color:#933;
font-style:italic;
font-weight:bolder;
font-size:2.1em;
text-align:left;
letter-spacing:-1px;
font-family:"Times New Roman", Times, serif;
padding-bottom:0;
padding-top:5px;
margin-bottom:0;
text-transform:lowercase;
line-height:normal;
}
.slidediv {
background:#e9cf77 url(img/bottom.gif) no-repeat left bottom;
border-top:0 solid #ffe385;
color:#444;
margin-bottom:0;
padding:20px 20px 0;
}
#menu {
height: 70px;
line-height: 70px;
background: #fff url(images/menu.gif) no-repeat left;
padding-left: 10px;
padding-right: 10px;
}
#menudrop h1.drop {
font-size: 28px;
letter-spacing: 0px;
padding-top:3px;
text-align:center;
color: #506d42;
}
#menudrop {
height: 46px;
line-height: 70px;
background: #506d42 url(images/topdrop.gif) no-repeat left;
padding-left: 10px;
padding-right: 10px;
}
.menupadding {
padding-left: 9px;
display: block;
z-index:auto;
}
#menu ul {
list-style-type: none;
padding-left: 40px;
}
#menu ul li {
display: block;
float: left;
}
#menu ul li a {
padding: 0 20px 0 0;
text-decoration: none;
font-weight: 100;
font-size: 14px;
}
#menu ul li a:hover {
color: #37AB96;
text-decoration: none;
}
#content {
background: #506d42 url(images/content.gif) repeat-y;
padding: 0 20px 20px 20px;
}
#content p{
line-height:normal;
}
#contentdrop {
background: #506d42 url(images/contentdrop.gif) repeat-y;
padding: 0 20px 20px 20px;
}
.right {
float: left;
width: 630px;
text-align: justify;
padding-left:15px;
padding-right:15px;
padding-top:10px;
}
.right h2 {
font-size: 18px;
font-weight: 100;
padding: 15px 0 7px 0;
}
.right h2 a {
text-decoration: none;
}
.right h2 a:hover {
color: #37AB96;
}
.left {
float: right;
width: 230px;
padding-top: 10px;
}
.left h2 {
margin: 10px 0 0 0;
padding-left: 10px;
height: 24px;
line-height: 24px;
background: #111;
color: #fff;
font-size: 13px;
}
.left ul {
padding: 10px 0 15px 10px;
list-style-type: none;
}
.left ul li a {
color: #157D6A;
text-decoration: none;
font-weight: 100;
}
.left ul li a:hover {
color: #37AB96;
}
.paddingtop {
margin-top:10px;
position:relative;
}
.paddingtopbot {
margin-top:10px;
margin-bottom:15px;
position:relative;
}
.whatson {
padding: 20px 20px 20px 20px;
position:relative;
}
#bottom {
background: #fff url(images/bottom.gif) no-repeat;
padding: 17px 0;
}
#bottomdrop {
background: #506d42 url(images/bottomdrop.gif) no-repeat;
padding: 23px 0;
margin-bottom:8px;
}
#paneltop {
height: 25px;
background: url(images/paneltop.gif) no-repeat left;
padding-left:10px;
padding-top:11px;
margin-right:15px;
}
#panelcontent {
background: url(images/panelcontent.gif) repeat-y;
text-align:justify;
padding-left:11px;
padding-right:12px;
padding-bottom:5px;
margin-right:15px;
}
#panelbottom {
background: url(images/panelbottom.gif) no-repeat;
height: 5px;
margin-right:15px;
}
#footer {
text-align: center;
font-size: 11px;
}
Hello, I use Dreamweaver to build my sites but I am not getting anywhere with this problem. I have tried everything I can think of. It might be right under my nose and I'm not seeing it. This is a rough draft so it's not going to look that great. This is how I want it to look: http://www.rimesweekly.com/roughdraft2.html When I add more stuff on the left and right side of the table it does this: http://www.rimesweekly.com/roughdraft3.html The tables in the middle get longer and I cannot figure out what to do. I have added extra cells, taken away the table border, added the table border, made sure the tr is aligned at the top, deleted the width and height of the tr and td, etc. I'm just so confused! When I am viewing my page in Dreamweaver it looks like the way I want it. Hope ya'll can help! K so i'm new so Hi 1st of all. I'm currently doing a project for Uni and low and beghold it goes wrong on the night before the deadline. I will post the HTML, obviously the images won't load but the lines of text i've put into bold have a problem. They load fine in Firefox but whern I load them in IE they don't appear until either I scroll away and back to them or I highlight them. It seems like they momentarily change color to the back ground color. Any ideas? HTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <HTML> <HEAD> <TITLE>Metal Gear Solid - Metal Gear Solid 1 - Characters</TITLE> <LINK rel="stylesheet" type="text/css" href="MyStyle.css"> </HEAD> <BODY> <P><A href="home.htm"><IMG src="imgs\logo.jpg" alt="Metal Gear Solid Logo" title="Metal Gear Solid Logo"></A></P> <DIV id="header"> <STRONG>Metal Gear Solid 1 - Characters</STRONG> </DIV> <DIV id="menu"> <UL> <LI> <A href="home.htm">Home:</A> </LI> <LI> Metal Gear Solid 1: </LI> <LI> <A href="MGS1storyline.htm">Storyline</A> </LI> <LI> <A href="MGS1characters.htm">Characters</A> </LI> <LI> Metal Gear Solid 2: </LI> <LI> <A href="MGS2storyline.htm">Storyline</A> </LI> <LI> <A href="MGS2characters.htm">Characters</A> </LI> <LI> Metal Gear Solid 3: </LI> <LI> <A href="MGS3storyline.htm">Storyline</A> </LI> <LI> <A href="MGS3characters.htm">Characters</A> </LI> </UL> </DIV> <DIV id="content"> <H3>The Heroes</H3> <H4>Solid Snake</H4> <P> <IMG src="imgs\Snake.jpg" alt="Solid Snake in Metal Gear Solid 1" title=" Solid Snake in Metal Gear Solid 1"> This is Solid Snake as he appears in Metal Gear Solid 1. Snake is the ‘Hero’ in the first instalment of Metal Gear Solid, as an ex member of FOXHOUND he is pitted against his former comrades to stop a nuclear disaster. A master in both sneaking and Close-Quarters-Combat (CQC) as well as extensive weapons expert with years of fighting experience, he is the ideal choice for the mission which requires only a single unit to be sent into the fray. </P> <HR> <H4>Hal ‘Otacon’ Emmerich</H4> <P><IMG src="imgs\Otacon.jpg" alt="Hal ‘Otacon’ Emmerich in Metal Gear Solid 1" title="Hal ‘Otacon’ Emmerich in Metal Gear Solid 1"> Hal Emmerich, nicknamed Otacon, is the master engineer and chief designer of Metal Gear REX. He soon realises the peril he has put the world under after creating REX and attempts to right his wrongs by helping Snake throughout his mission. </P> <P> He nearly stopped Snake killing Sniper Wolf as he became infatuated with her and her love for the wolves, however he soon realised he had to let snake do it for the ‘Greater Good’. </P> <P>Otacon and Snake later went on to form an anti-Metal-Gear group called ‘Philanthropy’. </P> <HR> <H4>Meryl Silverburgh</H4> <P> <IMG src="imgs\Meryl.jpg" alt=" Meryl Silverburgh in Metal Gear Solid 1" title=" Meryl Silverburgh in Metal Gear Solid 1"> Meryl Silverburgh is Colonel Campbell’s niece (although she was later found to be his daughter), she was on the island as a replacement soldier for FOXHOUND but refused to revolt with the rest of the unit and was imprisoned. She became Snake’s ally after he rescued her and started to fall in love with him. </P> <P>Meryl’s part in the game is determined by how the player reacts to Ocelot’s torture, if the player submits, Meryl’s life is taken and no more is heard about her. If, however, the player resists the torture Snake ends the game riding off on a snow mobile with her. </P> <HR> <H3>The Villains</H3> <H4>Liquid Snake</H4> <P> <IMG src="imgs\Liquid.jpg" alt=" Liquid Snake in Metal Gear Solid 1" title=" Liquid Snake in Metal Gear Solid 1"> Liquid Snake is the leader of the renegade unit FOXHOUND, commander of the Genome Soldiers and is the master mind behind the whole plot. He was created genetically along with Solid Snake and Solidus Snake from the remains of Big Boss. </P> <P>He too the DARPA Chief and Kenneth Baker as hostages and was bargaining for Big Boss’ remains so he could perfect his Genome troop. </P> <P> Ultimately he fell the victim of the FOXDIE virus and died before he could kill his twin Snake. </P> <HR> <H4>Revolver Ocelot</H4> <P> <IMG src="imgs\Ocelot.jpg" alt="Revolver Ocelot in Metal Gear Solid 1" title=" Revolver Ocelot in Metal Gear Solid 1"> Ocelot played the part of Liquid’s right-hand-man, he was famed for his cowboyish dress, spurs and a set of western style revolvers. As an expert in interrogation his job was to get the launch codes out of the two hostages. However he killed one once his real identity (that of a government official) was noticed. He then later set Snake up to activate Metal Gear REX by using the PAL card. </P> <HR> <H4>Psycho Mantis</H4> <P> <IMG src="imgs\PsychoMantis.jpg" alt=" Psycho Mantis in Metal Gear Solid 1" title="Psycho Mantis in Metal Gear Solid 1"> </P> <HR> <H4>Sniper Wolf</H4> <P> <IMG src="imgs\SniperWolf.jpg" alt=" Sniper Wolf in Metal Gear Solid 1" title="Sniper Wolf in Metal Gear Solid 1"> </P> <HR> <H4>Vulcan Raven</H4> <P> <IMG src=" imgs\VulcanRaven.jpg " alt=" Vulcan Raven in Metal Gear Solid 1" title="Vulcan Raven in Metal Gear Solid 1"> </P> <HR> </DIV> <DIV id="footer"> Page created by Joe Billingham 0711795 </DIV> </BODY> </HTML> My CSS body { background-color: maroon; } #header { text-align: center; font-size: xx-large; color: black; border: 4px groove white; padding: 0%; margin: 0em 0em 1em 0em; background-color: #999999; } #content { color: black; border: 4px groove white; margin: 0em 0em 1em 0em; padding: 1%; background-color: #999999; } #content img { float: left; padding: 4px; } #footer { text-align: right; font-size: small; color: black; border: 4px groove white; margin: 0em 0em 1em 0em; margin: 0%; padding: 1%; background-color: #999999; } #menu { text-align: center; color: black; border: 4px groove white; margin: 0em 0em 1em 0em; padding: 0%; background-color: #999999; } #menu LI { display: inline; } HR { clear: both; height: 1px; width: 75%; border: 1px solid maroon; } H3 { text-align: center; } UL { list-style-type: none; list-style-position: outside; } img { border-style: none; } Thanks in advance guys and gals. I just put this site online: http://brightfutures.ca/international It works properly in all the firefoxes and chromes, and Internet Explorer 8 and 9. The problem is that I'm losing the columns and some of the formatting when I view it in Internet Explorer 7. I'm even getting a broken image link icon! I have to look at it through an emulator (browserling), or get a coworker to send me screenshots, since I'm on a Mac. So, you can imagine, it's super hard for me to figure out how to solve this, especially since I'm not an expert on dated browser compatibility. Any idea on how I can fix this? Any help on how I can change/make some code to fix this would be awesome and really appreciated. Here's IE7: Here's IE8: Hello, I am trying to solve a problem with my site. The banner for links in the top frame is supposed to be framed by two horizontal black lines. It appears the way it should in Safari and FireFox (both mac and PC versions) however in the PC version of IE versions 7 and under (8.0 works fine), the bottom line begins after the last part of the banner ends.....so it sticks way out to the right side of the page rather than dropping down and being flush with the left side of the page. I've tried including it in the table, making it part of its own table and leaving it as an independent image element which is how it is now. Nothing seems to work. Granted, I do not have a ton of experience with website development and was hoping someone here could let me know what I've done wrong and how to fix it. I've included an image of how it should look. The website is poizner.com The html code is below: Thanks! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Alan Poizner Photography </title> <SCRIPT LANGUAGE="JavaScript"> image1 = new Image(); image1.src = "portraits02.gif"; image2 = new Image(); image2.src = "editorial02.gif"; image3 = new Image(); image3.src = "weddings02.gif"; image4 = new Image(); image4.src = "digital02.gif"; image5 = new Image(); image5.src = "etc02.gif"; image6 = new Image(); image6.src = "contact02.gif"; // End --> </script> </HEAD> </head> <body link="white" vlink="white"> <div id=EchoTopic> <img src="topbar.gif"> <br> <table cellspacing="0" cellpadding="0" border="0" align="left"> <tr> <td valign="top"> <img src="alanpoizner.gif"> </td> <td> <img src="spacer.gif" hspace="75"> </td> <td> <a href="portraits2010/index.htm" target="mainFrame" onmouseover="image1.src='portraits02.gif';" onmouseout="image1.src='portraits01.gif';"> <img name="image1" src="portraits01.gif" border=0></a> </td> <td> <img src="divider.gif"> </td> <td> <a href="editorial/index.htm" target="mainFrame" onmouseover="image2.src='editorial02.gif';" onmouseout="image2.src='editorial01.gif';"> <img name="image2" src="editorial01.gif" border=0></a> </td> <td> <img src="divider.gif"> </td> <td> <a href="weddings2010/index.htm" target="mainFrame" onmouseover="image3.src='weddings02.gif';" onmouseout="image3.src='weddings01.gif';"> <img name="image3" src="weddings01.gif" border=0></a> </td> <td> <img src="divider.gif"> </td> <td> <a href="digital/index.htm" target="mainFrame" onmouseover="image4.src='digital02.gif';" onmouseout="image4.src='digital01.gif';"> <img name="image4" src="digital01.gif" border=0></a> </td> <td> <img src="divider.gif"> </td> <td> <a href="etc/index.htm" target="mainFrame" onmouseover="image5.src='etc02.gif';" onmouseout="image5.src='etc01.gif';"> <img name="image5" src="etc01.gif" border=0></a> </td> <td> <img src="divider.gif"> </td> <td> <a href="contact2010/index.htm" target="mainFrame" onmouseover="image6.src='contact02.gif';" onmouseout="image6.src='contact01.gif';"> <img name="image6" src="contact01.gif" border=0></a> </td> </tr> </table> <br> <img src="topbar.gif"> </body> </html> I just notices something strange about my site: I typically use firefox, so I never noticed it before. http://arcadefreedom.com in firefox, everything displays fine, but in ie... look at the stats boxes on the right (purple), there is a space between the title and the body of each stats box that doesnt appear in firefox. I've tried everything I can think of (and I'll be the first to admit i'm not all that great in html) to get rid of that space in IE... valign, cellspacing, cellpadding... Any ideas? Thanks! I own a domain - let's say its full URL is http://www.mydomain.com. In cPanel I created a sub-domain called "dev", whose URL would be "http://dev.mydomain.com". But it can also be accessed by typing this in the address bar: "http://www.mydomain.com/dev/" I then created a folder - call it "client" - in the dev subdomain, which would give that a URL of "http://dev.mydomain.com/client/" or, as above, "http://www.mydomain.com/dev/client/" Here's the issue: On a small site I have in the client folder, no images are displayed when the URL "http://dev.mydomain.com/client/" is used. BUT they are displayed when the other URL format is used (http://www.mydomain.com/dev/client/). Furthermore, when the "http://dev.mydomain.com/client/" URL is used, clicking on any link brings the browser to the other URL (http://www.mydomain.com/dev/client/). Is there a way to "force" the dev.mydomain.com/client URL to be used instead of being automatically redirected to the other address? I.e. some sort of htaccess rewriting or something more simple in the HTML code in the site itself? Thanks for any suggestions! Hello everyone. I'm in the middle of designing my new portfolio in ASP.NET and everything works fine in IE7 but once I opened the site up in FF, I was horrified by the outcome. I've been looking forever for a possible slip-up but I haven't been able to find anything that seems wrong. Firefox. Internet Explorer. CSS Code: html
{
font-family:tahoma;
background-image:url(img/background.png);
background-repeat:repeat-x;
background-color:#b5b5b5;
}
#header
{
background-image:url(img/body_top.png);
width:650px;
height:140px;
}
#body_middle
{
background:url(img/body_middle.png);
background-repeat:no-repeat;
width:650px;
}
#body_fill
{
background-image:url(img/body_fill.png);
width:650px;
background-repeat:repeat-y;
}
#body_bottom
{
background-image:url(img/body_bottom.png);
width:650px;
height:19px;
}
#menuwrapper
{
width:130px;
height:200px;
position:relative;
top:15px;
left:18px;
text-align:left;
padding:0px 0px 0px 0px;
float:left;
}
.menu
{
margin:5px 15px 0px 0px;
}
a
{
color:#c5c5c5;
}
.contentholderR
{
float:right;
width:475px;
margin:10px 20px 10px 20px;
}
.contentholderL
{
float:left;
width:475px;
margin:10px 20px 10px 20px;
}
.content_header
{
background-image:url(img/content_header.png);
background-repeat:no-repeat;
height:15px;
width:475px;
padding-left:15px;
font-family:tahoma;
font-size:15px;
color:#FFFFFF;
}
.content_mid
{
background-repeat:no-repeat;
border-left:solid 3px #c8c8c8;
border-right:solid 3px #c8c8c8;
width:459px;
min-height:150px;
font-family:Tahoma;
font-size:12px;
color:black;
padding-left:10px;
padding-top:10px;
}
.content_bottom
{
background-image:url(img/content_bottom.png);
background-repeat:no-repeat;
height:9px;
width:475px;
position:relative;
}
HTML Code: <%@ Master Language="C#" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %>
<!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 runat="server">
<title>Untitled Page</title>
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<form id="form1" runat="server">
<div id="wrapper">
<div id="header"></div>
<div id="body_fill">
<div id="body_middle">
<div id="menuwrapper">
<asp:Menu ID="Menu" runat="server" CssClass="menu" DataSourceID="SiteMapDataSource1" StaticDisplayLevels="3" BackColor="White" DynamicHorizontalOffset="2" Font-Names="Verdana" Font-Size="0.8em" ForeColor="#C8C8C8" StaticSubMenuIndent="10px" DynamicEnableDefaultPopOutImage="False" Width="124px">
<Items>
<asp:MenuItem Text="dasdasf" Value="dasdasf"></asp:MenuItem>
<asp:MenuItem Text="New Item" Value="New Item"></asp:MenuItem>
<asp:MenuItem Text="New Item" Value="New Item"></asp:MenuItem>
<asp:MenuItem Text="New Item" Value="New Item"></asp:MenuItem>
<asp:MenuItem Text="New Item" Value="New Item"></asp:MenuItem>
<asp:MenuItem Text="New Item" Value="New Item"></asp:MenuItem>
</Items>
<DynamicHoverStyle BackColor="#E5E5E5" ForeColor="#FAA019" />
<StaticMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" ForeColor="Black" />
<DynamicMenuStyle BackColor="#F7F6F3" />
<StaticSelectedStyle BackColor="#E5E5E5" Font-Bold="True" Font-Names="Verdana" Font-Overline="False" ForeColor="Black" />
<DynamicSelectedStyle BackColor="#E5E5E5" ForeColor="Black" />
<DynamicMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" ItemSpacing="1px" BackColor="White" />
<StaticHoverStyle BackColor="WhiteSmoke" ForeColor="Black" />
</asp:Menu>
<asp:SiteMapDataSource ID="SiteMapDataSource1" runat="server" />
</div>
<div id="contentwrapper">
<div class="contentholderR">
<div class="content_header">
<asp:ContentPlaceHolder ID="content_header_1" runat="server">
Lorem Ipsum</asp:ContentPlaceHolder>
</div>
<div class="content_mid">
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
</div>
<div class="content_bottom" style="font-size: 12pt; font-family: Times New Roman"></div>
</div>
<div class="contentholderL" style="font-size: 12pt; font-family: Times New Roman">
<div class="content_header">
<asp:ContentPlaceHolder ID="content_header_2" runat="server">
Lorem Ipsum</asp:ContentPlaceHolder>
</div>
<div class="content_mid">
<asp:ContentPlaceHolder ID="ContentPlaceHolder2" runat="server">
</asp:ContentPlaceHolder>
</div>
<div class="content_bottom"></div>
</div>
<div class="contentholderR">
<div class="content_header">
<asp:ContentPlaceHolder ID="content_header_3" runat="server">
Lorem Ipsum</asp:ContentPlaceHolder>
</div>
<div class="content_mid">
<asp:ContentPlaceHolder ID="ContentPlaceHolder3" runat="server">
</asp:ContentPlaceHolder>
</div>
<div class="content_bottom" style="font-size: 12pt; font-family: Times New Roman"></div>
</div>
</div>
</div>
</div>
</div>
<div id="body_bottom"></div>
</form>
</body>
</html>
Can someone point out what I'm doing wrong? Hi everyone, Recently i changed my portfolio page, and the new layout I have now has a Iframe in it. But for some strange reason when I press the menu-buttons on the right side I have to press it twice Portfolio Source Code from one of the Iframe pages: HTML Code: <html>
<head>
<title>Portfolio</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
background-color: #000;
}
-->
</style>
</head>
<body leftmargin="0" topmargin="0">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="20"><a href="Contact.html" target="_self"><img src="images/Contact_left.jpg" border="0"/></a></td>
<td width="20"><a href="Downloads.html" target="_self"><img src="images/Downloads_left.jpg" border="0"/></a></td>
<td width="20"><a href="ICT-Beheer.html" target="_self"><img src="images/ICT-Beheer_left.jpg" border="0"/></a></td>
<td width="825" align="center" valign="top" background="images/Webdesign_center.jpg"><br />
<br />
<br />
Welkom,<br />
<br />
Momenteel ben ik bezig met opvullen en indelen van de pagina's op deze site.<br />
Er zijn dus nog geen pagina's te bekijken.<br />
<br />
Kom gauw weer een keer terug zodra de website definitief af is!<br />
<br />
Mvg, Dream3R</td>
<td width="20"><a href="Portfolio.html" target="_self"><img src="images/Portfolio_right.jpg" border="0"/></a></td>
<td width="20"><a href="About.html" target="_self"><img src="images/About_right.jpg" border="0"/></a></td>
<td width="20"><a href="Home.html" target="_self"><img src="images/Home_right.jpg" border="0"/></a></td>
</tr>
</table>
</body>
</html>
I tried removing the Targets.. but no result, but its the only thing I could think of.. I am creating a website that has a search button with an image. I would like to know if there is some simple code that I can include that would display the same basic image with a different color when the user mouses over the button. Here is the code: <FORM name="searchform" onSubmit="return validateSearch();" METHOD="POST" ACTION="search_results_lt.asp"> <INPUT TYPE="text" NAME="Search" VALUE="" SIZE="20" > <INPUT TYPE=IMAGE SRC="images/search_button.gif" Name="SearchButton" Value="Submit"> </FORM> **** Thanks for your help, Robin Can you please help me? I am making a website in MS SharePonit designer 2007. The site will be in 2 languages, Croatian and English. On the home page of the site I have put two radio buttons to give the choice to go to English version or Croatian version. And below those 2 radio buttons i want to put a button with text "ENTER SITE". But I don't know how to do this: If the Croatian radio button is checked, a click on the "ENTER SITE" must take you to the Croatian version of the site, and if English radio button is checked, click on "ENTER SITE" must take you to the English version. Can you please tell me how to do that? I need html code of an ad with close button and I also need html code of floating ad with close button.If someone knows how to do it , please post html. Hi i need some help with this code Code: HTML_print("<form name=\"kas\" method=\"POST\" action=\"/\">");
HTML_print("<input type=\"submit\" name=\"%\" id=\"kas\" value=\"LED\">");
HTML_print("</form>");
this is basic button after which i pressd i need send data % to server but at the moment it sends % after page is loaded how to make this work that % woud be send just after button LED is pressed?? i am totaly beginer in html this is for my project with Arduino controled robot Hey! I am new to this site... So if this is in the wrong section, I'm sorry! Ok, I am kinda new to HTML and I am not too sure about some stuff. The thing I am having trouble with is buttons... I have little graphic things for my buttons... and I can't figure out how to make it so you can click on it and it will go to another window... So, can somebody help? Thanks in advance! I need a button that will execute a chatbox aside from the plain Brown block with words. Code: <p>Welcome to the HackersLounge! Enter a username and click connect to start chatting!</p><p><applet code="EIRC" archive="http://centralchat.net/eirc/EIRC.jar, http://centralchat.net/eirc/EIRC-gfx.jar" width="620" height="400"><param name="mainbg" value="#e0e5f4" /><param name="mainfg" value="#000000" /><param name="textbg" value="#FFFFFF" /><param name="textfg" value="#000000" /><param name="selbg" value="#00007F" /><param name="selfg" value="#FFFFFF" /><param name="server" value="centralchat.net" /><param name="channel" value="#HackersLounge" /><param name="titleExtra" value=" - CentralChat.net" /><param name="username" value="java" /><param name="realname" value="CentralChat Java Chat" /><param name="nickname" value="CCuser????" /><param name="login" value="0" /><h2>CentralChat Java Chat</h2><p>Sorry- Java is required to use this chat box. You can use the <a href="http://www.centralchat.net/chatrooms/cgiirc.php?c=HackersLounge">alternate chat</a> instead. Hello everyone, I'm new here. I am having a problem making a button (well not a problem, but it is not how I would like it.) I have created a button using 2 images: Code: #navbar ul{
float:left;
list-style: none;
}
#navbar ul li{
display:block;
float:left;
padding:10px 0 10px 10px;
margin:10px 0 10px 10px;
max-width:120px;
min-width: 50px;
background:url('images/button-left.png') no-repeat scroll top left;
}
#navbar ul li a{
display:block;
color: #fff;
text-decoration:none;
padding:10px 15px 10px 5px;
margin: -10px 0 0 -2px;
font-weight:bold;
text-align:left;
background: transparent url('images/button-right.png') no-repeat scroll top right;
}
So, it works, and I could use it, but only the right image is the link, so I was wondering how I could also make the left image the link too. (btw I am sorry if the code is a mess, I usually tidy it up when I have finished ) Hi everyone, i have a site at www.everybody-ebooks.com, i would like to make a button at the homepage.I dont know what is the name of this button. What i'm trying to do is to make a following button "Request a book / ebooks" and it will follow on the screen even the visitor scroll up or down. So the button will stay on screen even scrolled. I hope anyone here will able to tell me what is the name for that button so that i can start my search on google or hopefully some guide where to start. Thank you. Hey everyone, i'm a new member here hoping you can help me out please... I'm creating a basic game in Dreamweaver for a project and in this game, i have 25 questions and i have included a Skip button. I would like to limit the number of times this Skip button can be clicked to 5 so the user would have to attempt at least 20 questions and my questions are, is this possible? and if so, how do i do it? (I would preferably like the code to be HTML) Hope you can help me, thanks in advance. Rob |
|||||||