HTML - Cant Seem To Get The Button On The Foreground
its about the div menu and button1... Im not getting it Z-INDEX should work right?
HTML Code: <title>Welcome - Homepage: As it is in heaven again</title> <style type="text/css"> <!-- body { background-color: #003366; background-image: url(afbeeldingen/ups_and_simulation.jpg); } a:link {color: #000000;} a:visited{color:#009;} a:hover {color: #000000;} .style1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #003366; } .style9 { font-size: 18px; color: #330000; } .style18 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #330000; } .style32 { font-family: Verdana, Arial, Helvetica, sans-serif; color: #330000; font-size: 24px; } .style33 {font-size: 14px} .style35 {font-size: 24px} .style37 {font-size: 16px; color: #330000; } .style41 {font-size: 18px} div#blok1 { text-align: center; position:absolute; left: 207px; top: 208px; width: 482px; height: 25px; z-index: 1; } div#blok2 { text-align: center; position:absolute; font-size:16px; left: 214px; top: 301px; width: 461px; height: 181px; z-index:2; } div#swfje { position:absolute; top:304px; left:271px; z-index:4; width:330px; height:81px; z-index:2; } div#trailer { position:absolute; top:145px; left:133px; z-index:2; } div#container { position: relative; margin-left: -50%; background:url(afbeeldingen/basis2.jpg) top center no-repeat; width:900px; height:600px; text-align:center; margin:0 auto; z-index:0; } /* KNOPPEN NON-FLASH */ #menu { position:relative; top:138px; z-index:3; } #button1 { position:relative; width:150px; height:48px; left:295px; top:8px; background-image:url(two.png); background-repeat:no-repeat; z-index:1; } #button1:hover { background-position:0 -48px; z-index:1; } #ziel { position:relative; text-align:center; left:-72px; top:31px; width:600px; font-family:Verdana; z-index:3; } --> </style> Similar Tutorialscan someone outline the steps to making a page with a fixed background and a scrolling foreground such as can be found here? http://www.paul-wallas.co.uk/ i've looked at the code and what information i've found on the web but i don't see how it is done. tia, Hi all, I am trying to create a webpage, which would have a world map as the background (I am imagining an SVG file could do it) and in the foregroung there would be multiple textboxes, that would be fillable by the user. The values from the textboxes would be stored on the server, but that is the second step (for which I dont bother right now), most likely done through some PHP. The webpage should be a re-creation of a gameboard - namely Twilight Struggle. For an example (taken out of an Excel file calculator for this game) please see this: Could someone point me in a direction, which I could take in the general design part? E.g. SVG+textarea or something completely different? I'm editing a tumblr, with complete custom HTML, and I was wondering how I'd either add one fixed white rectangle going down the page vertically (the posts are centered on the page, but the page background is too distracting from the posts themselves). Or, how I would just add white borders around each individual post? This should explain the look I want (with different colors/ background/ etc) *please bear with me this is a simple problem which is sort of hard to explain* I run a very small (15 page) website for myself. The site consists of an image_list page, which is an index of 13 thumbnail images. Each thumbnail links to a single page, each page being a larger image of the respective thumbnail. These 13 individual pages are directed at the same base target window, _ximage. you can find the image_list window he http://www.winslowsmith.com/work/index.html click on any one of these thumbnail links and a new window (_ximage) will open. navigate back to the image_list and click another link, the _ximage window will reload with the new page. Pretty simple, right?, just a <base target=""> command. In safari this all looks swell, and the _ximage window, whether open or not, will always come to the foreground to load. Not the case in Firefox. My problem in Firefox is as follows: opening one of the given links in image_list will load a new window (or tab), with _ximage target, and the first time, that new window/tab with _ximage target will come to focus and be in the foreground. However, if the viewer leaves the _ximage window open, and navigates back to the image_list window and clicks another link, that link will load appropriately but the _ximage window will remain in the background. (and it works the same whether you are using windows or tabs to load your new pages). This is frustrating because it forces the viewer to click twice rather than just once to get to one of these 13 pages, and said pages are the reason people would traffic to the site. Is there any way to have the links to base (_ximage) target always load in the foreground in Firefox(even when the target window _ximage is open)? Is there code to tell the Firefox browser, hey this is an important window load it in the foreground? Is there a way to do it with anchors? any help is appreciated 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. 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 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 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. i know i have an old thread titled "Please Read This" but that has gone off the topic now and im wondering if anyone can help me with a new problem im making a feedback form and have had tons of help from html forums but i got 1 more little thing i need 2 buttons to do this Lock/Unlock: Toggles Readonly on and off Set Record: Makes the field Read Only and makes the button disappear any help? 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 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'm trying to make a picture button. I have a little so far can you help with the rest. <input type="button" onclick="javascript:alert('Noob, u fell for it!!!')" /> On this page: http://www.hindbrain.net/ex10.php I am experimenting with a 'button' to click on to to to a link. I think that it is working pretty well, but I wanted to see if there is a better way to do it. It seems to sometimes act a little odd when the images first load in the browser. Is there a way to cause them to pre load? edit: I found a way to add a preload css class, so maybe that works. html: <a href="http://www.mozilla.com/firefox/" class="userbutton"></a> css: .userbutton { position: absolute; right: 50px; top: 50px; z-index: 2; background-color: transparent; background-image: url(grey2.png); background-repeat: no-repeat; border: 0px solid; width: 70px; height: 70px; } a.userbutton:visited { background-image: url(green2.png); } a.userbutton:hover { background-image: url(blue2.png); } thanks, William I want a link on the button. Means in my site I have a button Register and I want a link on the Button. How it could be possible. Thanks in advance Hello, I would like to move my button or <FORM> to different position than at the default location. How can I do that? I've tried multiple ideas but basically I just want it to be a regular grey button with the dimensions of the image I want to slap on the front of it so it will to a click down animation when someone clicks on it but so far all I get is this... HTML Code: <FORM METHOD="LINK" ACTION="mms://media.huntingtonnews.net/video/2007/BillDargusch-Downtowns-1.wmv"> <BUTTON TYPE="submit"><IMG SRC="http://www.huntingtonnews.net/images/baseball1-tn.jpg" alt="wow"></BUTTON> </FORM> And that is pretty good but the grey parts of the button sticking out make it look horrible. Does anyone know a way to shrink the button to the image size?... Codeguru Hello Am doing a web page, and I have many radio buttons, when the user selects it, 3 other radio buttons will be selected. any suggestion |