Re: [css-d] weirdest wrapping issue
Angela French schrieb am 15.06.2013 00:38: I've got the weirdest wrapping issue going on at this page: http://168.156.9.250:8080/academy05-06.aspx . Currently it is rendering fine, but if I swap out the code blocks for Mari and Randy (put Randy in position 5) the last photo in the group will not render in the left most position. The thumbnail-img for Mari Kruger is 1px higher than the others. 91 instead of 90px. You could change the image or force the height via CSS. Or you could try inline-block instead of float for arranging the thunbnails it's usually more robust to such issues. Greetings Susanne -- http://sujag.de - Webentwicklung und -beratung susjae...@sujag.de Christinenstr. 36, 10119 Berlin, Tel: 030 - 443 241 73 __ css-discuss [css-d@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] weirdest wrapping issue
Try this...
remove..
p {
}
update..
div class=span11 style=width:100%;margin-top:20px;height: auto;
p.gallery {
float: left;
text-align: center;
margin: 0px;
padding: 0px;
}
create..
.gallery img {
margin: 50px 20px 10px 20px;
padding: 3px;
border: 1px solid #ccc;
background-color: #fff;
}
its currently combined with
.highslide-maincontent img
delete all the !- *** comments * -
you don't need them, your already identifying each with the ids.
Once i did all this everything lined up and had sufficient space.
HTH,
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
__
css-discuss [css-d@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] weirdest wrapping issue
I've got the weirdest wrapping issue going on at this page: http://168.156.9.250:8080/academy05-06.aspx . Currently it is rendering fine, but if I swap out the code blocks for Mari and Randy (put Randy in position 5) the last photo in the group will not render in the left most position. I know that sounds very weird, but I experimented to kingdom come with this thing and it all seems to boil down to randy. I can't figure out why. This page is one of many made from the same template and this is the only page on which I experienced this strange issue. The only reason I discovered this is because I'd like to put the people in alpha order which puts Randy in the 5th position. I had to swap him out with Mary Ellen to get it to work correctly. Angela French Internet Specialist State Board for Community and Technical Colleges 360-704-4316 afre...@sbctc.edu http://www.checkoutacollege.com/ http://www.sbctc.edu __ css-discuss [css-d@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] weirdest wrapping issue
hi Angela, it's prety strange, are you generating content via script? Because I'm getting different content in IE10 and FF21 They both break at higher browser window sizes (Dee Olsen stays vertically aligned with Randy Lawrence, and the rest of the second row drops a row) Anyway, firebug on ff shows me this nesting scheme: p class=gallery div id=LauraBrener class=highslide-maincontent p class=gallery div id=MartyCavalluzzi class=highslide-maincontent p class=gallery div id=TomHenderson class=highslide-maincontent p class=gallery div id=MaryOKeeffe class=highslide-maincontent p class=gallery p class=gallery p class=gallery div id=DeeOlson class=highslide-maincontent p class=gallery div id=DaveRector class=highslide-maincontent p class=gallery div id=BruceRiveland class=highslide-maincontent p class=gallery div id=AlexRoberts class=highslide-maincontent p class=gallery div id=RobinYoung class=highslide-maincontent while IE10 shows the source as it should (I'd have to reindent every thing to be perfectly sure, but it seams to be presenting the correct Ps and nested divs). I couldn't find anything on the css files, I would check the scripts to see how are they managing the divs, in particular, if they are relying on nth features or in ids. It does let me curious, if you solve it, please let us know! isabel On Fri, Jun 14, 2013 at 11:38 PM, Angela French afre...@sbctc.edu wrote: I've got the weirdest wrapping issue going on at this page: http://168.156.9.250:8080/academy05-06.aspx . Currently it is rendering fine, but if I swap out the code blocks for Mari and Randy (put Randy in position 5) the last photo in the group will not render in the left most position. I know that sounds very weird, but I experimented to kingdom come with this thing and it all seems to boil down to randy. I can't figure out why. This page is one of many made from the same template and this is the only page on which I experienced this strange issue. The only reason I discovered this is because I'd like to put the people in alpha order which puts Randy in the 5th position. I had to swap him out with Mary Ellen to get it to work correctly. Angela French Internet Specialist State Board for Community and Technical Colleges 360-704-4316 afre...@sbctc.edu http://www.checkoutacollege.com/ http://www.sbctc.edu __ css-discuss [css-d@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-discuss [css-d@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] weirdest wrapping issue
On Fri, Jun 14, 2013 at 6:38 PM, Angela French afre...@sbctc.edu wrote: I've got the weirdest wrapping issue going on at this page: http://168.156.9.250:8080/academy05-06.aspx . Currently it is rendering fine, but if I swap out the code blocks for Mari and Randy (put Randy in position 5) the last photo in the group will not render in the left most position. I know that sounds very weird, but I experimented to kingdom come with this thing and it all seems to boil down to randy. I can't figure out why. This page is one of many made from the same template and this is the only page on which I experienced this strange issue. The only reason I discovered this is because I'd like to put the people in alpha order which puts Randy in the 5th position. I had to swap him out with Mary Ellen to get it to work correctly. Angela French It boggles the mind. And then some. Does correcting any of the CSS parse errors relevant to that particular page make any difference? Best, David Laakso -- Chelsea Creek Studio http://ccstudi.com __ css-discuss [css-d@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/
