|
HTML - First Html Advise Needed From Experts
Very sorry for disturbing all of you. I am trying to learn html all by myself. I designed one psd and try to write the html code but it seems that it is not so easy for me now. Can not understand how to write it, how to make the header bg or top banner bg and so on. I just attached the design and the html so far I wrote. Any body can help to understand how to write the code for this attached design.
If possible please help me. Many thanks who visited this post. Thanks. Similar TutorialsHi, I have some mayor problems with my code or my browser I don't know... I could really use your help. I recently put up a Digg this button on one of my posts, I'm using Wordpress, and the button isn't displayed at all in Google Chrome, instead it shows a part of my Adsense. Here is this post: http://blog-for-a-living.com/traffic...tml#comment-30 The other posts work well, here is a healthy one: http://blog-for-a-living.com/google-...chmarking.html As you can see, the sidebar is also a mess in the former one. But only in Chrome. And one more little problem: in IE the bottom left ad ( the ligt blue one) on the sidebar appears a little lower than it should be, like in Firefox. Anyone help please? On a scale of 1-10 my knowledge of HTML is a 5 or 6. I have made a website but I am not sure if the coding need to be organized? Is their a program or website I can use to reorganize my coding? I made my website on dreamweaver and it looks fine but I would like to make the html coding look as professional as possible. I am also having trouble making my own contact page. I am not familiar with php. Can anyone help me make a contact page? Also before launching my website how can I make sure it is secure from people stealing my email address and or content like .mp3. I also want to build one page shopping area to sell about 5-10 items. Can I do this all on my own with dreamweaver or do I need to sign up for things? Thank you. I have the code to my website working perfectly when I view it in dreamweaver or by viewing the html file in internet explorer or firefox. But when I upload it to my server, It is pretty messed up. You can view the problem at larella.org. Code should be fine, and my server displayed the site correctly before. I've tried deleting files on my server and re-uploading the with no result. Any suggestions? Files I may be missing? Hello, I would like to have a link on my site which when clicked will change the page into a diffrent cascading style sheet. Just like a Standard css link, Contrast css link. so when clicked it will change into that css. hello, I have recently began making web pages. I understand the basics, however do not use an editor. Is their a good html editor to use, for laying out web sites a little easier? I have basically just always free handed it. Cut and paste in notepad, and altered accordingly. My question is any kind of editors recommended? Free preferably, but any help would be greatly appreciated. -brett- I have made a website and need help with my HTML. What im trying to do is use the Index page as my template and place all the rest of my page on a region on the index page but also change the pages of the site using nav bar. What HTML should i be using and can anyone give me a code?? Many thanks Gem Hello, Does anyone know the Html code which would place a transparent Gif on top of an actual image, to prevent people from copying it? I got the code below from some where, but it dose not work (or I am not using it correctly) <SPAN STYLE="background-image: url(hemcircuit.gif)"><IMG SRC="transparent.gif" WIDTH="195" HEIGHT="190" BORDER="0"></SPAN> * hemcircuit.gif is the name of the actual image. * transparent.gif is the name of the transparent GIF. * The WIDTH and HEIGHT values (in this example 195 and 190) are the width and height of the actual image. I put my image Url in place of hemcircuit.gif, for example <SPAN STYLE="background-image: url(http://mywebsite.com/myimage.gif)"> But this just does not look right to me, and it doesn't work!! Please help... I have the code, as shown in the right side bar at: http://www.actnowseminars.com/ What I need is to create some space below each graphic and also a little space to the right of each graphic. The code I'm using is: HTML Code: <table align="center"> <tr> <td colspan="2"> <a href='http://www.coachinggurus.net/leadershipgurus30.php' target="_blank"> <img src='http://leadershipgurus.net/images/lg-dua.jpg' title='Award of Excellence' border='0'/> <br />Top 30 Coaching Gurus 2011</a> </td> </tr> <tr> <td> <a href="http://www.riabiz.com/a/7638682" target="_blank"> <img src="http://www.elevatingyourbusiness.com/images/asseenin/RIABiz93X26.jpg" width="93" height="26" alt="Featured in Ria Biz Logo" /></a> </td> <td> <a href="http://www.entrepreneur.com/article/219477" target="_blank"> <img src="http://www.elevatingyourbusiness.com/images/asseenin/entrepreneur92x20.jpg" width="92" height="20" alt="Featured in Entreprenur Magazine" /></a> </td> </tr> <tr> <td> <a href="http://www.bottomline.com" target="_blank"> <img src="http://www.elevatingyourbusiness.com/images/asseenin/bottomline96X26.jpg" width="96" height="26" alt="Featured in Bottom Line Personal" /></a> </td> <td> <a href="http://www.financial-planning.com/channels/practice_management.html" target="_blank"> <img src="http://www.elevatingyourbusiness.com/images/asseenin/advisor98X23.jpg" width="98" height="23" alt="Advisor Max" /></a> </td> </tr> <tr> <td> <a href="http://www.nyreport.com/index.cfm?fuseaction=Feature.showFeature&FeatureID=813" target="_blank"> <img src="http://www.elevatingyourbusiness.com/images/asseenin/NYReportSm98X25.jpg" width="98" height="25" alt="Featured in the New York NY Enterprise Report" /></a> </td> <td> <a href="http://money.cnn.com/magazines/moneymag/moneymag_archive/2006/07/01/8380777/index.htm" target="_blank"> <img src="http://www.elevatingyourbusiness.com/images/asseenin/Money92X28.jpg" width="92" height="28" alt="Quoted in Money Magazine" /></a> </tr> <tr> <td> <a href="http://www.marke****ch.com/story/given-the-current-financial-turmoil-nows-the-time-to-pitch-in?dist=news%2CprintMidSection&print=true" target="_blank"> <img src="http://www.elevatingyourbusiness.com/images/asseenin/marke****chlogo98X30.jpg" width="98" height="30" alt="Featured in Market Watch" /></a> </td> <td><a href="http://www.thestreet.com/s/get-ya-noo-yawk-ice-cream-here/newsanalysis/sbmanagement/10395543.html?" target="_blank"> <img src="http://www.elevatingyourbusiness.com/images/asseenin/theStreetmed100X18.jpg" width="100" height="18" alt="Quoted in TheStreet" /></a> </td> </tr> <tr> <td> <a href="http://www.marketingsherpa.com/article-by-person.html?person=Maria+Marsala" target="_blank"> <img src="http://www.elevatingyourbusiness.com/images/asseenin/marketingsherpa97X23.jpg" width="97" height="23" alt="Marketing Sherpa" /></a> </td> <td> <a href="http://www.electronicretailermag.com" target="_blank"> <img src="http://www.elevatingyourbusiness.com/images/asseenin/electronicretailer99X30.jpg" width="99" height="30" alt="Electronic Eretailer" /></a> </td> </tr> <tr> <td><a href="http://nawbo.org/content_9338.cfm" target="_blank"> <img src="http://www.elevatingyourbusiness.com/images/asseenin/nawbo99X31.jpg" width="99" height="31" alt="National Association of Women Business Owners" /></a> </td> <td> <a href="http://www.marketingprofs.com/9/email-tactics-that-can-put-you-out-of-business-moran.asp" target="_blank"> <img src="http://www.elevatingyourbusiness.com/images/asseenin/marketingprofs98X23.jpg" width="98" height="23" alt="Marketing Profs" /></a> </td> </tr> <tr> <td> <a href="http://eblasts.workingmothermediainc.com/newsletter/NAFE_enews/enews142.htm" target="_blank"> <img src="http://www.elevatingyourbusiness.com/images/asseenin/Nafe_Logo75x75.jpg" width="75" height="75" alt="Featured in National Assocation for Female Executives Newsletter NAFE" /></a> </td> <td><a href="http://www.chiroeco.com/chiropractic/news/9100/1217/Build-a-better-practice/" target="_blank"> <img src="http://www.elevatingyourbusiness.com/images/asseenin/chiroeconomics97X33.jpg" width="97" height="31" alt="ChiroEconomics" /></a> </td> </tr> </table> Thanks in advance... HI, im trying to self learn HTML, things were going ok until i get to FRAMES. I have an INDEX.HTML, which splits the page into 3 frames. Each of the 3 frames then load other pages(banner, main, and menu .HTML). I have my 3 frames, but there is nothing in then, I think its the path I have wrong, but tryed main alternatives. This is a very basic problem, im sure someone can tell me what ive done wrong. Of course im loading these HTML pages from the same folder on my desktop. HTML files attached.. Thanks in aDvance! Me and a buddy of mine currently are starting a company; Bad Apple Productions. We intend on bringing our dreams to the world. To give the world decent games for free.. of course with an item mall. He is the only game coder, and I am the only website dev.. an amatuer at that. I can do HTML, I blow at CSS.. and that's it. He learned HTML when he was.. 11.. and 12 yrs later.. well yea. Please, any help would be appreciated. We will be starting our first project soon. I want to setup a website with something like a login form in which a spacial word should be used by the user so he would be able to enter. I can not use any php because of the free domain. Just HTML, CSS and JavaScript. Please Help! Ok so I've come across a problem with my website. It looks fine in Internet Explorer but I downloaded Google Chrome to see what it looks like in that and the text box doesn't position where it's instructed (it uses iframes), it ignores the coding and is just aligned far to the left. First off I was wondering if people could look at it in other web browsers and tell me what it looks like? (I would do it myself but my laptop is volatile and I can't risk downloading anything else at the moment!) The address is http://zmbush.webs.com/Yellow/YellowIndex.html (Before anyone laughs..Ignore the content haha, it's more of a nostalgia website for myself so I can keep track of what I've made if I ever feel the need to show someone..Embarrasing I know) Oh and I apologize if the iframe text box keeps saying it's prohibited, it might come up it might not, it's because my account on freewebs is new and iframes only work after 7days, but if you keep clicking on the navigation the proper pages do show up eventually. I've sifted through the coding but can't find anything wrong with it in my eyes..However I have a Test page for this also and it looks fine in IE aswell as Google Chrome, except that there is no navigation and the text box is not linked to iframes. I've taken out the navigation and iframe codes in the official YellowIndex coding and the position of the text box does not change so in my eyes they are not the problem, I hope. I was wondering if anyone could look at the code for me and see if they can rectify it? Try and ignore the < ! - - - - >notes if you can, they are only there to aid my understanding of what I've actually done haha. And even in some cases I'm not entirely sure what I've done. Ok, so here's the code on the YellowIndex (the Test page one will be after this) Code: <!--top webpage title--> <title>Yellow & Blue Scribbles</title> <!--//--> <!--ondragstart=stops dragging images into addressbar onselectstart=stops highlighting oncontextmenu=stops rightclicking--> <body ondragstart="return false" onselectstart="return false" oncontextmenu="return false"> <!--//--> <!--stops image toolbar appearing when you hover over an image--> <meta http-equiv="imagetoolbar" content="no"> <!--//--> <!--colour background--> <body background=http://zmbush.webs.com/Yellow/MainGraphics/YellowBackground.png> <!--//--> <!--navigation--> <center><a href="http://www.zmbush.webs.com/index.htm"><img src="http://zmbush.webs.com/Yellow/MainGraphics/YellowArrow.png" border="0"></a><img src="http://zmbush.webs.com/Yellow/MainGraphics/YellowNav2.png"><a href="http://zmbush.webs.com/Homepage.html" target="iframe"><img src="http://zmbush.webs.com/Yellow/MainGraphics/YellowNav1.png" border="0"></a><img src="http://zmbush.webs.com/Yellow/MainGraphics/YellowNav2.png"><a href="http://zmbush.webs.com/Yourself.html" target="iframe"><img src="http://zmbush.webs.com/Yellow/MainGraphics/YellowNav3.png" border="0"></a><img src="http://zmbush.webs.com/Yellow/MainGraphics/YellowNav4.png"><a href="http://zmbush.webs.com/Myself.html" target="iframe"><img src="http://zmbush.webs.com/Yellow/MainGraphics/YellowNav5.png" border="0"></a><img src="http://zmbush.webs.com/Yellow/MainGraphics/YellowNav6.png"><a href="http://zmbush.webs.com/Website.html" target="iframe"><img src="http://zmbush.webs.com/Yellow/MainGraphics/YellowNav7.png" border="0"></a><img src="http://zmbush.webs.com/Yellow/MainGraphics/YellowNav2.png"> </center> <!--//--> <!--position and size of image--> <div align="center"><table border="0" width="565" height="539" background="http://zmbush.webs.com/Yellow/MainGraphics/YellowLayout.png"> <!--//--> <!--position of text from top within the boundries of the set size of image--> <tr> <td width="360" height="8" colspan="3"> </td> </tr> <!--//--> <!--table row code (will contain the text)--> <tr> <!--//--> <!--position of text from left within the boundries of the set size of image (must be inside table row code but don't know why)--> <td width="65" height="290"> </td> <!--//--> <!--this makes sure image does not repeat and text is put over it--> <td width="360" height="290"> <!--//--> <!--actual size of text box--> <div style="width: 360; height: 290px; overflow: auto; font-family: Verdana, sans-serif; font-size: 10px; color: #000000;"> <iframe frameborder=0 border=0 width=360px height=290px src="http://zmbush.webs.com/Homepage.html" name="iframe" style="position:absolute; left:0px; top:0px" allowtransparency="false" (color=#FFFFFF)"> </iframe> <!--//--> <!--not sure what this does but without it the text becomes unformatted and goes below layout image--> <br> <!--//--> <!--closing text box code--> </div> <!--//--> <!--closing image div code--> </div> <!--//--> <!--closing no repeat image and text over image code--> </td> <!--//--> <!--closing table row code--> </tr> <!--//--> <!--closing image table--> </table> <!--//--> <!--closing colour background--> </body> <!--//--> Ok and here's the Test page code. The only differences I have noticed is I haven't put in the disable right click, highlighting, image toolbar etcetc and there are no iframes and navigation, but like I said I took that all out of YellowIndex and it made no difference. Code: <!--top webpage title--> <title>Yellow Scribble Design</title> <!--//--> <!--colour background--> <body background=http://zmbush.webs.com/Yellow/MainGraphics/YellowBackground.png> <!--//--> <!--position and size of image--> <div align="center"><table border="0" width="565" height="539" background="http://zmbush.webs.com/Yellow/MainGraphics/YellowLayout.png"> <!--//--> <!--position of text from top within the boundries of the set size of image--> <tr> <td width="360" height="8" colspan="3"> </td> </tr> <!--//--> <!--table row code (will contain the text)--> <tr> <!--//--> <!--position of text from left within the boundries of the set size of image (must be inside table row code but don't know why)--> <td width="65" height="290"> </td> <!--//--> <!--this makes sure image does not repeat and text is put over it--> <td width="360" height="290"> <!--//--> <!--actual size of text box--> <div style="width: 360; height: 290px; overflow: auto; font-family: Verdana, sans-serif; font-size: 10px; color: #000000;"> Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome <!--//--> <!--not sure what this does but without it the text becomes unformatted and goes below layout image--> <br> <!--//--> <!--closing text box code--> </div> <!--//--> <!--closing image div code--> </div> <!--//--> <!--closing no repeat image and text over image code--> </td> <!--//--> <!--closing table row code--> </tr> <!--//--> <!--closing image table--> </table> <!--//--> <!--closing colour background--> </body> <!--//--> Thankyou! Hi, is there a way to have a table with "0" height. I need a table on my webpage to make the search engines skip the menu column beneath and go straight to the middle column (1, 2, 3, 4) as in: http://www.seoelite.com/Lessons/HTML_SEOLesson2_b.jpg This is my test site: http://www.monkeygambling.com/new%20...indexnew.shtml I have put the table in just above "casino Bonus" and left the borders on so it is visible (something has happened to the borders of the left hand column and if anyone could tell me how to fix that it would be great). As you can see the table I inserted pushes the menu underneath down a bit. Basically I want to know if I can make it go back level with the top? thanks Hi I need some help re drop shadows The above is a part screenshot of my site. When someone clicks a menu item, the grey transparent div comes up over the face (created using a 2 pixel square transparent gif - two pixels grey, the other two transparent). The idea is then to have content sitting on top of the transparent grey square. The content has to expand or contract depending on the size of the screen, so it will be made up of individual images. It would be great for the images to have drop shadows on them to make them stand out. Problem is, I can't add them in Photoshop, otherwise they will look bad when I make the images transparent gifs. My next option was to use solid block drop shadows, like in the image above, but they still look average. I was wondering if there is an html or css way of adding a drop shadow to images and text that will let the background from lower divs show through? So not a static, saved image drop shadow, - it has to be dynamic in that when the images move when the browser window or resolution changes, the new part of background image (the face) shows through the drop shadow. Hope this makes sense - it's late and I've had a lot of coffee. Cheers Shaun Hi, How to find out the height of a paragraph, if the paragraph is selected from database and displayed on the fly. The objective is to dislay footer below this paragraph. Thanks Bijoy Hi all, Here`s my problem, I hope someone can help me. I export my *.swi project in html/swf movie with width="100%" height="100%, and it`s visible in full screen on every browser- Firefox, Flock, Chrome, Opera, even when I`m changing the screen resolution. Except one- the old bad IE. The things with IE looks different-IE is searching for the "object" string, where I have to put the movie size not in percents (with w / h="100%" looks too small, I have to zoom to 400% to view the SWF file), but in pixels (in my case- width="885", height="705"). And when I change the screen resolution from 1280/1024 to 1024/768, 800/600, etc.- my swf is not fit to the IE browser window- big part of the movie is out of the screen... I tried "swffit" already but I can`t get it to work for me.. Is there way to fix it with some HTML script or any other way? I`ll be very thankful for your advices. Regards, Boyan URL: http://bm-studio.org/movie.html Hi all, I have a query in HTML. I want to open a window and then wait for 3 seconds and close the window automatically. And this is to be in a loop for n times. This is the requirement Can you please help me in this?? Hi guys, First of all, take a look he www.euro-nova.co.uk/revamp You will notice the navigation bar at the top, all sitting where it should, but with no links, just plain text. Now, scroll to the bottom of the page, you will see another navigation bar, but its sitting wrong, as you can see. I want it to sit like the one at the top. The problem is, the top one is plain text, the bottom has the links attached to it, if I take the links away it sits properly. I have this problem with BOTH of the navigation bars, and I'm stumped!! Can someone help? Thanks. Hello, I would like some help with a mouse over if i may. I have been playing with my Ebay listing page by making it look a little more professional than basic. I have introduced a mouse over affect with 3 photos i have added to the page just to make it better but would like some further help if i may. Lets say i have the main photo named "A" and two other photos below it named "B" and "C". When the Ebay page is first viewed photo "A" is displayed correctly at the top in the main position,if you then move your mouse over photo "B" or "C" this image is now being shown where photo "A" was just shown in the main position. This is how i want it to be done & works fine BUT when you move your mouse off photo "B" or "C" that photo is still shown in the main photo space,i need it to revert back to photo "A" when the mouse is not over the smaller images. So far i can only make this happen if you leave & return to the page or refresh it. Any help & advice would be nice Hey guys Was hoping someone could help me with a little HTML problem. I have two pages - lets call them home and page1. On page1 i have a dropdown list with products in it and on the home page i have a list of "popular products" (which are included in the dropdown list). I am trying to make it so that when a customer clicks one of the "popular products" from the homepage, it links them to page1 and automatically selects the product from the dropdown. The name of the dropdown menu is "products" so i tried using the link "page1.html#products#product1" but this just links to page one and nothing else. Yet if the link is "page1.html#products" then it links to page1 and highlights the products dropdown menu - but does not select anything. I would really appreciate any help with this. thanks mckeegan375. |
|||||||