HTML - Annoying <p> And <blockquote> Interaction

I can't get my buttons to work in IE (workd in FF btw) I'm pretty sure the problem lies in the following code

Code:

<style type="text/css">
  input.groovybutton
  {
    font-size:21px;
    font-family:Comic Sans,Sans-serif;
    color:#FFFFFF;
    width:138px;
    height:44px;
    background-image:url(background/buttonnorm);
    border-style:none
  }
</style>

<script language="javascript">
  function goLite(FRM,BTN)
  {
    window.document.forms[FRM].elements[BTN].style.color = "#AAFFFF";
    window.document.forms[FRM].elements[BTN].style.backgroundImage = "url(background/buttonon)"
  }
  function goDim(FRM,BTN)
  {
    window.document.forms[FRM].elements[BTN].style.color = "#FFFFFF";
    window.document.forms[FRM].elements[BTN].style.backgroundImage = "url(background/buttonnorm)"
  }
</script>

<form name="groovyform1" METHOD="LINK" ACTION="BDT_main">
  <div style="position:absolute;top:220px;left:22px">
    <input type="submit" name="button1" class="groovybutton" value="Main Page" title="The Main Page" onMouseOver="goLite(this.form.name,this.name)" onMouseOut="goDim(this.form.name,this.name)">
  </div>
</form>

Any help you can spare would be greatly appreciated
I think it may have to do with changing <style type="text/css"> to something else like div, cause thats what i did to my text and it fixed it. I just dont know what to change it to

I'm having trouble with my form code. Every time I put it up, a message is put in saying "This form is inoperational!"

Here is the code I'm using:

Code:

<form action="MAILTO:felinas_jellicleworld@hotmail.com" method="post" enctype="text/plain">

Name:<br>
<input type="text" name="name" size="20">
<p>
Email:<br>
<input type="text" name="mail" size="20">
<BR>
Display:<input type="radio" name="display" value="one" checked="checked">
&nbsp;&nbsp;&nbsp;
Do not display:<input type="radio" name="not" value="two">
<br>
<p>
Country:<br>
<input type="text" name="country" size="20">
<br><br>
<input type="submit" value="Send">
<input type="reset" value="Reset">

</form>

Super annoying problem with Firefox portable?
I've been using it for almost a year with no problems. All of a sudden my bookmarks take me to completely random RSS bookmarks.

In other words, I'll click on a bookmark for Yahoo answers and it takes me to a BBC new article that I don't have bookmarked but is on my RSS subscription.

I've tried deleting the bookmark.html file and replacing it with an older backup bookmark file but it doesn't work.

If I bookmark something today, tomorrow it will take me to a different site altogether.

Any help would be greatly appreciated.

_________

No idea how to even title this thread (sorry).

When viewing particular pages, the entire content of my site shifts over to the right about 4/5 pixels. I've noticed that this happens whenever the page has a table within a table.

Code:

body {
        _text-align:center;
        _font-size:125%;
	text-align:center;
	background-color:#000;
	color:#999;
	font-family:'Lucida Grande',Tahoma,'Lucida Sans','Trebuchet MS',sans-serif;
	font-size:62.5%;
	line-height:1.4em;
}

/* Main elements */

#container {
	#overflow:hidden;
	margin:0 auto;
	overflow:hidden;
	padding:0 8px;
	position:relative;
	text-align:left;
	width:980px;

Is the problem there or elsewhere?

thanks

I have this very annoying problem with my website which i can't seem to solve.

I've built this site with Dreamweaver and somewhere along the way this happaned:
http://www.kobiversano.com

as you can see, there is this black line on top of the gray background on the right side of the page and on the bottom.

How the hell do i remove it?

Thanks in advance.

Maybe it's not padding or whatever, but i'm having an issue with my assignment (given the very sketch instructions we get) and I simply can't figure this one out it's making me crazy -.-

Look closely at the box with the paragraph, and the logo. Between them is a space of the original background color. I can't seem to figure out why that space is there and how to close the gap. Any ideas?



here's the CSS code for the div class/id's around the main content(paragraph and photo)

Code:

#content { padding-left: 20px;
           padding-right: 20px;
           margin-left: 150px;
           background-color: #F1E8B0;
           color: #000000;
           padding: 10px 20px;
           overflow: auto;
}

#container {
   margin-left: auto;    
   margin-right: auto;
   width: 80%;
   background-color: #E8D882;
   text-color: #000000;
   border: 2px double #000000;
   min-width: 700px;
}

And here is my xhtml code.

HTML Code:

<body>
<div id="container">
 <h1 id="logo"><img src="javalogo.gif" alt="Java Logo" height="117" width="619" /></h1>
<div id="nav"><a href="index.html">Home</a> <a href="menu.html">Menu</a> <a href="music.html">Music</a>
 <a href="jobs.html">Jobs</a></div><br/>
