HTML - Html And Web Design Help Needed.

Hi there

I got a little problem with my website http://www.gone-surfing.com ; the thing is that I would like to have the waveforecast on the right side of the site, where there is currently only an empty black space. And I am simply wondering how this can be done? In a way which enables the waveforecast to progress downwards out there, without pushing the other tables / content downwards.

Hope some clever minds can help me out here. Any suggestions?
PS! I would like to keep the design like this, it would be a bit too much work changing the whole design due to my lack of webdesign skills.
The source code is available here @ gone-surfing.com/index.html

A big thanks in advance for any help or suggestions.

All the best,
Alex

I'm in charge of doing the coding for a site that's been designed by a graphic designer with no knowledge of code. I like his designs, and the client wants me to make the site look exactly like them. They're .psd files representing each page. He sent me almost all of the images, but not the background and not certain key decorations (the guitar pics). I told him I needed the background, but his hard drive died (without being backed up) before he could send it to me. He doesn't seem to remember what font he used either.

In light of all that, and the fact that the client wanted to get a basic version of the site up asap, I just converted the PSD's to JPEG's, uploaded them as whole pages, and used div's and image maps to add links and additional content. But that is obviously not a long-term solution. In fact, it's causing browser compatibility issues right now. And it's not accessible . . . etc.

So I need to replicate these page design images using HTML or XHTML, and CSS. I can probably find a similar background and font to work with, but I just don't know where to begin. I haven't worked with CSS in years, but it looks like I'd probably need to use it.

I'm not asking anyone to do my job for me. I'm just wondering how you would approach this task. Does anyone have time to look at the images and point me in the right direction?

Here's the embarrassingly incomplete site:

http://www.musicisrevolution.com

The navigation works with Safari and Firefox.

I'm also attaching one of the images so that it'll be clear what I'm talking about.

Ok I need to take things like this forum:

http://lmiinc.com/forum/

http://lmiinc.com/forum/calendar.php

And make it active on the new site I'm building for LMI.

So what files exactly do I need to copy to the new directory & then reference as a link in my navigation bar in all of my .html files?

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.

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...

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 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?

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!

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&amp;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&amp;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 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.

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 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