Jump to content

superfluous <div> ??


AndaleTheGreat

Recommended Posts





Dawn Somers - Photographer



Wedding, Family & Senior Portraits








Wedding Photos Click to Zoom




"lightwindow" rel="floatboxgroup">
pavilion.jpg width="75" height="100" />

*

*

*

*

*



Site Designed and Authored by Tim Radford

All photos © Dawn Somers



Link to comment
Share on other sites

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 by AndaleTheGreat
Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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)

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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 by AndaleTheGreat
Link to comment
Share on other sites

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.
Link to comment
Share on other sites

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 by AndaleTheGreat
Link to comment
Share on other sites

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.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...