|
HTML - Button Query From Noobies Noob From Planet Noob
hi 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. Similar Tutorialsaaaaaaaaaaaaaaaaaaaaaaaaaa 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 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 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 Hello, Im new to the site and the whole html/css thing ;p So please excuse me if I come off as a complete noob ^^; Anyways, I designed my own layout in PS CS2 and sliced it, then imported it to frontpage to finish coding it. Everything was fine and dandy up until I tried adding some links to my navigation bar. It stretched the layout along with it and vice versa. when adding too much text in the content section it stretched out the nav and makes it look hidious. Here's a screenie explaining my situation. [img=http://img291.imageshack.us/img291/8866/somethingsk1.th.jpg] That's how it is in firefox. It's a bit better in IE. http://multico.yurx.com/anime-me/anime-me(lay).html Please no flamming^^; I know im not the best at hml ;p Hello everyone, I have got a very noob questions which I tried to look for an answer from the internet but I couldnt get a result from the search engine. I hope u guys here around are professional and could be able to help me out with it. I want to know if I could hyperlink multi-areas on only one file. For example, I have an JPEG image which has couple of pictures on there, and would like to hyperlink each of the photos into different links. If yes, how to do, any specific site that teaches this techique. I needed it so badly and really hope u guys can help out. THanks alot in advance! Hi there, I set up a blog a while back at www.agirlcalledsam.co.uk I don't use IE, ever, and have only just realised that the column is to the left: when I want it to look like this, as it does in firefox: I'm using Tumblr, with some customizations and have trial-and-errored my way to the point it's at now, but just can't work it out- Is this an easy fix? Happy to copypaste code in neccessary. Cheers Alistair What Im trying to do is create boxes with curved corners. I can't see to figure out why the top left corner is not showing up, or the gaps in the border along the sides. I tried posting for help in the CSS forum but didn't get any response. what Im not understanding is how the code knows what graphic to pull from the sprpanelcrns.png file for the various corners. So if someone could explain it to me or provide me with a link or url that has an explanation I would greatly appreciate it. http://surrenderyourwings.com/tester/tester.html Hello all!! Well I'm new to the HTML thing and I just started my first page. I have a few specific questions that i'll list below. I'll end with the source code for everyone to see how the design works and feel free to let me know if something is wrong. I'm open to all comments, positive or negative, but I'd like everyone to keep in mind that this is my first site so be nice.. I'm shy and I have a fragile ego... lol... Desired Appearance View Larger 1.) The spacers between the buttons match up perfectly and the beveled look is preserved. 2.) The excess space continues to the bottom of the page. 3.) A list of links also appear at the bottom of the page. I have the links already created but I'm not sure how to force the text to the bottom. Browser Appearance View Larger 1.) The top and left side of the table seems to have a margin of 10px. How do I get rid of this or am I, by using a table, causing it to do this? 2.) I created a table inside a table to provide correct alignment, however, a single pixel still remains for each of the table column borders. If you look closely you can see how this ruins the look of the design for the section. 3.) I'd like for the bottom row of the table to align with the bottom of the page. I may use either a scrolling section in the text area or leave it as a full page but I'd like the bottom row on the bottom. Source Code!! 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>Nova Computer Solutions | Computer Repair | Upgrades | New and Refurbished Parts </title>
<style type="text/css">
body {
background-color: #000000;
background-image: url('images/GradBG.jpg');
background-position:top center;
background-repeat: repeat-y;
background-attachment:fixed;
}
#buttonlogo a {
display:block;
width:180px;
height:120px;
font: bold 24px/1 sans-serif;
color:#999999;
background: url("images/borders/ButtonLogo.jpg") 0 0 no-repeat;
text-decoration: none;
}
#buttonlogo a:hover {
background-position: -180px 0;
}
#buttonlogo a:active {
background-position: -360px 0;
}
#buttonhome a {
display:block;
width:180px;
height:40px;
font: bold 24px/1 sans-serif;
color:#999999;
background: url("images/borders/ButtonHome.gif") 0 0 no-repeat;
text-decoration: none;
}
#buttonhome a:hover {
background-position: -180px 0;
}
#buttonhome a:active {
background-position: -360px 0;
}
#buttonprices a {
display:block;
width:180px;
height:40px;
font: bold 24px/1 sans-serif;
color:#999999;
background: url("images/borders/ButtonPrices.gif") 0 0 no-repeat;
text-decoration: none;
}
#buttonprices a:hover {
background-position: -180px 0;
}
#buttonprices a:active {
background-position: -360px 0;
}
#buttonmap a {
display:block;
width:180px;
height:40px;
font: bold 24px/1 sans-serif;
color:#999999;
background: url("images/borders/ButtonMap.gif") 0 0 no-repeat;
text-decoration: none;
}
#buttonmap a:hover {
background-position: -180px 0;
}
#buttonmap a:active {
background-position: -360px 0;
}
#buttonhours a {
display:block;
width:180px;
height:40px;
font: bold 24px/1 sans-serif;
color:#999999;
background: url("images/borders/ButtonHours.gif") 0 0 no-repeat;
text-decoration: none;
}
#buttonhours a:hover {
background-position: -180px 0;
}
#buttonhours a:active {
background-position: -360px 0;
}
#buttonsupport a {
display:block;
width:180px;
height:40px;
font: bold 24px/1 sans-serif;
color:#999999;
background: url("images/borders/ButtonSupport.gif") 0 0 no-repeat;
text-decoration: none;
}
#buttonsupport a:hover {
background-position: -180px 0;
}
#buttonsupport a:active {
background-position: -360px 0;
}
#buttontips a {
display:block;
width:180px;
height:40px;
font: bold 24px/1 sans-serif;
color:#999999;
background: url("images/borders/ButtonTips.gif") 0 0 no-repeat;
text-decoration: none;
}
#buttontips a:hover {
background-position: -180px 0;
}
#buttontips a:active {
background-position: -360px 0;
}
#buttondownloads a {
display:block;
width:180px;
height:40px;
font: bold 24px/1 sans-serif;
color:#999999;
background: url("images/borders/ButtonDownloads.gif") 0 0 no-repeat;
text-decoration: none;
}
#buttondownloads a:hover {
background-position: -180px 0;
}
#buttondownloads a:active {
background-position: -360px 0;
}
</style>
</head>
<body>
<table border="0" align="center" valign="0" cellpadding="0" cellspacing="0" background-color="transparent" >
<tr>
<td><img src="images/borders/01-01.gif" width="10" height="10" /></td>
<td><img src="images/borders/01-02.jpg" width="180" height="10" /></td>
<td><img src="images/borders/01-03.jpg" width="20" height="10" /></td>
<td><img src="images/borders/01-04.jpg" width="560" height="10" /></td>
<td><img src="images/borders/01-05.gif" width="10" height="10" /></td>
</tr>
<tr height="120">
<td><img src="images/borders/02-01.jpg" width="10" height="120" /></td>
<td>
<Div id="buttonlogo">
<a href="Home.html" ><span class="style7"></span></a>
</Div>
</td>
<td><img src="images/borders/02-03.jpg" width="20" height="120" /></td>
<td><img src="Images/StoreFrontBanner.jpg" alt="Nova Computer Solutions store front."/></td>
<td><img src="images/borders/02-05.jpg" width="10" height="120" /></td>
</tr>
<tr>
<td><img src="images/borders/03-01.jpg" width="10" height="20" /></td>
<td><img src="images/borders/03-02.jpg" width="180" height="20" /></td>
<td><img src="images/borders/03-03.jpg" width="20" height="20" /></td>
<td><img src="images/borders/03-04.jpg" width="560" height="20" /></td>
<td><img src="images/borders/03-05.jpg" width="10" height="20" /></td>
</tr>
<tr width="440" height="440">
<td><img src="images/borders/04-01.jpg" width="10" height="440" /></td>
<td height="440"><table width="180" height="440" border="0" cellspacing="0" cellpadding="0" valign="top" background-color="transparent" >
<tr>
<td width="180" height="40" >
<div id="buttonhome" height="40">
<a href="home.html"></a>
</div>
</td>
</tr>
<tr>
<td><img src="images/borders/Butspacer.jpg" width="180" height="20" /></td>
</tr>
<tr>
<td width="180" height="40" >
<div id="buttonprices" height="40">
<a href="Prices.html"></a>
</div>
</td>
</tr>
<td><img src="images/borders/ButSpacer.jpg" width="180" height="20" /></td>
</tr>
<td width="180" height="40" >
<div id="buttonhours" height="40">
<a href="Hours.html"></a>
</div>
</td>
<tr>
<td><img src="images/borders/ButSpacer.jpg" width="180" height="20" /></td>
</tr>
<tr>
<td width="180" height="40" >
<div id="buttonmap" height="40">
<a href="Map.html"></a>
</div>
</td>
</tr>
<tr>
<td><img src="images/borders/ButSpacer.jpg" width="180" height="20" /></td>
</tr>
<tr>
<td width="180" height="40" >
<div id="buttonsupport" height="40">
<a href="Support.html"></a>
</div>
</td>
</tr>
<tr>
<td><img src="images/borders/ButSpacer.jpg" width="180" height="20" /></td>
</tr>
<tr>
<td width="180" height="40" >
<div id="buttontips" height="40">
<a href="Tips.html"></a>
</div>
</tr>
<tr>
<td><img src="images/borders/ButSpacer.jpg" width="180" height="20" /></td>
</tr>
<tr>
<td width="180" height="40" >
<div id="buttondownloads" height="40">
<a href="Downloads.html"></a>
</div>
</tr>
<tr>
<td><img src="images/borders/ButSpacer.jpg" width="180" height="20" /></td>
</tr>
<tr>
<td width="180"><center><font color="#999999" size="-1">site by Anonymiter</font></center></td>
</tr>
</table>
</td>
<td><img src="images/borders/04-03.jpg" width="20" height="440" /></td>
<td>
Insert page text here.
</td>
<td><img src="images/borders/04-05.jpg" width="11" height="440" /></td>
</tr>
<tr valign="bottum">
<td><img src="images/borders/08-01.gif" width="10" valign="bottum" /></td>
<td><img src="images/borders/08-02.jpg" width="180" valign="bottum" /></td>
<td><img src="images/borders/08-03.jpg" width="20" valign="bottum" /></td>
<td><img src="images/borders/08-04.jpg" width="560" valign="bottum" /></td>
<td><img src="images/borders/08-05.gif" width="10" valign="bottum" /></td>
</tr>
</table>
</div>
</body>
</html>
Greetings. My name is Sodredge and recently I have become the largest humbled webmaster out here. All of my forms have taken a dump and it has been so long since I have written a real one out that I have forgotten most of the process. As odd as that sounds. I am looking for some general help. I have looked on the net though can not seem to find a page where someone has taken a form from start to finish. I can write a form no problem though I am unable to make it work when posting. I recall I need a "handler" I have that written out, in an ending tag or .cgi also .pl and my HTML form co insides with that written out handler. I have placed the .cgi and .pl files into my cgi-bin folder on my server and posted my forms though when the submit button is hit all I get it the "Forbidden & Not Authorized" responses. I really need help, can anyone recommend a site or some links or anywhere I can go to relearn the back end of forms ? I am so lost and this is so humbling. I do not want to go and dust off my Front Page, because that just seems more trouble then it is worth. Any takers ??? 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. I am trying to run HTML code from my Mac. i have it coded in textedit, and when I try to open in Safari or Chrome, I see the actual code itself.. Instead of the content is suposed to display. Thank you in advance for your help Is it possible to loginto this site by using the url? https://secure.tibia.com/account/?su...&page=overview Like the same way you can turn this: http://www.tibia.com/community/?subtopic=characters Into this: http://www.tibia.com/community/?subt...&name=testname You know what I mean? Been tryin to figure this out for hours First I want to say that this forum is great and has been alot of help. I also want to thank bsxiong for his help already. If I could send you a beer electronically, I sincerely would. I had two problems initially, and one has been fixed very easily. Thank you. However, the solution to the other still eludes me. I don't have the page on the domain yet, and can't until it's finished. I uploaded the link to geocities so that you can see the page. I didn't include the style sheet, but hopefully this gives the general layout of the page. http://www.geocities.com/thecyberrev/newly.html On the page, there is a pic to the left below the top banner. Below the pic is the bold text, "Home". Below that text is a thin divider line and more text that reads, "Building organizations that build lives.". Basically all I am trying to do is move the text, Home to the left of the pic and enlarge it so as to act as a title for the page. (This would below the blue header banner in the large white blank area) Everything I seem to do either puts the text just below or just above the pic. What am I doing wrong? I think it's something very simple but it's eluding me. Please excuse my ignorance. Any advise would be greatly appreciated. So I just started to use FTP Zilla. The website is www.thesoulofashark.com. I am pretty sure all the images referenced are in the folders. I don't see why they don't show up. Is it because the links are invalid? Another question I have is, so if I want to make another page, how do I link it to that page? Here is my code. I am not sure what "alt=" does. <html> <head> <title>The Soul of a Shark - Home</title> </head> <body background="paper1.jpg"> <img src="title.png" alt="title"> <br><br><br><br> <a href="home.html"><img src="home.png" alt="My Image"></a><br> <a href="home.html"><img src="finance.png" alt="My Image"></a><br> <a href="home.html"><img src="photos.png" alt="My Image"></a><br> <a href="home.html"><img src="poker.png" alt="My Image"></a><br> <a href="home.html"><img src="forums.png" alt="My Image"></a><br> <a href="home.html"><img src="about.png" alt="My Image"></a><br> <a href="home.html"><img src="email.png" alt="My Image"></a><br> </body> </html> I just got into the whole HTML/CSS thing, and to be honest I don't know a whole lot...I know it's something that I want to master and continue to expand on, but I just started learning some of the stuff a couple of weeks ago... My myspace page : http://myspace.com/santana32 I thought looked pretty decent in IE because of the image filters and the comment box... I just got Firefox, and recieved a rude awakening...the filters were no longer there, my music player wasn't there and the gif image that was in my comment box isn't static, it moves with the page itself.... I just want ask if anyone could help me to get my Firefox version of my page to look more like the IE one...it would be greatly appreciated. I don't see anyone else doing this so please, for the love of pete, don't get me in trouble for it if it is not ok. I am not some pro trying to post this for some alt. motive and get away with it. I think that will be evidenced by how basic the help is that I need. Here is what's up. I bought a template website from a company called Miva. They have some HTML pages that I can adjust. This is part of an email template that gets sent out when someone purchases something from my site. (I am not posting my site or links or anything here. I did read that that was against the rules and would get me banned first post) What I need is help removing the price out of the table. The reason I need help with this is that this email automatically goes to the manufacturer when an order is processed. The manufacturer then drop ships the order to the customer. The manufacturer lets me sell the products for whatever I want but I can't advertise below the price he sets. Basically ALL of my sales are less than his minimum but I don't advertise or display the lower price without the customer being logged in. That being said I don't want to rub it in his face that all my orders are lower. So what part of the HTML below is the price? I have tried to remove some of the code but I either break it so the table doesn't show up at all or nothing happens. So here is the HTML: Again if that isn't alowed just say so. Thanks for your help. HTML Code: <table> <tr class="basket-heading"> <td class="item-name">Item</td> <td class="item-quantity">Qty.</td> <td class="item-price">Item Price</td> <td class="item-total">Total Price</td> </tr> <mvt:foreach iterator="item" array="order:items"> <tr> <td class="item-name"> <div class="special-offer"><mvt:if expr="l.settings:item:upsold">(Special Offer)</mvt:if></div> <div class="item-name"> &mvt:item:name; - <span class="item-code"> &mvt:item:code; </span> </div> </td> <td class="item-quantity"> &mvt:item:quantity; </td> <td class="item-price"> &mvt:item:formatted_price; </td> <td class="item-total"> &mvt:item:formatted_subtotal; </td> </tr> <mvt:foreach iterator="option" array="item:options"> <tr class="item-options"> <td class="item-name"> <mvt:if expr="l.settings:option:option_id"> &mvt:option:attr_code;: &mvt:option:opt_code; <mvt:elseif expr="NOT ISNULL l.settings:option:data"> &mvt:option:attr_code;: &mvt:option:data; <mvt:elseif expr="NOT ISNULL l.settings:option:data_long"> &mvt:option:attr_code;: &mvt:option:data_long; <mvt:else> &mvt:option:attr_code; </mvt:if> </td> <td class="item-quantity"> </td> <td class="item-price"> <mvt:if expr="l.settings:option:price"> &mvt:option:formatted_price; <mvt:else> </mvt:if> </td> <td class="item-total"> <mvt:if expr="l.settings:option:price"> &mvt:option:formatted_subtotal; <mvt:else> </mvt:if> </td> </tr> </mvt:foreach> </mvt:foreach> <mvt:foreach iterator="charge" array="order:charges"> <tr class="basket-charges"> <td colspan="2"> </td> <td class="charge-description"> &mvt:charge:descrip;: </td> </tr> </mvt:foreach> <tr id="basket-totals"> <td colspan="2"> </td> <td class="total-prompt"> Total: </td> <td class="formatted-total"> &mvt:order:formatted_total; </td> </tr> </table> <div class="clear"></div> Hey all, Ive recently been given an assignment at college and now im trying to self teach my self on website coding/setup ect.... Here is my website so far, keep in mind two days ago I had no knowledge of HTML coding and its where it is now through hours of working through the code and I have come across some errors I cannot solve on myself. Website Link: http://www.qrpm.site90.net/INDEX.HTML First problem is, Ive installed all files into my directory of where the website is and stil using just http://www.qrpm.site90.net will not work it just brings up all the files I have uploaded to my server but placing /INDEX.HTML on the end will bring up my website, that is problem one that I would like to address. Problem two is that if you click on my Index page you will see Buttons on the left hand side of the page going down but I want to position these buttons along the top I can get them along the top but then they become dead links and wont foward my browser onto my other pages on my website I have no idea how to Fix this at all Any help would be really appreciated thank you Rob. 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; } |
|||||||