Killersites.com Web Design Forums

float right a picture (jpg)

dummy@example.com (tchoy) — Sat, 21 Nov 2009 19:03:34 +0000

What am I doing wrong here? [url]http://www.ohka.org/2008-Bowling-Night.html[/url] I have floated the jpg to the right, but it's not doing it. When you look at front page preview it looks like what I want.

start-stop jQuery slider

dummy@example.com (joomlavideos) — Fri, 20 Nov 2009 18:51:33 +0000

I am integrating a start-stop jQuery slider found at Chris Coyer's site (css-tricks DOT com/startstop-slider/) and was wondering if anyone knew how to add navigation to the script so viewers could either skip slides, or go back, etc. Thanks! JJ

IE6 stepping problems - Yes again!

dummy@example.com (Wickham) — Fri, 20 Nov 2009 07:00:26 +0000

I have been happy with how my website displays in FF and IE7 and all pages validate to HTML 4.01 Strict. ww w.irish type3 dna.o rg/ (remove spaces) My PC at work is running IE6 and to my utter dismay, the center column display is stepped on most pages. I have read the killersite archives and tried the various IE6 solutions, adding width and line-height to the IDs. Now in IE6, the first heading always displays at the top of the center column as it should and a page with a List immediately after the heading is also displayed correctly. It appears to only step if a para that is long enough to wrap is present. But surprise, surprise, on pages where content1 or content2 ID, (both of which have a height specified), are used in place of content ID, the display is correct in FF, IE7 and the problem IE6. The website has a container ID and inside are three IDs, the first floated Left, with the second floated Right, and content taking up the balance. This ID's width adjusts automatically depending on the monitor resolution. #container { width:100%; line-height:0px; } #left { float:left; background-color:#506F89; width:150px; margin-right:10px; margin-top:10px; padding:1em 0em 0em 0em; line-height:100%; } #right { float:right; color:#E0E0E0; background-color:#506F89; width:130px; line-height:100%; margin-top:10px; margin-left:10px; padding:1em; } #inner { color:#000000; background-color:#9EB1C0; width:120px; line-height:120%; margin:3px auto; padding:0.5em; } #content { color:#333333; margin:20px 190px 0 190px; padding:1em; border-left:1px solid #999; border-right:1px solid #999; line-height:120%; } #content1 { color:#333333; margin:0 190px 0 190px; padding:1em; border-left:1px solid #999; line-height:110%; height:570px; } #content2 { color:#333333; margin:20px 190px 0 190px; padding:1em; border-left:1px solid #999; border-right:1px solid #999; line-height:120%; height:500px; } The content ID does not have a width as it expands depending on the monitor resolution. I have tried width:100%; but that mucks up the display in FF and IE7. The content ID expands under the right column. I only work 2 days a week so I can't check my latest mod until Tuesday. I have added to the home page :- I could use this solution generally, but it has been suggested to avoid scrolling where possible. Any other thoughts?

same styles but does not look same

dummy@example.com (jlhaslip) — Fri, 20 Nov 2009 02:25:49 +0000

If you look at this file - [url]http://www.ohka.org/2008-Album.html[/url] And then this file - [url]http://www.ohka.org/2009-Album.html[/url] They have the same type of html coding with same css, just the text is different. What did I do wrong that I'm not seeing. The 2008-album page is pushed farther down and the boat.jpg is pushed so far up.

resize image

dummy@example.com (falkencreative) — Fri, 20 Nov 2009 01:49:57 +0000

how do I resize an image using css or html? view source code here: [url]http://www.ohka.org/gallery-album.html[/url] I also would like to move this next to photo album or center it.

Nav Anchor Tag Issue

dummy@example.com (falkencreative) — Wed, 18 Nov 2009 17:07:23 +0000

Hi, I am trying to position my anchor tags so that when any part of the blue nac bg is hovered over that individual button it activates the hover state. However I cannot seem to position the text so that it is centered in the blue bar while keeping the hover state only over the blue button...does that make sense? Take a look here... [url]http://vojodesign.com/proofs/jacquelynHernandez/website/index.html[/url] As you can see the text is too high up in the blue bar...but when I add top-padding to the anchor tag, it only makes the "hoverable section drop down below the bottom of the blue bar Let me know if I am not explaining myself well enough. Any help fixing this would be much appreciated. Thanks Kit

Footer Problem

dummy@example.com (kitster79) — Tue, 17 Nov 2009 21:39:39 +0000

Can anyone tell me why my footer text is not showing up? As you can see from the source code, it should be there.... [url]http://vojodesign.com/proofs/jacquelynHernandez/indexNew.html[/url] Thanks Kit

Lightbox

dummy@example.com (Graeme) — Tue, 17 Nov 2009 11:57:20 +0000

