subject:"\[WSG\] playing with css"

Re: [WSG] playing with css

2010-01-19 Thread David Laakso


PurencoolGmail wrote:

clear : both;  that worked as well thanks

On 20/01/10 14:05, David Laakso wrote:
clear : both; 






Treat the software with respect. Things will go your way.




--
desktop
http://chelseacreekstudio.com/
mobile
http://chelseacreekstudio.mobi/



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***

RE: [WSG] playing with css

2010-01-19 Thread Thierry Koblentz

> Wow That work but why?


http://tjkdesign.com/articles/clearing-floats_and_block-formatting_context.a
sp


--
Regards,
Thierry | www.tjkdesign.com






***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***

Re: [WSG] playing with css

2010-01-19 Thread PurencoolGmail


clear : both;  that worked as well thanks

On 20/01/10 14:05, David Laakso wrote:
clear : both; 



--
John Cullen
purencool.com



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***

Re: [WSG] playing with css

2010-01-19 Thread David Laakso


PurencoolGmail wrote:

http://www.purencool.com/_webdata/downloads/templates/twoColumn/






body {
background-color : #ccc;
color : #00;
font-family : Verdana, Geneva, Arial, sans-serif;
font-size : 0.93em;
line-height : 130%;
}
#wrapper {
width : 800px;
background-color : #ff;
margin-left : auto;
margin-right : auto;
padding : 5px;
}
#heading {
width : 100%;
}
#menuA {
border-top : 1px solid red;
border-bottom : 1px solid red;
width : 100%;
}
#menuA li {
border-top : 1px solid red;
border-bottom : 1px solid red;
display : inline;
}
#menuB {
width : 25%;
float : left;
}
#content {
width : 70%;
float : left;
}
#footer {
clear : both;
width : 100%;
}
#footer ul {
border-top : 1px solid red;
border-bottom : 1px solid red;
width : 100%;
}
#footer ul li {
display : inline;
border-top : 1px solid red;
border-bottom : 1px solid red;
width : 100%;
}



--
desktop
http://chelseacreekstudio.com/
mobile
http://chelseacreekstudio.mobi/



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***

Re: [WSG] playing with css

2010-01-19 Thread PurencoolGmail


Wow That work but why?

On 20/01/10 13:34, Thierry Koblentz wrote:

I have one question I can't seem to find and answer to
below is all my css in a document I have created. It is xhtml
transitional. My document works fine except when I
add float:left; to my content div. It will not stay in the
wrapper. I know that it must be a simple answer. I have tried reading
the W3C on floating but got loss. I am trying to get the div to sit nicely
next to menuB. Can someone explain why this is happening? =)
 


Try:
#wrapper {overflow:hidden;}


--
Regards,
Thierry | www.tjkdesign.com






***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***

   



--
John Cullen
purencool.com



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***

Re: [WSG] playing with css

2010-01-19 Thread PurencoolGmail


http://www.purencool.com/_webdata/downloads/templates/twoColumn/

On 20/01/10 13:20, Jens-Uwe Korff wrote:

I have one question I can't seem to find and answer to below is all
my css in a document I have created. It is xhtml transitional.
   

Do you have a (temporary) link so we can have a look?

Cheers,

Jens

The information contained in this e-mail message and any accompanying files is 
or may be confidential. If you are not the intended recipient, any use, 
dissemination, reliance, forwarding, printing or copying of this e-mail or any 
attached files is unauthorised. This e-mail is subject to copyright. No part of 
it should be reproduced, adapted or communicated without the written consent of 
the copyright owner. If you have received this e-mail in error please advise 
the sender immediately by return e-mail or telephone and delete all copies. 
Fairfax does not guarantee the accuracy or completeness of any information 
contained in this e-mail or attached files. Internet communications are not 
secure, therefore Fairfax does not accept legal responsibility for the contents 
of this message or attached files.


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***

   



--
John Cullen
purencool.com



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***

RE: [WSG] playing with css

2010-01-19 Thread Thierry Koblentz

> I have one question I can't seem to find and answer to
> below is all my css in a document I have created. It is xhtml
> transitional. My document works fine except when I
> add float:left; to my content div. It will not stay in the
> wrapper. I know that it must be a simple answer. I have tried reading
> the W3C on floating but got loss. I am trying to get the div to sit nicely
> next to menuB. Can someone explain why this is happening? =)


Try: 
#wrapper {overflow:hidden;}


--
Regards,
Thierry | www.tjkdesign.com






