AndaleTheGreat Posted February 28, 2009 Report Posted February 28, 2009 Dawn Somers - Photographer Wedding, Family & Senior Portraits Home People Weddings Scenery Contact Wedding Photos Click to Zoom "lightwindow" rel="floatboxgroup"> width="75" height="100" />* * * * * Site Designed and Authored by Tim Radford All photos © Dawn Somers Best viewed with "http://sfx-images.mozilla.org/affiliates/Buttons/firefox3/FF3b80x15_square.gif" /> Quote
Wickham Posted February 28, 2009 Report Posted February 28, 2009 We need your css files and preferably the images as well; all I get is plain text without them, no red anywhere. Is there an online link? Quote
AndaleTheGreat Posted February 28, 2009 Author Report Posted February 28, 2009 (edited) crap, sorry. i wasn't really awake when i put it up. sometimes the site is at http://andale.homeip.net:9595 (i been having issues with the dynamic ip rerouting) NOTE: the page I am fixing is ../Photos_weddings.htm nu.css body { background: #300; color: #fff; } a, a:visited, a:active { color: #622; background: inherit; } #big { } #container { color: #000; /*border: solid 2px #000;*/ background: #400; } #title { color: #100; background: #fff url('../backgrounds/nu-red_headerbg.gif') top left no-repeat; } #navigation { background: url('../backgrounds/nu-red_navug.gif') bottom center no-repeat; } #navigation li a { background: #633; color: #fff; border-style: solid; border-width: 1px 0 1px 0; border-color: #966 #300 #300 #966; } #navigation li a:hover { background: #a77; color: #fff; } #content { background: #fff; } #rightCol { background: inherit; } #footercontain { color: #990000; font-size: 9px; font-family: Verdana, Geneva, Arial, sans-serif; background-color: #300; position: fixed; bottom: 0px; left: 0px; width: 100%; height: 15px } #footleft { float: left; text-align: left; width: 33%; } #footmid { float: left; text-align: center; width: 34%; } #footright { float: right; text-align: right; width: 33%; } nu_002.css * { margin: 0; padding: 0; } /* cross browser sync */ body { font-family: Verdana, sans-serif; font-size: 0.8em; } a, a:visited, a:active { font-weight: bold; text-decoration: none; } a:hover { text-decoration: underline; } h1 { font-size: 26px; } h2 { font-size: 22px; } h3 { font-size: 18px; } h4 { font-size: 16px; } h5 { font-size: 14px; } .clearer { clear:both; line-height: 0; visibility: hidden; height: 0; } #container { width: 900px; padding: 10px; margin: 30px auto; } #title { width: 680px; height: 100px; float: left; text-align: center; } #navigation { width: 160px; float: left; padding-bottom: 100px; } #navigation li { list-style:none; width: 160px; } #navigation li a { display: block; width: 160px; padding: 5px; } #navigation li a:hover { text-decoration: none; } #content_wrapper { padding: 5px; background: #fff; float: left; margin-left: 10px; } #content { width: 500px; overflow: auto; } /*#content ul { margin: 5px 10px; } #content li { margin-left: 30px; }*/ #content h3 { margin-top: 10px; } #content p { padding-left: 10px; } #rightCol { width: 220px; text-align: center; float: right; } /*-------Begin New by AF--------*/ #content ul { list-style-type:disc; margin-bottom:10px; } #content ol { list-style-type:decimal; margin-bottom:10px; } #content ul li { list-style-type:disc; margin: 5px 25px; } #content ol li { list-style-type:decimal; margin: 5px 25px; } /*-------End New by AF--------*/ the photo may have nothing to link to, but it won't affect the red's existence Edited March 1, 2009 by AndaleTheGreat Quote
jlhaslip Posted March 1, 2009 Report Posted March 1, 2009 br /> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Dawn Somers - Photographer - Dawn Somers "text/css" media="screen" charset="utf-8"> media="screen" charset="utf-8"> Dawn Somers - Photographer Wedding, Family & Senior Portraits "680" height="160"> width="680" height="160"> Alternative content Home People Weddings Places Contact Dawn Somers A professional photographer since xxxx, Dawn has photographed families, children, private parties and weddings. She is available for private work....blah blah blah Site Designed and Authored by Tim Radford All photos ? Dawn Somers Best viewed with"http://www.firefox.com/">"Spreadfirefox Affiliate Button" src= "http://sfx-images.mozilla.org/affiliates/Buttons/firefox3/FF3b80x15_square.gif"> Try that. Quote
Andrea Posted March 1, 2009 Report Posted March 1, 2009 You didn't ask for a review, but I thought I'd point out what I notice when I look at the site - it's just my opinion, consider it or not - The images in the flash banner are of very bad quality - I understand that was done to keep the file size down, but this is a photographer's site - the images there should look good. The red on maroon in the footer is almost impossible to read - I imagine for colorblind or vision impaired folks it's totally impossible. And it's not professional to add a 'best viewed with Browser' to a website - professionals build sites that work everywhere (within reason - it's ok to ignore IE < 6) Quote
newseed Posted March 1, 2009 Report Posted March 1, 2009 It would seem that you are designing this site as you build it. Probably the most difficult way to design the site...graphically. You should have a complete mockup design of the site you would like to build. Once you are completely satisfied with the graphical design, you can then implement the design into html/css. And Thelma is right. Redo do the flash. What you have now will only hurt your business. Quote
AndaleTheGreat Posted March 1, 2009 Author Report Posted March 1, 2009 (edited) well, your all right. This is my first web page since they made me make one in high school back in '97. The flash was a mockup as I did not have the original files yet. As far as size I think people will realize "it's a photographer's gallery and therefore high quality" so I planned on large files in the end. Thelma - I actually do appreciate your points and would eventually have probably asked a general opinion (if there's a directory here for those requests). newseed - As far as design I used a template. I created this in one of my free comcast sites then made it my own. Everything was going well until I really started hacking it apart when I created the footer, then I fixed it, then I noticed an error HTML-kit said I was missing a so I added it, it broke the layout, took it out, it fixed the layout. Personally, I hate IE and a monetary supporter of FF, plus I could care less if the site is nothing but a bruise if you use IE to look at it, but I do know better than to disclude it in the end. I would fix it for IE7 as well right now if I had any idea as to what's wrong, but I remove IE from my windows install as it is and the IETab for FF is only IE6 I'm pretty sure. My goal for now has been to get the site going in any form. Obviously I don't plan on running from andale.homeip.net:9595 forever. jlhaslip - don't know what u changed, would like to know since it is from my index page instead of the code above. Sorry I didn't note which page. NOTE: The only pages I am working on are ../index.html ../Photos_weddings.htm & ../Contact.htm The page relative to me questions in this topic is ../Photos_weddings.htm Oh yeah, I made the red on red footer on purpose. I think the footer should be noticeable but not glaring. It contains the info necessary. I felt there was no need to push it into focus. I also realize that, in IE6, it just sits at bottom of the page. Edited March 1, 2009 by AndaleTheGreat Quote
AndaleTheGreat Posted March 1, 2009 Author Report Posted March 1, 2009 OH NEAT! jlhaslip fixed my IE issues! How awesome of of you. Quote
Andrea Posted March 1, 2009 Report Posted March 1, 2009 Oh yeah, I made the red on red footer on purpose. I think the footer should be noticeable but not glaring. It contains the info necessary. I felt there was no need to push it into focus. There is a difference between glaring and legible. If the info is important enough to appear, it's important enough to be legible. Quote
AndaleTheGreat Posted March 1, 2009 Author Report Posted March 1, 2009 jlhaslip, what did you change here? I am having trouble frinding exactly what's changed to make it work in IE Quote
jlhaslip Posted March 2, 2009 Report Posted March 2, 2009 Not sure, really. There seemed to be a flaw in there that got fixed, but I don't recall the specifics and didn't keep any notes. I did run the code through the Html Tidy in the Firefox Browser and that might have fixed something, too. Quote
AndaleTheGreat Posted March 3, 2009 Author Report Posted March 3, 2009 (edited) okay... ?:/? well, whatever it was i couldn't tell you. I'm not very good at side by side comparison when text is on-screen. I used your tidied version of my index page and rebuilt the photo pages from that, adding one element at a time, until it was there. I also scrapped my css files for the photo pages and used the ones from index. I could probably combine these but felt it would be easier to keep all my photo pages linked to one css file and the other pages to their own in case i needed to customize a page. I also felt this would guarantee uniformity across pages. EDIT: So awesome!! Thanks to the help here and several posts/threads already on the site I have got the look I wanted (except that STUPID gap won't go away) and have my 3 test pages all validating correctly for html and 2 of them for css. I don't think I can worry about the photo gallery css being validated since I think it's entirely due to confusion caused by floatbox. Edited March 4, 2009 by AndaleTheGreat Quote
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.