Problem with CSS and text

C

claudia

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>
 
R

richard

I've a page with this structure:


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

<div id="banner" align="center">
Click to expand...

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.
 
R

rf

richard said:
Learn how to use css properly.
Align=center is not a property of css as you show it.
Click to expand...

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.
Click to expand...

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

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

Roy A.

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.
Click to expand...

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
 
R

rf

Richard the St00pid, being just plain wrong again.
Now do all of you fine people understand what "deprecated" means?
Click to expand...

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.
Click to expand...

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.
 
R

Roy A.

yeah you stupid dumbfuck
Click to expand...

my pleasure
and please read exactly where it is allowed to be
placed. Is it allowed in "div"? No.
Click to expand...

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 --
>
Click to expand...

<!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
 
C

claudia

<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;">
Click to expand...


But is this my problem???

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

Adrienne Boswell

Beauregard T. Shagnasty ha scritto:

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

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

Thanks
Click to expand...

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.
 
C

claudia

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

aahahahahahahahahahahahahah

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


ahahahahahahahahahahahaahhaahhahahahahahahahahahaahahhahahahahahahahaha
 
B

Beauregard T. Shagnasty

claudia said:
Beauregard T. Shagnasty ha scritto:

Excuse me but I dont' have a public server!!!
Click to expand...

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
Click to expand...

...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.
 
D

dorayme

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

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>
 

Ask a Question

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

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

Stuck with html and css 25
Positioning CSS components 1
Having difficulty with the layout of these images / video for this web page 2
Help with Visual Lightbox: Scripts 2
Help with code 0
Trouble with css 4
Help with my responsive home page 2
Working on mobile css menu with plenty of frustration! 2

Members online

Total: 32 (members: 1, guests: 31)
Robots: 332

Forum statistics

Threads
473,767
Messages
2,569,572
Members
45,045
Latest member
DRCM

Latest Threads

Top