***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***

RE: [WSG] playing with css

2010-01-19 Thread Jens-Uwe Korff

>> I have one question I can't seem to find and answer to below is all 
>> my css in a document I have created. It is xhtml transitional. 

Do you have a (temporary) link so we can have a look?

Cheers,

Jens 

The information contained in this e-mail message and any accompanying files is 
or may be confidential. If you are not the intended recipient, any use, 
dissemination, reliance, forwarding, printing or copying of this e-mail or any 
attached files is unauthorised. This e-mail is subject to copyright. No part of 
it should be reproduced, adapted or communicated without the written consent of 
the copyright owner. If you have received this e-mail in error please advise 
the sender immediately by return e-mail or telephone and delete all copies. 
Fairfax does not guarantee the accuracy or completeness of any information 
contained in this e-mail or attached files. Internet communications are not 
secure, therefore Fairfax does not accept legal responsibility for the contents 
of this message or attached files.


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***

Re: [WSG] playing with css

2010-01-19 Thread PurencoolGmail

Yes that is what I thought!
But if I do that it makes it worse.
It does not matter how many
float lefts you place in to the css!

see the example attached.

On 20/01/10 12:08, David Laakso wrote:

PurencoolGmail wrote:

hi webstandards group.

I have one question I can't seem to find and answer to
below is all my css in a document I have created. It is xhtml
transitional. My document works fine except when I
add float:left; to my content div. It will not stay in the
wrapper. I know that it must be a simple answer. I have tried reading
the W3C on floating but got loss. I am trying to get the div to sit
nicely

next to menuB. Can someone explain why this is happening? =)

Add float: left; to #menuB?

--
John Cullen
purencool.com

***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***

Logo

Menu
Menu
Menu
Menu
Menu

Heading
alakd aldkeww cncakek ccnakdkeal akkekal ekakk a kek akdmema alake lkdfrjal ladkej kaldkelal l
adareasd aoosoe akkdekewne a ada;elead akekalalaldkrkala0 000 ae ndadkfjdfjekal maekd na andelk
Heading 2
ajkfala nandn a e adad aeiwonv what is the isldfa adfada adfga lllald a faaala
Heading 3
akdkakakdf alkaldladsl akadfaf vfnaf
akakdkkdkkdkaldk kakdfjad

Link
Link
Link
Link

***List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfmUnsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfmHelp: memberh...@webstandardsgroup.org***

Re: [WSG] playing with css

2010-01-19 Thread David Laakso


PurencoolGmail wrote:

hi webstandards group.

I have one question I can't seem to find and answer to
below is all my css in a document I have created. It is xhtml
transitional. My document works fine except when I
add float:left; to my content div. It will not stay in the
wrapper. I know that it must be a simple answer. I have tried reading
the W3C on floating but got loss. I am trying to get the div to sit 
nicely

next to menuB. Can someone explain why this is happening? =)








Add float: left; to #menuB?


~d


--
desktop
http://chelseacreekstudio.com/
mobile
http://chelseacreekstudio.mobi/



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***

[WSG] playing with css

2010-01-19 Thread PurencoolGmail


hi webstandards group.

I have one question I can't seem to find and answer to
below is all my css in a document I have created. It is xhtml
transitional. My document works fine except when I
add float:left; to my content div. It will not stay in the
wrapper. I know that it must be a simple answer. I have tried reading
the W3C on floating but got loss. I am trying to get the div to sit nicely
next to menuB. Can someone explain why this is happening? =)




body {
background-image:url('images/back.gif');
color:#404040;
font-family:Verdana,Geneva,Arial,sans-serif;
font-size:.93em;
line-height:130%;
}

/*document container*/
#wrapper{
width:800px;
background-color:#ff;
margin-left: auto;
margin-right: auto;
padding: 5px;
}
/*end of document container*/
/*document structure*/
#heading{
width:100%;

}

#menuA{
width:100%;

}
#menuB{
width:25%;

}

#content{
width:70%;
float:left;
}

#footer{
   width:100%;

}


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***

Re: [WSG] playing with css

RE: [WSG] playing with css

Re: [WSG] playing with css

Re: [WSG] playing with css

Re: [WSG] playing with css

Re: [WSG] playing with css

RE: [WSG] playing with css

RE: [WSG] playing with css

Re: [WSG] playing with css

Re: [WSG] playing with css

[WSG] playing with css

11 matches

Site Navigation

Mail list logo

Footer information