dalewb
-
Posts
15 -
Joined
-
Last visited
dalewb's Achievements
Newbie (1/7)
0
Reputation
-
..
-
Hey thanks for posting that! After a day I just assumed no one was going to respond and I wasn't informed anyone had replied. I can tell you have much better understanding of CSS than the average Joe. For example "body>div#footer,body>div#header {" is something I've never seen before in VERY mature 7 months of programming with CSS . I really am not sure what that line is doing, or why it is structured that way.This is super cool - thanks man!
-
Skemcin,I don't really understand what special thing it is you did here. But I am curious: how long did it take you to learn all those programming languages? That's one crazy list you have going there under your name.
-
Not bad at all. Do you have a link to this in action? I'd be interested in seeing it.
-
I've tested this and it works:<link rel="stylesheet" type="text/css" href="css/main.css" media="screen, projection"/> <!--[if lte IE 6]><link rel="stylesheet" type="text/css" media="screen, projection" href="tyle_IE.css" /><![endif]--> <!--[if IE 7]><link rel="stylesheet" type="text/css" media="screen, projection" href="css/ie7.css" /><![endif]--></head><body> You'll then put any changes to the css code in those alternate css files, while the bulk of your code will go in your main css file. Also notice in my code that I've placed my css files in a special folder - so change the uri if your directory structure is different.
-
Hi,To forestall what I think might be a kneejerk reaction on what is for sure a common topic here, I have done some research into this subject. Footerstick and footerstickalt don't function nearly as well as what Bungie did with their website - and darn if I can understand how they did it. Does anyone here know how they managed to construct their footer and make it stick to the bottom of the web browser window in such a rock-solid way? I mean, it doesn't jerk with the window movement, as if it is part of the browser itself.Footerstickalt is cool, but if the content of your website is longer than the browser window, the footer will be attached to the end of the document - it won't hover over it like the footer does at bungie.net.The closest I got to an answer was a technical document at http://msdn2.microsoft.com/en-us/library/ms978497.aspx, but it merely goes over the backend part of the site, not its design.Thanks!
-
I wasn't aware anyone had replied to this thread. I tried your method and it didn't do a thing in IE (v7). It seemed to nudge the text down about 1mm in Firefox. Believe it or not, I am still fighting with this same issue and am working to resolve it. If I figure it out, I will reply here.
-
Thanks Mr. Guy.=)
-
Yes, I read about AJAX today and found it intriguing. With Chocolate's idea, would the divs be literally sitting on top of each other (absolute position, I guess, in different levels) and shown/hidden as the user clicks on links?If that is the case, well, it certainly would not be a very efficient means of doing such a thing. However, how long should I expect to need to spend learning AJAX? I am just starting to learn PHP, Javascript, and actionscript - I'm being buried under a load of code . But seriously, I do need to figure this out relatively quick - just this one thing and then I can (kind of) take my time learning everything else.
-
Hi, I am still learning a lot of this stuff and want to know how this can be accomplished:I could do it with Flash but I'm trying to stay away from anything that requires a plugin, as I am not totally sure about the technical requirements of my audience. I don't want the screen to have to refresh or direct the user to another url, I just want to be able to have a whole list of news dates/titles on the left and have each one load new data on the right when clicked.I'm not asking for someone to drop some code in my lap, just point me in the right direction - thanks.
-
Thanks Sam. Do I just plop that line of code in the HTML inside the header? Do I need to do anything else to it? Oh wait, it looks like I need a special CSS file called style_IE.css that I can copy the styles from my main CSS file into and adjust accordingly for IE. Do I have that right?
-
I am trying to move a line upwards in FireFox, but when I do so, it screws it up in IE. Some things, also, do not work at all: bottom padding, bottom margins, vertical-align: super or top. Changing line height to something like .1em works but it screws the line up in IE. I have spent nearly an hour on just this one lousy problem (not to mention all the others).Here's the info I can give:The text in the navbar is being influenced by the following customized link code, but I don't think it affects this issue. Regardless, I'll post it here just in case: #navlinks li.last { border-right: 0; }#navlinks a:link { font-family: Verdana, sans-serif; font-variant: small-caps; text-decoration: none; font-size: 16px; color: black; font-weight: bold; }#navlinks a:hover { font-family: Verdana, sans-serif; font-variant: small-caps; text-decoration: none; font-size: 16px; color: #CCCFE6; font-weight: bold; padding: 18px 0 15px 0; background: transparent url(../images/gradient-clear_to_darkblue.gif) bottom repeat-x; }#navlinks a:visited { font-family: Verdana, sans-serif; font-variant: small-caps; text-decoration: none; font-size: 16px; color: black; font-weight: bold; } Thanks.
-
I'm sorry but would you please provide a code example of the above? It's exactly what I want to do, but I'm not sure how to exactly code such a thing. Would it be something like#bannerdiv {properties;}#bannerdiv #bannerdivchild {additional properties;}?
-
Man! I feel like such a clutz. I put the css file in a "css" subfolder for the first time (this is only my second website being made from scratch) and didn't take that into account when I created the image file URI.For that reason, the single quotes didn't work . But for the record, now that I got the URI correct, I tried it with and without the single quotes without any noticeable effect. They don't seem to matter in XHTML (this is of course inside the css code).I deleted the XHTML prologue and it didn't seem to have an effect, but I haven't had time to do much mucking about this morning and I won't until later today. But I'll try some web design without the prologue and get back to you all. Just so you know, I have read the stickies on this forum and visited some suggested sites, including the one that details Quirks mode and the one that details how the box model stands up in different browers, both current and old - it's a deep article that requires a lot of study, so I am working to understand the whole issue; therefore, I appreciate any help that'll get me going a bit faster because learning all of this takes forEVer.
-
After scouring this site and wasting many hours on this, I am turning here in hopes of some solutions. I just "switched" to XHTML from HTML - honestly, it doesn't seem that big of a switch, but ever since doing so, I cannot get background images to show up inside divs. I've tried doing it in the CSS code and the XHTML code to no avail. Since this site is just starting, the code isn't that lengthy:CSS: /* =Structure----------------------------------------------- */body{ margin: 0; padding: 0; background-color: #0b0000; background-image: url(images/bas11go256_dark_autumn.jpg); color: #2e2d2a; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; text-align:center; }a img { border: 0; }p { /* Remove this margin from headers if you want paragraphs following them to be right underneath instead of separated from the heading with a line space */ margin: 0 0 1em; }/* =StructureDivs----------------------------------------------- */#main { width: 800px; height: 720px; margin: 10px auto 0 auto; background-color: white; overflow: auto; }#banner { float: left; width: 800px; height: 215px; margin: 0 0 5px 0; background-color: black; overflow: hidden; }#navigation { float: left; width: 800px; height: 40px; padding: 8px 0 0 0; background: white url('images/gradient-clear_to_black.gif') top left repeat; overflow: auto; line-height: 12px; vertical-align: top; }#nextmeeting { float: left; width: 600px; height: 130px; padding: 20px; overflow: auto; background: #B5C384; }#artist { float: left; width 270px; height: 130px; padding: 20px; overflow: hidden; background: #C0AD9F; } /* =Links----------------------------------------------- */#navlinks li { display: inline; list-style: none; letter-spacing: .1em; padding: 0 2em 0 2em; border-right: 1px dashed gray; }a:link {font-family: Georgia, "Times New Roman", Times, serif; text-decoration: none; color: #546810; font-weight: bold;}a:visited {font-family: Georgia, "Times New Roman", Times, serif; text-decoration: none; color: #546810; font-weight: bold;}a:hover {font-family: Georgia, "Times New Roman", Times, serif; text-decoration: underline; color: rgb(125, 74, 53); font-weight: bold;} AND the HTML: <?xml version="1.0" encoding ="iso-8859-1"?><!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>IGDA: Raleigh, Durham, Research Triangle Park, North Carolina</title> <link rel="stylesheet" type="text/css" href="css/main.css" /></head><body><div id="main"> <!-- <This div holds the entire body of the website> --> <div id="banner"> <a href="index.html"><img src="images/banner04.gif" alt="Click here to return to the home page. Image of the Raleigh skyline in the late afternoon with a rainbow in the sky overhead. Logo in upper left corner reads I G D A, International Game Developers Association. Subtitle in upper right corner reads Triangle Chapter, North Carolina. Raleigh, Cary Durham, Chapel Hill." title="Click to return to the home page"></a> </div> <div id="navigation"> <ol id="navlinks"> <li>Home</li> <li><a href="forums.html">Forums</a></li> <li><a href="info.html">Info</a></li> <li><a href="newsarchive.html">News Archive</a></li> <li><a href="artist.html">Featured Artist</a></li> </ol> </div> <!-- <END navigation div> --> <div id="nextmeeting"> <p>Our next meeting will be soon</p> </div> <!-- <END nextmeeting div> --> <div id="artist"> <p>Artist info here</p> <img src="images/200pxspacer.jpg" alt="a" width=80px> </div> <!-- <END artist div> --></div> <!-- <This ends the main div> --></body></html> Told ya it's short - just getting started here! If someone could help me figure out why background images will not show up, I'd be most grateful. Please notice the attempt in the CSS code near the top under "body {".I'm using "Strict" in the DOCTYPE in the hopes that my box models (in the divs) will match up between IE and Firefox. So far, no dice: widths and paddings and all that kind of stuff are acting really wierd between browsers . If this is not enough information, please let me know. Thanks!