Hello All, Can I ask a couple of questions about coding Lightbox in this forum? I'm looking for some help with the coding but wasn't sure if it is allowed. Thank you, Best wishes Graeme

Formatting

dummy@example.com (Andrea (formerly Thelma)) — Sat, 14 Nov 2009 10:09:39 +0000

Hello, I'm sooooo frustrated! I hope someone can help. I took your classes and wrote my website - everything looks great in Internet Explorer and the Netscape browsers. The web site doesn't look great in the Firefox or Safari browsers. I ran the code checker and it is really no help in fact when I changed the doc type it re-formatted my web pages in the first two browsers I mentioned. Someone told me to hang this up and write it in Publihser Web pages. Is there any way to fix this the web page is [url=http://www.hottelrealestate.com]www.hottelrealestate.com[/url] Thanks in advance

Confusing Validation reporting with W3C Validator

dummy@example.com (scorpion) — Sat, 14 Nov 2009 08:57:56 +0000

I am using HTML 4.01 Strict Doc declaration and trying to do the right thing and validate my site using [url]http://validator.w3.org/[/url] I am getting multiple errors with:-

[This line displays perfectly in FF and IE7] Errors reported with this line are:- Attribute "WIDTH" is not a valid attribute. Did you mean "width"? [the '2' is red and underlined] Attribute "SIZE" is not a valid attribute. Did you mean "size"? [the '5' is red and underlined] Attribute "COLOR" is not a valid attribute. Did you mean "color"? [ the first quotation mark is red and underlined] Am I doing anything wrong or should I ignore these 'errors'? There are similar 'errors' posted throughout the code, eg:- Text Here element "FONT" undefined. Did you mean "font"? [the '>' after size="2" is red and underlined] I am clearly using lowercase not uppercase as suggested. Anything else I need to do?

Positioning CSS menu

dummy@example.com (adamlen) — Thu, 12 Nov 2009 12:19:13 +0000

Hi, I am using one of Eric's horizontal menus in this new site: http://ww w.eemmal.com/header.php I'm almost done, but I don't know how to correct the drop down menu position. I want the drop down menu to be exactly under the fixed menu, like 5 pixels down. I've tried to put a top margin, to move the absolute position, but nothing works Thanks, Eduardo

how to have scrolls within the container

dummy@example.com (tchoy) — Thu, 12 Nov 2009 02:17:30 +0000

in this page: [url]http://www.ohka.org/events-new.html[/url], the contents are overlapping the footer. How do I make this scroll or is it better to make two columns or should the footer move down? If the footer moves down, then all the pages, the footer should move down as well?

Tried Everything - Lining Up Rows

dummy@example.com (Wickham) — Wed, 11 Nov 2009 14:20:24 +0000

I have tried aroung ten different methods but I just cant get 3 different units to fit under one another. I have adding and removing divs, changing widths and the image size, can anyone advise me please? [url]http://www.cornertvunits.co.uk/whichcornertvunit[/url]

Creating links from Thumb nails in a gallery

dummy@example.com (virtual) — Tue, 10 Nov 2009 16:52:24 +0000

Hello there. I am very much a newby. I have just watched and finished the first web site course that deals with basic HTML and Css. I do feel pretty excited about creating my first web site. Im playing around at the moment and making mistakes and learning from them. What i would like to know whether i can do a gallery with the program/info i have. Will it be possible to do a small gallery, say a string of images at the bottom of the page. Once they are clicked on or over (i guess i do a link) a larger view of that image is shown in the place above. Then when i choose another image, again it produces a large version of that image. Is this possible, any hints/tips?? Sorry this is probably a bit basic for you chaps but i thought i would ask. Also can i create blocks of colour or change the background of the screen colour to? Sorry for sounding so dumb, i am really just starting out and trying things out. Any help appreciated! thank you david

Differences between HTML 4.0 and 4.01

dummy@example.com (scorpion) — Sun, 08 Nov 2009 20:59:09 +0000

I have noticed that if I use the Doc Statement:- ,]http://www.w3.org/TR/html4/loose.dtd\">,[/url] IE7 fails to recognize one ID that I have placed within another ID. FF displays correctly. IE7 displayed the two IDs corectly when I used the Doc Statement:- The IDs in question are:- #right { float:right; color:#E0E0E0; background-color:#506F89; width:130px; margin-left:10px; padding:1em; } #inner { float:right; color:#000000; background-color:9EB1C0; width:110px; margin:3px; padding:0.5em; } While the code is:-

What's New

The whatsnew.php just contains text:-

Exciting news on the "Walk The Y" front!

Check out the new Walk the Y page ! All the text is displayed correctly, just the inner box with the lighter color is missing in IE7. The display differences can be seen in FF and IE7 at ww w.irish type3dna.o rg/About.p hp Any clues as to why the Doc Statement is upsetting IE7? And any suggestions to correct?