<div id="content">
  <img src="windingroad.jpg" height="156" width="333" class="floatright" alt="Winding Groad Photo"   />
 <p>Following the winding road to JavaJam...</p>

 <ul>
  <li>Specialty Coffee and Tea</li>
  <li>Bagels, Muffins, and Organic Snacks</li>
  <li>Music and Poetry Readings</li>
  <li>Open Mic Night</li>
 </ul>
 <p>12312 Main Street<br/>Mountain Home, CA 93923<br/>1-888-555-5555</p></div>
 <div id="footer">Copyright &copy; 2011 JavaJam Coffee House<br/><a href="mailto:whatever">SomeSite</a></div>
</div>
</body>

Thanks a lot in advance.

Hey guys
In internet explorer, in a computer that has Skype installed on it, Skype makes all telephone numbers in webpages into Skype buttons with a Skype menu!
Here is an example.
http://thebrowserhighlighter.com/images/tool_skype.gif
There are two problems with this: As a result, Skype takes control of the graphics, it changes the font, the size, and adds a Skype button near it! The second problem is that Skype also "thinks" IDs and or catalog numbers are PHONE numbers, and does the same thing to them!
Is there a way to disable Skype from doing this (not in MY computer, in the HTML itself)?

Here is my site at current: www.omgpcgames.com

When viewed in high resolutions, the page streches - I don't want this to happen. Instead, I want the layout to remain in the center, and the two sides open up to reveal a blank background.

My reasoning?
See this

On the left is what it looks like in a high resolution, on the right what I want it to look like.


Any ideas on what I can do?

It's a joomla site - so that may complicate things slightly.

Hi,

There may be an easy solution but ive spent over 3 hours trying to correct this now.

Basically i have 3 pages, each of which i 'saved as' to ensure the basic layout was identical.

When the pages are aligned left they are all perfectly aligned, however as soon as i align them centrally, the heating and plumbing pages, for some reason indent themseleves slightly right compared to the bathrooms page.

This is so frustrating. Can anyone see why and offer a solution to get them all aligned perfectly central?

Thanks!!

P.S. I think i may have wittled this down to a problem with the main content area, it seems when i apply the css h2 tag or remove the image it suddenly jumps. I have got them all aligned perfectly centrally before with no css in the main content area.

any ideas?

Hey guys,

I have what seems to be a very simple problem but I cannot find the answer. I have a table with two columns. The first contains some text, the second an input box. Both columns are set to 50% and the input box is set to 100%. The input box contains a long piece of text. Under IE 6, FireFox and Opera the two table cells correctly take up
50% each and the input box takes up 100% of it's parent cell. However, under IE 7 -
the input box expands to accommodate all of it's text. Does anyone know how I can stop IE 7 from doing this? The only way I have found is to make the table-layout fixed but this seems to have knock on effects. Does anybody know of a better solution?

Many thanks, Ben .

Here is my example code:

<html>
<body>
<form name="ben">
<table style="width: 75%;" border="1">
<tr>
<td style="width: 50%;">
Label:
</td>
<td style="width: 50%;">
<input type="text" style="width:100%;" value="This is reall long text that in IE 7 very annoyingly causes the table to adjust it's size beyond the set boundaries! Arghhhhh!!!!!!!!!!!!!"/>
</td>
</tr>
</table>
</form>
</body>
</html>

Hello everyone. Great website! I have been trying to fix a problem with my menu in mozilla. Everything seems perfect in internet explorer so does anyone mind having a look and maybe tell me how to fix it. It is the first website i have built apart from a 1 pager once. If i give you the web address, look at it in IE then go through the menu, then do the same with mozilla if you don't mind. In mozilla when you mouse over the menu it covers half the menu and there is a border thingymijig. You'll see when you have a look. The website is for our local football team, and it is nowhere near finished but i would really like this problem sorted. I have been messing about with some pages - the bit at the top to see what makes any difference, i'm meaning the - <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> bit. Which 1 is the best to use?
Any help would be greatly appreciated. Thank you!

http://www.byronboysclub.com

Hello,

First post! I'm going to start out with a stupid question (because that's what you do when you're a noob).

I realise what I am trying to do is very basic, but I cant work out what I should google to achieve it.

