HTML - Clear:both; Makes For Slow Loading In Browser

I want to use HTML to make the following task...

I little link, when someone clicks on it, it displays an image at the top of it
(Not load a whole new page with an image)

Example

Say you have this link linky
I want when people click on it, it displays an image above it

Can this be done using HTML?

Thanks

Hi

I noticed that ie6 renders paragraph breakline spaces bigger than ie7 or FF.

I got around it by using <br /><br /> instead of <p></p>, but is there a proper workaround to make ie6 conform?

Also also tried stipulating the CSS for the p tags, but to no avail:

.maintext {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
color:#fff;
text-align:justify;
line-height:100%;
}

.maintext p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
color:#fff;
text-align:justify;
line-height:100%;
}

Cheers

Shaun

Hi,
I have a site that goes over about 3 pages in length and in the IE the page is longer than in firefox. This is really annoying when you have next to the page a sidebar that is supposed to have the same length as the page but in the IE the sidebar does not reach the end of the page (because the page is longer due to larger spacing).

To me it seems that IE makes more spaces between the text lines like h1, h2, p, etc.
Is this a common problem and is there any solution to this?

hello.. so i want to make a website that has the same features as THIS ONE where you have to click on all the links that are on there before entering the site. if click ENTER it wont let you continue unless you have clicked on all the ADD images.
thats the only example i found. how do you do that??? thank you for your help!

Problem Solved, Thanks everyone

Hello everyone

I have run into a roadblock. I am trying to make a background image scale properly with Internet Explorer. I have successfully made the image fit the web browser right, using this code in a CSS class. The code I am using is as written:
PHP Code:
body.background
{
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../Images/Website Background-3.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../Images/Website Background-3.jpg', sizingMethod='scale')";
} 


this code makes the background I am using work correctly in Internet Explorer. However, when I use this code, it makes the rest of the website stop working. I can no longer click on any of the links on the page, or anything of the sort. However, all my styles for the links still remain on the page. Any suggestions?

Thank you all,

Mitch Guzman

I made some slices in photoshop to manage the links from Front Page but the links look like this.Check the photo... any one knows what shall i do ?

If I have many PHP includes, will this slow down the loading of the page? I may have around 6 at a time on a single page.

<?
$path = $_SERVER['DOCUMENT_ROOT'];
$path .= "/item.php";
include_once($path);
?>

I usually have around 6 of these on a page at a time, will this slow down the loading of my website.

I use this for updating my website, since all the includes come from the same sources, e.g. navbar on all pages comes from /include/navbar.php then I will have to edit navbar.php to edit the navbar on all pages.

Am I using the correct method for website updating, or is there a more efficient way?

http://www.heresmary.com

I just finished uploading my site, and I noticed that when I click on a link the page loads then loads again a split second after. Does this happen to anyone else? If so can anyone give me any advice about it?

Hi ,

I've been wondering why my simple HTML website has slower drop down menu's at the top at LaptopBackpacks.com

It takes a moment for the menu to drop down at the top ..Mens | Womens | Youth

Compared to my competitor who's drop down menu's drop now instantly after hovering over them.

What causes this slower speed?

Suggestions?

Hello All,

With building a nested vertical navigation element, I am using "onmouseover" and "onmouseout" behaviors with some CSS.

The problem I have is that, for people who have a hard time clicking quickly on the left side vertical navigation submenu elements, sometimes they mouse out before they click when the mouse is over the element.

I made the onmouseover area larger than the actual sub-entries, which helps, but is not good enough.

What I want to do: Somehow prolong the onmouseover event to allow maybe 1.25 seconds of onmouseout before the submenu disappears, or slow down the onmouseout for the same reason.

Anyone have any ideas?

Thank you,
edsager

P.S. I include some of the relevant code below.

HTML stuff:

Code:

