Discussion Forums > Technology
Search Engines
geoffreak:
Stay away from layers and iframes. Instead, do nested divs.
Also, watch what happens to that page when you remove the css absolute positioning of those layers and add the following:
--- Code: ---
margin-left: auto;
margin-right: auto;
--- End code ---
(click to show/hide)
--- Code: ---
<div style="margin-left: auto; margin-right: auto; width: 900px; height: 650px;" id="layer2" class="style16">
<div style="margin-left: auto; margin-right: auto; width: 677px; height: 513px;" id="layer3" class="style17">
<p style="margin-top: 0pt; margin-bottom: 0pt;" class="style19" align="center">
<iframe name="I1" id="I1" src="box_releases.htm" allowtransparency="true" style="width: 670px; height: 480px;" border="0" target="_blank" frameborder="0">
Switch to Internet Explorer or FireFox to view I-Frame.
</iframe></p>
</div>
</div>
--- End code ---
All that is needed is to edit the background image and put it at 50% opacity.
Also, you need to be using proper doctypes. Here is the standard doctype setup that I use:
(click to show/hide)
--- Code: ---
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
</head>
<body>
</body>
</html>
--- End code ---
Finally, a guide to get the effects you like.
Tatsujin:
--- Quote from: geoffreak on August 08, 2009, 03:08:07 AM ---Stay away from layers and iframes. Instead, do nested divs.
Also, watch what happens to that page when you remove the css absolute positioning of those layers and add the following:
--- Code: ---
margin-left: auto;
margin-right: auto;
--- End code ---
(click to show/hide)
--- Code: ---
<div style="margin-left: auto; margin-right: auto; width: 900px; height: 650px;" id="layer2" class="style16">
<div style="margin-left: auto; margin-right: auto; width: 677px; height: 513px;" id="layer3" class="style17">
<p style="margin-top: 0pt; margin-bottom: 0pt;" class="style19" align="center">
<iframe name="I1" id="I1" src="box_releases.htm" allowtransparency="true" style="width: 670px; height: 480px;" border="0" target="_blank" frameborder="0">
Switch to Internet Explorer or FireFox to view I-Frame.
</iframe></p>
</div>
</div>
--- End code ---
All that is needed is to edit the background image and put it at 50% opacity.
Also, you need to be using proper doctypes. Here is the standard doctype setup that I use:
(click to show/hide)
--- Code: ---
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
</head>
<body>
</body>
</html>
--- End code ---
Finally, a guide to get the effects you like.
--- End quote ---
You have many points, and after few things with Layers and getting enough headache, I decided to switch to Tables and see if things could work with it and make everything centered. With CSS options I freaking nailed it down. =D WOHOOO! The tables work much better and smoother than Layers to center. I also have better control over them!
Most of the stuff in the header needs some clean up, yes. There are some things I don't want to remove. Also, iframes are freaking sweeter than you think. They're essential to me so I'll stick with them. Ever since having transparency through with them things are becoming easier for a graphic designer.
I'm going to demonstrate my skills on www.otakixus.com/box ... it should update within an hour or less and everything should be centered and work in both IE and FireFox.
vuzedome:
Now onto more pressing matters.
--- Quote from: Tatsujin on July 31, 2009, 02:35:17 AM ---and I was even offered to be a webmaster for a hentai site
--- End quote ---
Do want to know what site is that. ;)
Tatsujin:
--- Quote from: vuzedome on August 10, 2009, 06:03:42 AM ---Now onto more pressing matters.
--- Quote from: Tatsujin on July 31, 2009, 02:35:17 AM ---and I was even offered to be a webmaster for a hentai site
--- End quote ---
Do want to know what site is that. ;)
--- End quote ---
Cash Meat or something. I have to cancel my account with them. They want me to host my own things without providing an FTP for their end. Not gonna happen.
Navigation
[0] Message Index
[*] Previous page
Go to full version