Forum Moderators: not2easy
When I float div boxes inside another div box, the text get treated like an image. If you try to highlight the text, a will not work.
<snip>
please help
Bernd
[edited by: engine at 9:36 am (utc) on April 7, 2005]
[edit reason] No urls, thanks. See TOS [webmasterworld.com] [/edit]
When you try to find a solution, make your page valid first of all. This is about all similar problems. If the problem persists after all the mistakes swept, you may find it easier.
And do not show urls here, please. Moderators do not like it. ;)
I had a look at your site- I can highlight the text fine. Why do you need to be able to highlight the text? As long as you users can read it, and the text is present in the source code (which it is) then it can be spidered... I dont think you should worry about it personally.
Yes it works in FF and Opera, but not in IE6,
Some of my clients are doctors and have medical advice in there content.
I like to know if there is a CSS code to let IE6 to treat like text?
Thank for your time and help.
Bernd
When I float div boxes inside another div box
When you say you "float" the div boxes, do you mean with the float property, or are you using some other positioning scheme, such as position:absolute.
cEM
I change the little syntax error on my <ul.> and <img> tag.
The page validates beside the old <embed> tag for Netscape browser to understand flash.
Here is all the code:
CSS file
/* CSS Document */
body {
background-color:#BEBEBE;
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
line-height:11pt;
}
.top {
background-image: url(image/top1.jpg);
background-repeat:no-repeat;
width:750px;
height:102px;
position:absolute;
top:5px;
left:2%;
}
.main {
background-image:url(image/body.jpg);
background-repeat:no-repeat;
width:750px;
height:448px;
position:absolute;
left:2%;
top:107px;
}
#footer {
position:absolute;
left:45px;
top:560px;
}
.main1 {
width:600px;
height:408px;
position:absolute;
left:80px;
top:18px;
color:#FFFFFF;
}
.leftbox{
background-image:url(image/box1.jpg);
background-repeat:no-repeat;
width:291px;
height:369px;
position:absolute;
left:80px;
top:33px;
}
.rightbox{
background-image:url(image/box2.jpg);
background-repeat:no-repeat;
width:291px;
height:369px;
position:absolute;
left:385px;
top:33px;
}
.innright{
position:relative;
font-family:Arial, Helvetica, sans-serif;
left:10px;
top:8px;
width:265px;
height:345px;
overflow:auto;
color:#3A5164;
}
.innleft{
position:relative;
font-family:Arial, Helvetica, sans-serif;
left:10px;
top:30px;
width:265px;
height:323px;
overflow:auto;
color:#3A5164;
}
.links {
position:relative;
top:80px;
left:200px;
font-size:10pt;
}
.welcome {
position:relative;
font-family:Arial, Helvetica, sans-serif;
top:15px;
left:85px;
background-image: url(image/welcome.gif);
width:289px;
height:107px;
color:#3A5164;
}
#home {
position:absolute;
top:40px;
left:385px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
}
.flash {
position:relative;
left:81px;
top:8px;
}
.box {
position:relative;
font-family:Arial, Helvetica, sans-serif;
left:85px;
top:8px;
width:289px;
height:261px;
background-image: url(image/box.gif);
background-repeat:no-repeat;
color:#3A5164;
padding-left:30px;
}
.box1 {
position:relative;
font-family:Arial, Helvetica, sans-serif;
left:85px;
top:20px;
width:289px;
height:261px;
color:#3A5164;
}
.box a:link {
text-decoration:none;
color:#3A5164;
}
.box a:visited {
text-decoration:none;
color:#3A5164;
}
.box a:hover {
color:#CC0000;
text-decoration:none;
}
.houseimage {
position:absolute;
left:375px;
top:200px;
}
.houseimage1 {
position:absolute;
left:380px;
top:170px;
}
h4 {
padding-left:20px;
}
p {
padding-left:13px;
padding-right:18px;
}
a:link{
text-decoration:none;
color:#FFFFFF;
}
a:visited{
text-decoration:none;
color:#FFFFFF;
}
a:hover {
color:#CC0000;
text-decoration:none;
}
index file
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>RYCO Products, LLC</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="ryco.css" type="text/css" rel="stylesheet" />
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body onload="MM_preloadImages('image/bars2.gif')">
<div class="top">
<div class="links">
<a href="products.htm" onmouseover="MM_swapImage('products','','image/bars2.gif',1)" onmouseout="MM_swapImgRestore()" >
<img src="image/bars.gif" border="0" alt="products" id="products" name="products" />
Products</a>
<a href="video.htm" onmouseover="MM_swapImage('video','','image/bars2.gif',1)" onmouseout="MM_swapImgRestore()" >
<img src="image/bars.gif" border="0" alt="video" id="video" name="video" />
Video</a>
<a href="contact.htm" onmouseover="MM_swapImage('contact','','image/bars2.gif',1)" onmouseout="MM_swapImgRestore()">
<img src="image/bars.gif" border="0" alt="contact" id="contact" name="contact" />
Contact</a>
<a href="index.htm" onmouseover="MM_swapImage('index','','image/bars2.gif',1)" onmouseout="MM_swapImgRestore()">
<img src="image/bars.gif" border="0" alt="home" id="index" name="home" />
Home</a>
</div>
</div>
<div class="main">
<div class="welcome">
<br style="line-height:24px " />
<p>
Welcome to Ryco Products, LLC. Home to the M.A.T. Tool, (Measureless Accu-Trim Tool). The M.A.T. Tool cuts trimming time in half and is easy to use.
</p>
</div>
<div id="home">
<p>lorem ipsum</p>
<ul>
<li>lorem ipsum</li>
<li>lorem lorem ipsum</li>
<li>lorem ipsumlorem ipsumlorem ipsumlorem ipsum</li>
<li>lorem lorem ipsum</li>
<li>Time = $$$</li>
</ul>
</div>
<div class="houseimage">
<img src="image/house.gif" alt="House" />
</div>
<div class="flash">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="289" height="261">
<param name="movie" value="howto.swf" />
<param name="quality" value="high" />
<embed src="howto.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="289" height="261"></embed>
</object>
</div>
</div>
<div id="footer"><p>
<a href="shopping/return.htm">return policy</a> ¦ contact us about orders at <a href="mailto:example.com">EXAMPLE.com</a>
<br />example title <a href="http://www.example.com" target="_blank">Digital Edge</a>
</p></div>
</body>
</html>
[edited by: Woz at 8:07 am (utc) on April 8, 2005]
[edit reason] examplified code [/edit]