<ul>
<li onmouseover="this.firstChild.style.display=&quot;block&quot;" onmouseout="this.firstChild.style.display=&quot;none&quot;"><ul class="popout">
<li class="popout"><a class="popout" href="orig_flood.html">Stuff111111111</a></li>
<li class="popout"><a class="popout" href="title.html">Stuff11111111</a></li>
<li class="popout"><a class="popout" href="appraisal.html">Stuff1111111</a></li>
<li class="popout"><a class="popout" href="AVM.html">Stuff111111</a></li>

<li class="popout"><a class="popout" href="BPO.html">Stuff11111</a></li>
<li class="popout"><a class="popout" href="orig_fraud.html">Stuff1111</a></li>
<li class="popout"><a class="popout" href="lien.html">Stuff111</a></li>
<li class="popout"><a class="popout" href="orig_tax.html">Stuff111</a></li>
</ul><a>Home</a></li>

CSS stuff:

Code:

@charset "utf-8";
/* CSS Document */

#services a

{

	display: block;

	height: 100%;

	cursor: default;

}



#services li:hover

{

	color: #999;

	border: 1px solid RGB(179, 179, 179);

	background-color: RGB(230, 230, 230);

}



#services a:hover

{

	color: #666;

}



#services ul.popout

{

	white-space: nowrap;

	width: auto;

	position: absolute;

	left: 180px;

	background-color: white;

	padding-top: 5px;

	padding-bottom: 5px;

	padding-left: 5px;

	padding-right: 5px;

	z-index: 5;

	display: none;

	border: 1px solid RGB(179, 179, 179);



}



#services li.popout

{

	margin: 0px;

	padding: 0px;

	height: auto;

	font-size: 10pt;

	font-weight: normal;

	color: #666;

}



#services a.popout

{

	padding: 5px;

	padding-left: 15px;

	padding-right: 15px;

	display: block;

	height: 100%;

}



#services a.popout:hover

{

	color: #333;

	background-color: RGB(230, 230, 230);

	cursor: pointer;

}

Hi people,

hopefully you can help. I've made a website for a artist-run collective here in Edinburgh, Scotland and everything is getting under way. I had a few questions with some issues I have been encountering and perhaps you could send me some information on if there is anyway to fix this.

http://www.modular9.co.uk/

That's the site. Some things aren't up yet but you get the idea. The main issue is with the index page anyway.

I have used a collection of image paths and rollovers and if you take a look at the source you'll see my very basic, yet required, html/css.

One of the issues is the delay in rollover. I understand it is because it is loading a whole image each time you rollover the tally marks, but is there any way to speed this up? Or use a script that isn't as ineffective as javascript? I don't mind the delay but I know that the rollover is meant to exist so I give it a second or two, but people coming to the site for the first time might not notice the navigation and leave :/

Also, on some of my friend's computers at college, when they click on, artists, or the about section, or contact, for example, the background doesn't show up as the colours I put down. Is this because I used css to do so? Are there actually some browsers that can't take css yet?

I know it's a bit vague and a general query but any tips and things would be great to make the site more effective and smooth running.

Hope you are all well.

Rich

Seems I read somewhere that the <clear> tag is now deprecated. I find great use for it and wonder if it really is deprecated. Here is how I use it to line up text with images:

<img src="museum.jpg" class="floatLeft imgborder" style="width: 350px; height: 350px;" alt="museum"
title="artifacts">
<p>27. Make a "Museum Shelf." This is one of ours. On it we set all sorts of neat things that we find
in the wilds. Another has all sorts of different shapes of diamonds found in our Diamond Willow.</p>
<BR CLEAR="all">

Is that still OK?

Hi, after testing my site in IE8 I've discovered a large bug with my site - right now I am using this tag to make my contianer div extend til the navigation and content is finished:

Code:

<br style="clear: both;" />

However, this code doesn't work in IE8 and the container DIV becomes way too short. I've researched online and I've found this is a known issue with IE8, but I haven't found a way to circumvent it - is there another way?

Thanks

hi there, i am working on a page:
http://test.furryfrog.co.uk/rokka/private

i cant get the content to clear on the right hand side and extend the content area to 100%?

i have tried all manner of clears, end divs, 100%heights but i just cant get it. any help is most appreciated.

Regards

Neil