We have a website - www.rosietheband.com - which is incidentally my first site (the dimensions are a bit messed up atm, I changed a few bits and I haven't quite finished tweaking). At the minute I'm using a really awful flash-based flickr plugin for the photo page, which I'm not enjoying at all. I want to replace it with a really simple gallery consisting of lots of little 100x100 thumbnails (with no spaces) that completely fill the screen (no matter what your screen size is). As I click on them I'd like a larger version to pop-up (I should probably stick a header in so you can get back to the site). I'd rather not use flash.

It sounds easy, but the more I think about it, the more I'm dreading the task. It will contain hundreds of images. Generating the thumbs will be no problem, but how will I implement a pop-up for each one? and how will I add new images without editing the code?

If anyone could help in any way I'd really appreciate it! (also, any comments on the site itself would be welcome!)

All the best,
Rosie

Hello HTMLforums.com community!

I am doing some minor web design for an NPO (non-profit organization) in my community.

There are some pages that exhibit this strange spacing between the headers and body as you will see on the following pages:

http://www.gadshillcenter.org/progra...grams_main.php
http://www.gadshillcenter.org/progra...enservices.php
http://www.gadshillcenter.org/progra...connection.php

This same thing happens with all other program_??.php pages. However, it does not happen on the following, seemingly identical templates:

http://gadshillcenter.org/report/report_main.php
http://gadshillcenter.org/newsevents...herreading.php
http://gadshillcenter.org/newsevents...blications.php

There doesn't seem to be borders on any of the pictures, so I see no reason for the indent that pushed the picture and top-left edge down one row.

I use Microsoft Office Sharepoint Designer 2007. If you would like to view the code for any pages, just ask!

Any ideas why? I could ENTIRELY reformat the pages, put them into tables and what-not, but that would take a while. Is there any way around this? Thank you all!

Sincerely,
Andrew

Hi all, beginner question here.

I'm attempting at building a small website for my local golf club, one of the tabs on the page is a "Contact" link, inside this tab page I have attempted to embed a small GoogleMap with co-ordinates of the golf club. Whilst testing with IE7 the embedded GoogleMap appears randomly at the bottom of the page totally out of place where it should be. If browsing using Firefox, IE8 or Chrome it appears in the correct place, which is in the middle of the "Contact" page, and only when you click on the "Contact" tab.

I only seem to have this issue with IE7, all the other browsers I've tested so far it aligns perfectly (Firefox, IE8, Chrome).

As I say above, this issue only appears in IE7 - however I'm more than sure it is just a stupid mistake on my behalf, but I've tried and tried and can't seem to resolve it.

Appreciate any help anyone can offer - Many thanks in advance.

The website URL is: http://staging.boarsheadgolfcentre.co.uk/

The bit of code that handle the embedded map is:
Code:

<div class="box" id="contact_page">                    
                    <div class="m_table">
                    <table width="85%" align="left" cellpadding="20">
                        <tr>
                            <td>
                                <h1 align="left">Contact Us</h1>
                            </td>
                            <td rowspan="5">
                                <div id="map_canvas" style="border-style:solid; border-width:1px; float: right; width: 350px; height: 450px"></div>
                                <strong style='float:right;'><a href="http://maps.google.co.uk/maps?hl=en&expIds=17259,28023&xhr=t&cp=39&um=1&ie=UTF-8&q=Boars+Head+Golf+Centre+Ltd,+Crowborough&fb=1&gl=uk&hq=Boars+Head+Golf+Centre+Ltd,&hnear=Crowborough,+East+Sussex&cid=0,0,4613151939200773413&ei=y98ITfieOYO3hQelsojLDw&sa=X&oi=local_result&ct=image&resnum=2&sqi=2&ved=0CCUQnwIwAQ" style='text-decoration: none;'><font color=#000000>For a larger map click here</font></a></strong>
                            </td> 
                        </tr>
                        <tr>
                            <td>
                                <p style='border: none;'>
                                    <strong>Boars Head Golf Centre&nbsp;</strong><br />Boars Head, Crowborough, East Sussex, TN6 3HD&nbsp;<br /><br />
                                    <strong>General Manager:&nbsp;</strong>Peter Grenham<br /><strong>Telephone:&nbsp;</strong>01892 664 545<br /><br />
                                    <strong>Professional:&nbsp;</strong>Keith Robson<br /><strong>Assistant Professional:&nbsp;</strong>George Scott
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <p style='border: none;'>
                                    <strong>Location/Description:</strong><br />
                                    Situated just outside Crowborough on the way to Tunbridge Wells on the B2157. Traveling from Crowborough Town turn right on the Boars Head roundabout and head back up the B2157 for about 100 yards, entrance on your left (signposted).<br />
                                    Parkland course with water and trees. 9 hole course, 2698 yards (5396 18 holes), S.S.S. 67 (18 holes).<br /> Practice facilities available (driving range, grass tee, putting green and chipping area).
                                </p>
                            </td>
                        </tr>
                    </table>

                    </div>
                    </div>

Code:

    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAGSrquuMPubSa0rTVyaJ2-hRM3sC8BNhS4dKTfFraCAxHin8KOhRLTWtdRIc0Q2_nPROmXypLuvQBUw"
            type="text/javascript"></script>

    <script type="text/javascript">

        function initialize() {
            if (GBrowserIsCompatible()) {
                var map = new GMap2(document.getElementById("map_canvas"));
                var center = new GLatLng(51.065371, 0.183923);
                map.setCenter(center, 13);

                var marker = new GMarker(center, { draggable: false });

                GEvent.addListener(marker, "dragstart", function () {
                    map.closeInfoWindow();
                });

                GEvent.addListener(marker, "dragend", function () {
                    marker.openInfoWindowHtml("Just bouncing along...");
                });

                map.addOverlay(marker);
                GEvent.addListener(marker, "click", function () { marker.openInfoWindowHtml('Boars Head Golf Centre'); });

            }
        }
    </script>