Frank P
-
Posts
168 -
Joined
-
Last visited
Everything posted by Frank P
-
Correct. Better still, put it on the net.
-
Please put it online. We cannot test it this way. Normally, posting the - whole - code would suffice, but with PHP that's not the case.
-
Opening the next page within the main content tabbed page?
Frank P replied to stevengreen22's topic in CSS Help
That is possible with an iframe containing the content, and with content divs of which the properties change from display:none to display:block and vice versa, with javascript. -
I never said one shouldn't use the sprite technique if possible. And in this case it isn't.
-
I don't think my clients will agree with that... HTTP requests hardly make a site render slowly. Large images, moving images, poor server capacity and bottle necks in the connection between the server and the user's computer do. This whole request issue is exaggerated tremendously.
-
Exactly. That's why I, too, would suggest to make a transparent image in Photoshop. Easy as 1,2,3, if you have a bit of a recent version.
-
High-tech, but is that supported by older browsers (IE6/7, FF3.x and Chrome8+)?
-
A course in patience wouldn't be bad, I'd think.
-
Guess what? I had to include a YouTube video today, and the button 'Include' on the YouTube site now generates this code: <iframe width="560" height="345" src="http://www.youtube.com/embed/6Z3mjZel7to" frameborder="0" allowfullscreen></iframe> Video urls included in the traditional <object><parameter> way won't even load the video anymore, it seems!
-
Hi, I checked it in IE8 and FF4, but the only significant difference I see is that the two sections under Birth(d)ay Club have rounded corners only in FF, not in IE. No background differences.
-
Het Nederlandstalige deel van de web designers is schijnbaar groot, internationaal gezien? [Eng.: Seemingly, the Dutch-speaking web designers form a great part of the international community?]
-
Hi, Video files are notorious for their dominance in z-index, even if the css orders otherwise. If all else fails, just put the file in an iframe. That is always a cure. But there might be other solutions. For that, please put it online so we can do some testing. Or post the code (see my signature for instructions on how it should be posted).
-
You're not the only one. Matters line up poorly in FF (see http://prntscr.com/2pe3t, other browsers not tested) and the web page is riddled with code errors: http://validator.w3.org/check?uri=http%3A%2F%2Fwww.inspired-evolution.com%2FGraphics%2F&charset=%28detect+automatically%29&doctype=Inline&group=0 .
-
If I copy and paste your code in an otherwise empty web page , replacing the php tags with actual values and putting a standards mode-invoking doctype over it, it centers perfectly. Be it that your code only includes the blue and white part plus the black border. Not the brown part.
-
The background of the div.register-style has 'center center' as position, which should be 'center top'.
-
I see you solved it already? At least, here it's looking OK, in FF4 and IE8.
-
It cannot be done with pure CSS. It should be doable with javascript, because there are these menus that go up with the page while scrolling, until the menu reaches the top o/t browser window and then stays there. But there is a simpler solution: give the content container an overflow: scroll. Like so: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Demo</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <style type="text/css"> <!-- html, body { height: 100%; margin: 0; padding: 0; overflow-y: hidden; /* prevents double scrollbar in IE */ } #main { position: relative; height: 100%; width: 980px; /* 1024 is coming back */ margin: auto; background: beige; } #header { height: 100px; background: pink url(images/header.png); } #menubar { position: absolute; top: 100px; height: 40px; width: 100%; background: black; color: white; } #content { position: absolute; top: 140px; bottom: 50px; left: 0; right: 0; overflow-y: scroll; } #footer { position: absolute; bottom: 0; height: 50px; width: 100%; background: yellow; } --> </style> </head> <body> <div id="main"> <div id="header">Header</div> <div id="menubar">Menubar</div> <div id="content"> Search results </div> <div id="footer">Footer</div> </div> </body> </html>