[css-d] Noob with float/div problems
Hello and thanks for letting me join your group, although it's very intimidating for a novice.I am definitely not a hand coder, but I sure have changed a lot of code by hand. I built a table oriented image heavy website no CSS. I struggle to get to first base with CSS on my top banner, it should be simple- changing the text between my logo and a gif one of my rings. It is presently a fixed size table that I think should expand to the browser. Original site http://www.equestrian-jewelry.com/index.htm - Right now I am just worried about the top banner. http://www.equestrian-jewelry.com/stylesheets/horsejewelry.css Visually what works best is http://www.equestrian-jewelry.com/test1.htm http://www.equestrian-jewelry.com/stylesheets/test.css This is what I want, the two large images are spacers for now till I get the top working. This code isn't good but displays well on IE5,6, Opera7,9 and Mozilla, even on old Netscape. I think http://www.equestrian-jewelry.com/jewelry_horse.htm is as close to proper as I can see. It even validates-but the banner doesn't layout properly. http://www.equestrian-jewelry.com/stylesheets/test.css http://www.equestrian-jewelry.com/test2.htm looks good (alternate text only shows) but the right image is dropped to low. http://www.equestrian-jewelry.com/stylesheets/banner.css I tried to keep this short but I keep wanting to cry. Can you please take a look at what I have done and offer some advise? Thanks Ken __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Noob with float/div problems
Thank you for not laughing at me and for the very constructive advise. I will get back at it tonight. Re -using h1,h2 tags. I tried that a few times but couldn't get the text to stay inside the images. Maybe with other corrections it will work. Also the borders showing originally is because I was even more of a noob then. I will persevere. I even over thought "asking for help". It is less painful than I had been thinking. Thanks again Ken __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Noob with float/div problems
It just sunk in, thanks Ken __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Noob with float/div problems
Hello Arlen. You wrote CSS for what I was hoping to accomplish #banner { padding: 3px; text-align: center; width: 858px; height: 53px; border: 3px double black;} #banner img { float: right; } #banner img#logo { float: left; } #banner p { margin: 0; padding: 0; font-weight: bold; font-size: 110%;} I will be trying to see what this does with some adjustments, thanks but please clarify you show #banner each line. Is there a reason other than MY future reference? Also if reference in a stylesheet is to an img should that preface the #name-ie img#name. Thanks Ken __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Noob Float/div problem still
I am probably asking it wrong but I am asking. Possibly a repeat post as I had html setting on email, sorry. Please review and advise. I have tried using h4, or p for a line of text below the banner separating the menu and gallery. Listed in html as a div I get the line as separation but when I link it to the style sheet for text align etc then I lose the rest. I also can't get the menu text to accept a the color gold On http://www.equestrian-jewelry.com/untitled.htm http://www.equestrian-jewelry.com/mis/Arlen2.css The image is only placed so I encounter and deal with problems-it will eventually be replaced. On Unhovergallery http://www.equestrian-jewelry.com/unhovergallery.htm http://www.equestrian-jewelry.com/mis/bannergallery.css The banner works for me. I want a line of text under it. As h4 class still I lose the rest of the page, as a div I am holding it in place but not getting the text aligning center. Menu is in gold, markers gone Great, but menu doesn't float all the way left. I have been altering and retrying things but am stymied. Ken __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] css-d Digest, Vol 63, Issue 16
[EMAIL PROTECTED] wrote: >Send css-d mailing list submissions to > css-d@lists.css-discuss.org > >To subscribe or unsubscribe via the World Wide Web, visit > http://lists.css-discuss.org/mailman/listinfo/css-d >or, via email, send a message with subject or body 'help' to > [EMAIL PROTECTED] > >You can reach the person managing the list at > [EMAIL PROTECTED] > >When replying, please edit your Subject line so it is more specific >than "Re: Contents of css-d digest..." > > >Today's Topics: > > 1. Re: background images in divs (Valerie Wininger) > 2. Re: My first tableless site - Need Advice on css mistakes. > (Big Moxy) > 3. Re: strange gaps 2 (Gunlaug S?rtun) > 4. Re: Noob Float/div problem still (Arlen Walker) > 5. Need help with IMG inside a DIV (Webmaster) > 6. Re: Need help with IMG inside a DIV (Webmaster) > 7. Re: Need help with IMG inside a DIV (Jon Hughes) > 8. Re: My first tableless site - Need Advice on css mistakes. > (David Laakso) > 9. Re: My first tableless site - Need Advice on css mistakes. > (Ibrahim Y) > 10. reply-to address (Ibrahim Y) > 11. Re: reply-to address (Geoffrey Hoffman) > 12. Re: reply-to address (Alex Robinson) > 13. i have an cross-browser issue with z-index of divs > (vincent pollard) > 14. Simple Dreamweaver/CSS question (Daniel O'Brien) > 15. Re: Need help with IMG inside a DIV (vincent pollard) > 16. Re: Simple Dreamweaver/CSS question (Chris Akins) > 17. Re: Simple Dreamweaver/CSS question (Lisa Wilcox) > 18. Re: My first tableless site - Need Advice on css mistakes. > (David Hucklesby) > 19. Re: setting background colour (David Hucklesby) > 20. Re: Simple Dreamweaver/CSS question (David Hucklesby) > 21. Re: My first tableless site - Need Advice on css mistakes. > (Kathy Wheeler) > 22. Center multiple float lefts & site check (Matthew Stoneback) > 23. Re: Center multiple float lefts & site check (Jim Davis) > > >-- > >Message: 1 >Date: Thu, 14 Feb 2008 09:21:31 -0500 >From: "Valerie Wininger" <[EMAIL PROTECTED]> >Subject: Re: [css-d] background images in divs >To: "Kristina Floyd" <[EMAIL PROTECTED]> >Cc: css-d@lists.css-discuss.org, Carrie Strongwater Drazin > <[EMAIL PROTECTED]> >Message-ID: > <[EMAIL PROTECTED]> >Content-Type: text/plain; charset=ISO-8859-1 > >I believe she fixed her problem. After my initial suggestion to specify a >width/height for those divs, she replied that she got it--I think she meant >to reply to the list, but actually only replied to me. > >Valerie >www.valeriewininger.com > >On Thu, Feb 14, 2008 at 7:06 AM, Kristina Floyd <[EMAIL PROTECTED]> >wrote: > > > >>On 11/02/2008, Carrie Strongwater Drazin <[EMAIL PROTECTED]> wrote: >> >> >>>We are trying to put dividers between paragraphs using background images >>>in divs but, they never show up. Should we not be using divs? >>> >>> >> >>HI Carrie >> >>Do you have a url we could look at? >> >>Thanks >>Kristina >>__ >>css-discuss [EMAIL PROTECTED] >>http://www.css-discuss.org/mailman/listinfo/css-d >>List wiki/FAQ -- http://css-discuss.incutio.com/ >>List policies -- http://css-discuss.org/policies.html >>Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ >> >> >> > > > > > Arlen I have been reading and trying and have started over but you hit the nail on the head with your last comment. I will deal with the others too. No offense taken. I got the first part working then .. Thanks Ken __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Help with center container
Hello I am trying again to rebuild my website, older and it seems only a little wiser. In essence three columns/boxes where center div expands and moves images. http://www.equestrian-jewelry.com/horse_and%20equine_jewelry_for_equestrians.htm Page is valid css and validates html 4.01 strict. I want to rebuid site by using css to replace "gallery container" as needed. Trying also to put div on right which I will use for "clearances or such". Ultimately will use the "more info" link in gallery container as a paypal type link. Main problem -Cross browser div with images buries under left nav menu and right div. I have tried and retried for many hours various position, float margins etc. Also the popup should be over top of the right "column" Page shows what I want in Firefox (with the exception of the gallerycontainer getting lost under the menu, almost in IE6. In Opera 9 complete gallery div is active. Google Chrome it is close. I realize many people on this list are really up to date but my customer base is often remote and slower to update computers etc so IE6 is still important to me. Also I like some dark backgounds suggested in the past( black) but personnaly prefer the readability of the light background. Thanks for taking a look Ken __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] My holy grail "galleries of Expanding div's" are almost there, IExplorer really messing with me
Hello. I am still new to this even though I feel I have been trying a long time.My website is the only one I have done and I am not sure if I should separate these into two requests for help, for now here they are. Both pages validate CSS2 and html 401 strict, menu left, expanding gallery with "html popups", and one has an expanding div on the right. Both pages display well (not perfect yet) in Firefox, Opera 9, and Chrome, in 800X600 and 1024X768 http://www.equestrian-jewelry.com/horse_and_equine_jewelry_for_equestrians.htm I have tried IE xplorer (6) hacking but really am getting nowhere. Gallery is floating center, I can't get it to move over to the menu and as well the rail div to move to the right. Also text in popup is vertical aligning. http://www.equestrian-jewelry.com/UnHoverGallery.htm IE xplorer 6 has top margin/padding issues for the gallery. The popups go way to high, bottom should be to bottom, Any help is most gratefully appreciated. Ken __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE6 floating right div drops below container
Page validates CSS and Html 401strict http://www.equestrian-jewelry.com/horse_rings.htm I have been trying all sorts of variations of % width, max-width, px width of the right div (rail) I have a gallery with larger previews in the center with a div to the right (in FF and IE8) to accommodate the preview. In Ie6 the div is below the container div. One third of my Iexplorer traffic is Ie6 How can I get this div to stay right of the container div? Please? A quick question my webstats show Mozilla 5 viewers more often than Firefox, (almost as often as Ie6). Is Moz 1.7.2 the same as it views OK there. Thanks Ken __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE6 floating right div drops below container
Peter Coates wrote: >You are trying for fluidity and a side bar. Here's a suggestion. How about >a container div width:100%. Then your float:left;width:13% left div, your >float:left;width:72% main div (as now) and your side bar as a >float:left;width:11%. Except the %s don't add up. > >Peter > >-Original Message- >From: css-d-boun...@lists.css-discuss.org >[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Ken Davies >Sent: May-30-10 3:16 PM >To: css-d@lists.css-discuss.org >Subject: [css-d] IE6 floating right div drops below container > >Page validates CSS and Html 401strict >http://www.equestrian-jewelry.com/horse_rings.htm >I have been trying all sorts of variations of % width, max-width, px >width of the right div (rail) >I have a gallery with larger previews in the center with a div to the >right (in FF and IE8) to accommodate the preview. >In Ie6 the div is below the container div. One third of my Iexplorer >traffic is Ie6 >How can I get this div to stay right of the container div? Please? >A quick question my webstats show Mozilla 5 viewers more often than >Firefox, (almost as often as Ie6). Is Moz 1.7.2 the same as it views OK >there. >Thanks >Ken >__ >css-discuss [cs...@lists.css-discuss.org] >http://www.css-discuss.org/mailman/listinfo/css-d >List wiki/FAQ -- http://css-discuss.incutio.com/ >List policies -- http://css-discuss.org/policies.html >Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > > > >__ NOD32 5156 (20100530) Information __ > >This message was checked by NOD32 antivirus system. >http://www.eset.com > > > > > Thank you Max-width gone. http://www.equestrian-jewelry.com/horse_rings.htm css rail(right) div is float left divs add to 97% it works in a lot of browsers even old. http://www.equestrian-jewelry.com/Test1.htmcss rail(div) is float left divs add to divs add to 99% http://www.equestrian-jewelry.com/Ken%27s%20corral.htm css rail div is float right- divs add to 100% __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/