Re: [WSG] Headings don't line up in firefox
Adam Ohannessian wrote:
You need to add
clear:both;
That did the trick.
Thanks Adam!
into .GroupHeading
Cheers,
Adam Ohannessian
Consulting Services Manager
Billarga Pty Ltd
Phone +61 2 9437 5254
Fax +61 2 9437 5234
Email [EMAIL PROTECTED]
Web www.billarga.com
DanTheMan wrote:
Hi all!
I was wondering if you could help me with a page that I am currently
working on.
Here it is:
http://www.blomstersmedien.dk/web-butik/
It is basically a list of items images grouped together in different
categories.
I have done the following:
h3Oversigt over varerne i web-butikken/h3
h4 class='GroupHeading'Buketter/h4
div class='GroupContainer'
div class='ItemContainer'
p class='ItemThumbnail' align='center'a
href='/web-butik/1#ItemTitle'img
src='/webshop.local/images/hjertebuket_thumb.jpg' //a/p
p align='center'a href='/webshop/1'Valentin / hjerte buket/a/p
/div
Unfortunately the h4 headings don't display the way I intend in
firefox but the layout is what I want when viewed in IE.
Here is my CSS:
.GroupContainer {
width: 650px;
margin-bottom: 20px;
margin-left: 20px;
}
.ItemContainer {
background-color: #ff;
float: left;
width: 180px;
height: 250px;
padding: 5px;
margin-right: 15px;
margin-bottom: 10px;
border: 1px solid #000;
}
.ItemThumbnail {
height: 180px;
}
.GroupHeading {
width: 650px;
height: 25px;
}
Any help would be appreciated.
Regards from Denmark
Dan
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
[WSG] div auto scaling question
hello all,
Im probably doing something stupid,
How can i get div class=text to auto scale to full space between div
class=image and the edge of wrapper1. This is to accomodate different
image widths. The hang up is I also need a max paragraph width of 200px.
Right now the when i set the paragraph width the div just scales to that
width. Basically i want the div class =text to scale fit the surrounding
horizontal space not the content inside.
xHTML like this
div id=wrapper1
div class=image/div
div class=textp some body copy here/p/div
/div
And CSS like this
#wrapper1{
width:760px;
margin: 12px 20px 0 0;}
div.image{
margin:5px 0 0 1px;
float:left; padding:5px;
background-color: #DD;
border: 2px solid #D1CBAE;
}
div.text{
margin:5px 23px 0 0px;
padding:9px 5px 5px 9px;
float:right; border: 2px solid #D1CBAE;
background-color:#DD;}
p{width:200px;} also i tried max width
if you need a visual here it is
http://www.mcmonagle.biz/newindex5.htm
-best kvnmcwebn
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
[WSG] One clean markup, many layouts
I would appreciate your feedback so I can improve this article: http://www.tjkdesign.com/articles/liquid.asp Regards, Thierry | www.TJKDesign.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] Styling legends and fieldsets
This really is a rhetorical question born of frustration, but why is the styling of legends and fieldsets so bad across browsers? Why can't you, visually, place the legend wherever you want? Even just being able to place it above the fieldset without overlaps and having the legend sit halfway on and halfway off the fieldset background would be nice! Is there any technical reason why this can't be implemented by browsers? It would certainly help in producing accessible forms if we didn't have to say, we can use legend and be properly accessible, or we can use heading and be able to place it where we want, but we can't use legend and place/style how we want. Choose one. Mike ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Styling legends and fieldsets
On 10/19/05, Mike Brown [EMAIL PROTECTED] wrote: This really is a rhetorical question born of frustration... It would certainly help in producing accessible forms if we didn't have to say, we can use legend and be properly accessible, or we can use heading and be able to place it where we want, but we can't use legend and place/style how we want. Choose one. Yes. -- Joshua Street http://www.joahua.com/ +61 (0) 425 808 469 N���.�Ȩ�X���+��i�� n�Z�֫v�+��h��y�m�쵩�j�l��.f���.�ץ�w�q(��b��(��,�)උazX����)��
