Problem with CSS and text

Discussion in 'HTML' started by claudia, Mar 5, 2010.

  1. claudia

    claudia Guest

    I've a page with this structure:


    <div id="wrap" align="center">
    <div id="main">

    <div id="banner" align="center">
    ......
    </div>

    <div class="content">
    <div class="bar" id="BarSSSSSS"></div>
    <div align="center">

    </div>
    </div>

    <div class="content">
    <div class="bar" id="BarEEEEEEE"></div>
    <div align="left">
    <img ...>
    dnskfasklf dsfsdfjds fsdkfj dsfdjs klfkldsf dsklf jdsklfj
    dsfjldsfds
    </div>
    </div>

    <div class="content">
    <div class="bar" id="BarNNNNNNN"></div>
    <div align="left">

    ........
    </div>
    </div>

    <div class="footer">
    <div class="bar" id="FooterBar1"></div>
    </div>

    <div class="footer">
    <div class="bar" id="FooterBar2"></div>
    </div>

    <div class="footer">
    <div class="bar" id="FooterBar3"></div>
    </div>

    </div>


    As you show I've 3 areas:

    BarSSSSS
    BarEEEEE
    BarNNNNN

    in each area I've a title (image with the title of the area) and the content



    Under BarEEEEE

    I've inserted a text

    dnskfasklf dsfsdfjds fsdkfj dsfdjs klfkldsf dsklf jdsklfj dsfjldsfds

    but I'd like that this text is fixed in the area of the BarEEEEE

    with my layout, the text is all on the same row and the near box moves
    in another row



    I'd like to have 3 boxes (title + content)

    and (separated) 3 footer area (3 images)


    if a text in a specified area of the 3 boxes is more long I would like
    that the layout is the same ... no problem in near boxes and no problem
    in footer boxes

    Can you help me?

    Thanks


    body
    {
    margin:0;
    padding:0;
    background:#3b6279 url(images/background.png) repeat-x center ;
    height:750px
    }






    #wrap
    {
    width: 100%;
    height: 100%;
    }

    #main
    {
    width: 980px;
    height: 100%;
    }

    #main p
    {
    padding: 10px;
    }

    #menu
    {
    margin-top: 100px;
    width: 980px;
    background: #ffffff;
    }

    #banner
    {
    margin-top: 8px;
    width: 980px;
    }

    #bar
    {
    margin-left: 0px;
    width: 980px;
    }


    div.content
    {
    float: left;
    }

    div.content div.bar
    {
    height: 60px;
    }


    div.footer
    {
    width: 33%;
    float: left;
    }

    div.footer div.bar
    {
    height: 70px;
    }




    #BarSSSSSS
    {
    width: 518px;
    margin-top: 8px;
    height: 58px;
    background: url(images/bar_SSSSSS.png) no-repeat;
    }

    #BarEEEEEEE
    {
    width: 231px;
    margin-top: 8px;
    height: 58px;
    background: url(images/bar_evidenza.png) no-repeat;
    }

    #BarNNNNNNN
    {
    width: 231px;
    margin-top: 8px;
    height: 58px;
    background: url(images/bar_evidenza.png) no-repeat;
    }



    #FooterBar1
    {
    width: 334px;
    margin-top: 8px;
    height: 70px;
    background: url(images/bar_down.png) no-repeat;
    }

    #FooterBar2
    {
    width: 334px;
    margin-left: 12px;
    margin-top: 8px;
    height: 70px;
    background: url(images/bar_down.png) no-repeat;
    }


    #FooterBar3
    {
    width: 334px;
    margin-left: 22px;
    margin-top: 8px;
    height: 70px;
    background: url(images/bar_down.png) no-repeat;
    }

    </div>
    claudia, Mar 5, 2010
    #1
    1. Advertising

  2. claudia wrote:

    > I've a page with this structure:


    URL?

    --
    -bts
    -Four wheels carry the body; two wheels move the soul
    Beauregard T. Shagnasty, Mar 5, 2010
    #2
    1. Advertising

  3. claudia

    richard Guest

    On Fri, 05 Mar 2010 22:58:34 +0100, claudia wrote:

    > I've a page with this structure:
    >
    >
    > <div id="wrap" align="center">
    > <div id="main">
    >
    > <div id="banner" align="center">


    Learn how to use css properly.
    Align=center is not a property of css as you show it.

    <div id=wrap style="text-align:center;">

    This causes the text to be aligned in the center of the division.

    <div id=wrap style="margin:auto;">

    Causes the division to be centered in the container.
    That is, equal margins left and right.

    You are trying to mix table notation with division styling which ain't
    gonna happen.
    richard, Mar 5, 2010
    #3
  4. claudia

    rf Guest

    richard wrote:
    > On Fri, 05 Mar 2010 22:58:34 +0100, claudia wrote:
    >
    >> I've a page with this structure:
    >>
    >>
    >> <div id="wrap" align="center">
    >> <div id="main">
    >>
    >> <div id="banner" align="center">

    >
    > Learn how to use css properly.
    > Align=center is not a property of css as you show it.


    That's because it's an HTML attribute, RtS.

    > <div id=wrap style="text-align:center;">
    >
    > This causes the text to be aligned in the center of the division.
    >
    > <div id=wrap style="margin:auto;">
    >
    > Causes the division to be centered in the container.
    > That is, equal margins left and right.
    >
    > You are trying to mix table notation with division styling which ain't
    > gonna happen.


    Where is the "table notation" in the original post?

    <checks> Yes, I see exactly zero table, tr and td elements.
    rf, Mar 5, 2010
    #4
  5. claudia

    Roy A. Guest

    On 6 Mar, 00:05, "rf" <> wrote:
    > richard wrote:
    > > On Fri, 05 Mar 2010 22:58:34 +0100, claudia wrote:

    >
    > >> I've a page with this structure:

    >
    > >> <div id="wrap" align="center">
    > >> <div id="main">

    >
    > >> <div id="banner" align="center">

    >
    > > Learn how to use css properly.
    > > Align=center is not a property of css as you show it.

    >
    > That's because it's an HTML attribute, RtS.
    >
    > > <div id=wrap style="text-align:center;">

    >
    > > This causes the text to be aligned in the center of the division.

    >
    > > <div id=wrap style="margin:auto;">

    >
    > > Causes the division to be centered in the container.
    > > That is, equal margins left and right.

    >
    > > You are trying to mix table notation with division styling which ain't
    > > gonna happen.

    >
    > Where is the "table notation" in the original post?
    >
    > <checks> Yes, I see exactly zero table, tr and td elements.


    In HTML 4.01 Transitional you have an align attribute for div
    elements.
    http://www.w3.org/TR/html401/index/attributes.html
    Roy A., Mar 5, 2010
    #5
  6. claudia

    Roy A. Guest

    On 5 Mar, 23:34, richard <> wrote:
    > On Fri, 05 Mar 2010 22:58:34 +0100, claudia wrote:
    > > I've a page with this structure:

    >
    > > <div id="wrap" align="center">
    > > <div id="main">

    >
    > > <div id="banner" align="center">

    >
    > Learn how to use css properly.
    > Align=center is not a property of css as you show it.
    >
    > <div id=wrap style="text-align:center;">
    >
    > This causes the text to be aligned in the center of the division.
    >
    > <div id=wrap style="margin:auto;">
    >
    > Causes the division to be centered in the container.
    > That is, equal margins left and right.
    >
    > You are trying to mix table notation with division styling which ain't
    > gonna happen.


    In HTML 4.01 Transitional you have an align attribute for div
    elements. So align is not just for tables.
    http://www.w3.org/TR/html401/index/attributes.html
    Roy A., Mar 5, 2010
    #6
  7. claudia

    richard Guest

    On Fri, 5 Mar 2010 15:34:55 -0800 (PST), Roy A. wrote:

    > On 6 Mar, 00:05, "rf" <> wrote:
    >> richard wrote:
    >>> On Fri, 05 Mar 2010 22:58:34 +0100, claudia wrote:

    >>
    >>>> I've a page with this structure:

    >>
    >>>> <div id="wrap" align="center">
    >>>> <div id="main">

    >>
    >>>> <div id="banner" align="center">

    >>
    >>> Learn how to use css properly.
    >>> Align=center is not a property of css as you show it.

    >>
    >> That's because it's an HTML attribute, RtS.
    >>
    >>> <div id=wrap style="text-align:center;">

    >>
    >>> This causes the text to be aligned in the center of the division.

    >>
    >>> <div id=wrap style="margin:auto;">

    >>
    >>> Causes the division to be centered in the container.
    >>> That is, equal margins left and right.

    >>
    >>> You are trying to mix table notation with division styling which ain't
    >>> gonna happen.

    >>
    >> Where is the "table notation" in the original post?
    >>
    >> <checks> Yes, I see exactly zero table, tr and td elements.

    >
    > In HTML 4.01 Transitional you have an align attribute for div
    > elements.
    > http://www.w3.org/TR/html401/index/attributes.html


    yeah you stupid dumbfuck and please read exactly where it is allowed to be
    placed. Is it allowed in "div"? No.
    richard, Mar 6, 2010
    #7
  8. richard wrote:

    > yeah you stupid dumbfuck and please read exactly where it is allowed to be
    > placed. Is it allowed in "div"? No.


    Wrong.

    http://www.w3.org/TR/html401/index/attributes.html

    "align DIV, H1, H2, H3, H4, H5, H6, P (left | center | right |
    justify) #IMPLIED D L align, text alignment"

    Yes it is deprecated, but still allowed.

    --
    Take care,

    Jonathan
    -------------------
    LITTLE WORKS STUDIO
    http://www.LittleWorksStudio.com
    Jonathan N. Little, Mar 6, 2010
    #8
  9. claudia

    dorayme Guest

    In article <4pffk9qcma1$>,
    richard <> wrote:

    > On Fri, 5 Mar 2010 15:34:55 -0800 (PST), Roy A. wrote:
    >

    ....
    > > In HTML 4.01 Transitional you have an align attribute for div
    > > elements.
    > > http://www.w3.org/TR/html401/index/attributes.html

    >
    > yeah you stupid dumbfuck and please read exactly where it is allowed to be
    > placed. Is it allowed in "div"? No.


    The stupid dfing mfers at

    <http://www.w3.org/TR/html401/present/graphics.html#adef-align>

    place it squarely in the opening tag of a div element. That it is
    deprecated for 4.01 Strict is another issue.

    --
    dorayme
    dorayme, Mar 6, 2010
    #9
  10. claudia

    richard Guest

    On Sat, 06 Mar 2010 13:41:45 +1100, dorayme wrote:

    > In article <4pffk9qcma1$>,
    > richard <> wrote:
    >
    >> On Fri, 5 Mar 2010 15:34:55 -0800 (PST), Roy A. wrote:
    >>

    > ...
    >>> In HTML 4.01 Transitional you have an align attribute for div
    >>> elements.
    >>> http://www.w3.org/TR/html401/index/attributes.html

    >>
    >> yeah you stupid dumbfuck and please read exactly where it is allowed to be
    >> placed. Is it allowed in "div"? No.

    >
    > The stupid dfing mfers at
    >
    > <http://www.w3.org/TR/html401/present/graphics.html#adef-align>
    >
    > place it squarely in the opening tag of a div element. That it is
    > deprecated for 4.01 Strict is another issue.


    Now do all of you fine people understand what "deprecated" means?
    While the validator may still accept the code as kosher, it is more proper
    and more correct to use these attributes inside the style section.
    richard, Mar 6, 2010
    #10
  11. claudia

    rf Guest

    richard wrote:
    > On Sat, 06 Mar 2010 13:41:45 +1100, dorayme wrote:
    >
    >> In article <4pffk9qcma1$>,
    >> richard <> wrote:
    >>
    >>> On Fri, 5 Mar 2010 15:34:55 -0800 (PST), Roy A. wrote:
    >>>

    >> ...
    >>>> In HTML 4.01 Transitional you have an align attribute for div
    >>>> elements.
    >>>> http://www.w3.org/TR/html401/index/attributes.html
    >>>
    >>> yeah you stupid dumbfuck and please read exactly where it is
    >>> allowed to be placed. Is it allowed in "div"? No.


    Richard the St00pid, being just plain wrong again.

    >> The stupid dfing mfers at
    >>
    >> <http://www.w3.org/TR/html401/present/graphics.html#adef-align>
    >>
    >> place it squarely in the opening tag of a div element. That it is
    >> deprecated for 4.01 Strict is another issue.

    >
    > Now do all of you fine people understand what "deprecated" means?


    Yes, just about everybody here does. Do you RtS?

    > While the validator may still accept the code as kosher, it is more
    > proper and more correct to use these attributes inside the style
    > section.


    There is no such thing as an attribute "inside the style section". You are
    probably talking about property/value pairs inside the style element.

    Why don't you crawl back to 24hourssupport.helpdesk, or that trucking group,
    where your gross inaccuracies are less of a problem. And people in these
    technical groups do not appreciate being called a stupid dumbfuck, you
    st00pid dumfuck.
    rf, Mar 6, 2010
    #11
  12. claudia

    Roy A. Guest

    On 6 Mar, 03:14, richard <> wrote:
    > On Fri, 5 Mar 2010 15:34:55 -0800 (PST), Roy A. wrote:
    > > On 6 Mar, 00:05, "rf" <> wrote:
    > >> richard wrote:
    > >>> On Fri, 05 Mar 2010 22:58:34 +0100, claudia wrote:

    >
    > >>>> I've a page with this structure:

    >
    > >>>> <div id="wrap" align="center">
    > >>>> <div id="main">

    >
    > >>>> <div id="banner" align="center">

    >
    > >>> Learn how to use css properly.
    > >>> Align=center is not a property of css as you show it.

    >
    > >> That's because it's an HTML attribute, RtS.

    >
    > >>> <div id=wrap style="text-align:center;">

    >
    > >>> This causes the text to be aligned in the center of the division.

    >
    > >>> <div id=wrap style="margin:auto;">

    >
    > >>> Causes the division to be centered in the container.
    > >>> That is, equal margins left and right.

    >
    > >>> You are trying to mix table notation with division styling which ain't
    > >>> gonna happen.

    >
    > >> Where is the "table notation" in the original post?

    >
    > >> <checks> Yes, I see exactly zero table, tr and td elements.

    >
    > > In HTML 4.01 Transitional you have an align attribute for div
    > > elements.
    > >http://www.w3.org/TR/html401/index/attributes.html

    >
    > yeah you stupid dumbfuck


    my pleasure

    > and please read exactly where it is allowed to be
    > placed. Is it allowed in "div"? No.


    Line 11 in the above table. It is deprecated, but I said HTML 4.01
    *Transitional*. The *Loose DTD* tells you exactly where it is allowed.

    <!ATTLIST DIV
    %attrs; -- %coreattrs, %i18n, %events --
    %align; -- align, text alignment --
    %reserved; -- reserved for possible future use --
    >


    <!ENTITY % align "align (left|center|right|justify) #IMPLIED"
    -- default is left for ltr paragraphs, right for
    rtl -->

    http://www.w3.org/TR/html4/sgml/loosedtd.html
    Roy A., Mar 6, 2010
    #12
  13. claudia

    claudia Guest


    > <div id=wrap style="text-align:center;">
    >
    > This causes the text to be aligned in the center of the division.
    >
    > <div id=wrap style="margin:auto;">



    But is this my problem???

    I've tried to change it but I have the same problem :-(((
    claudia, Mar 6, 2010
    #13
  14. claudia wrote:

    > But is this my problem???
    >
    > I've tried to change it but I have the same problem :-(((


    URL?

    --
    -bts
    -Four wheels carry the body; two wheels move the soul
    Beauregard T. Shagnasty, Mar 6, 2010
    #14
  15. claudia

    claudia Guest

    Beauregard T. Shagnasty ha scritto:
    > claudia wrote:
    >
    >> But is this my problem???
    >>
    >> I've tried to change it but I have the same problem :-(((

    >
    > URL?
    >


    Excuse me but I dont' have a public server!!!

    If you give me mail address I send you a zip page

    Thanks
    claudia, Mar 6, 2010
    #15
  16. Gazing into my crystal ball I observed claudia <>
    writing in news:BVtkn.129665$:

    > Beauregard T. Shagnasty ha scritto:
    >> claudia wrote:
    >>
    >>> But is this my problem???
    >>>
    >>> I've tried to change it but I have the same problem :-(((

    >>
    >> URL?
    >>

    >
    > Excuse me but I dont' have a public server!!!
    >
    > If you give me mail address I send you a zip page
    >
    > Thanks
    >


    No one is going to do your "homework" for you, and no one wants to open a
    potentially virus ridden zipfile.

    Put what you have on a public server. There are plenty of free hosting
    services where you can put something up, your ISP probably gives you some
    free space. Come back with a URL and we'll be happy to look at it.


    --
    Adrienne Boswell at Home
    Arbpen Web Site Design Services
    http://www.cavalcade-of-coding.info
    Please respond to the group so others can share
    Adrienne Boswell, Mar 6, 2010
    #16
  17. claudia

    claudia Guest


    > and no one wants to open a potentially virus ridden zipfile.


    aahahahahahahahahahahahahah

    I hope that you're so expert that you can know if a file is a virus ....
    or are you so naive?


    ahahahahahahahahahahahaahhaahhahahahahahahahahahaahahhahahahahahahahaha
    claudia, Mar 6, 2010
    #17
  18. claudia wrote:

    > Beauregard T. Shagnasty ha scritto:
    >> claudia wrote:
    >>> But is this my problem???
    >>> I've tried to change it but I have the same problem :-(((

    >>
    >> URL?

    >
    > Excuse me but I dont' have a public server!!!


    I assumed (as probably did everyone reading here) that you were working
    on a web page destined for the WWW - in which case you have hosting.

    If you are unlucky and your ISP doesn't supply free space (as Adrienne
    suggested), try this place:
    http://000webhosting.com/
    (fine for some testing but I'd not recommend it for a permanent site.
    They've been known to just remove accounts with no warning.)

    > If you give me mail address I send you a zip page


    ...and you want to use one of my servers? Thanks, but no thanks.

    You see, those 200 lines of code you posted are so incomplete it is
    impossible to guess exactly what your problem could be. You only gave
    fragments, which did not include your choice of DOCTYPE, a <head> block,
    and so forth. You also showed a hundred lines of CSS with a trailing
    </div> tag, which would be invalid.

    There is little anyone can do until we see a complete page.

    --
    -bts
    -Four wheels carry the body; two wheels move the soul
    Beauregard T. Shagnasty, Mar 6, 2010
    #18
  19. claudia

    Roy A. Guest

    On 6 Mar, 15:46, claudia <> wrote:
    > Beauregard T. Shagnasty ha scritto:
    >
    > > claudia wrote:

    >
    > >> But is this my problem???

    >
    > >> I've tried to change it but I have the same problem :-(((

    >
    > > URL?

    >
    > Excuse me but I dont' have a public server!!!


    Check libero.it, you can't be the only one that don't get some free
    space.

    Liberio givs you at least 150MB free space. Hit the "read more" link:
    http://internet.libero.it/dialup56k/#

    > If you give me mail address I send you a zip page


    Yes, of course. Why don't you do some work?
    Roy A., Mar 6, 2010
    #19
  20. claudia

    dorayme Guest

    In article <hmu8ep$kru$-september.org>,
    "Beauregard T. Shagnasty" <> wrote:

    > claudia wrote:
    >
    > > Beauregard T. Shagnasty ha scritto:
    > >> claudia wrote:
    > >>> But is this my problem???
    > >>> I've tried to change it but I have the same problem :-(((
    > >>
    > >> URL?

    > >
    > > Excuse me but I dont' have a public server!!!


    >
    > There is little anyone can do until we see a complete page.


    That is, without declaring to the whole world that we have no
    life and are prepared to guess and reconstruct and ... Think of
    supplying a URL as an act of charity *towards* us, a face saving
    device... <g>

    --
    dorayme
    dorayme, Mar 6, 2010
    #20
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. tom watson

    print.css and screen.css

    tom watson, Sep 9, 2003, in forum: HTML
    Replies:
    1
    Views:
    452
    Jukka K. Korpela
    Sep 9, 2003
  2. =?ISO-8859-1?Q?G=E9rard_Talbot?=

    Whining and bitching about MSIE 6 CSS bugs and CSS support

    =?ISO-8859-1?Q?G=E9rard_Talbot?=, Jul 9, 2005, in forum: HTML
    Replies:
    0
    Views:
    404
    =?ISO-8859-1?Q?G=E9rard_Talbot?=
    Jul 9, 2005
  3. Joe Blow

    CSS bolding text problem

    Joe Blow, Dec 28, 2005, in forum: HTML
    Replies:
    3
    Views:
    556
    Mitja Trampus
    Dec 28, 2005
  4. leo
    Replies:
    1
    Views:
    267
    Bob Lehmann
    Dec 5, 2005
  5. Replies:
    1
    Views:
    202
    Randy Webb
    Feb 19, 2006
Loading...

Share This Page