Help | Site Map
Connecting Tech Pros Worldwide
 
 
LinkBack Thread Tools
  #1  
Old July 7th, 2008, 11:15 PM
Liam Gibbs
Guest
 
Posts: n/a
Default Major problems with CSS layouts using DIVs and SPANs

Hello everyone,

This will be my third time posting this, but for some reason, my
message isn't get through to the newsgroup, even after hours of
waiting. So here goes again.

I'm having huge problems with a site I'm creating for a church. I'm
trying to use DIVs and SPANs for the layout, not a table, but I'm
honestly thinking of just going with the table since it's MUUUCCCCHHH
less of a headache. My page can be found at http://www.altmarvel.net/Liam/index.html
and my CSS can be found at http://www.altmarvel.net/Liam/OCOC.css.
What I need the page to look like can be found at
http://www.altmarvel.net/Liam/whatineed.bmp. My problems are these:

1. The search stuff should appear horizontally in line with the menu
and on the right side of the page, not below it.

2. On the left side of the border division of the main page, the boxes
should appear two by two, not each on its own row. They don't no
matter their widths.

3. In the bottom-right corner is the copyright info and the Back to
Top link, which is the footer. This should appear at the bottom of the
page. I have no idea what it's doing there.

4. In IE (but not in Firefox) the whole page gets cut off right below
the footer. I don't know why.

Can anyone help please? If I don't get an answer, I'm going to go with
the frowned-upon tables-for-layout method because, even if they
weren't meant for such, at least they'll work... and they won't make
me want to toss my computer out the window.

Thanks to anyone with any ideas.
  #2  
Old July 8th, 2008, 12:15 AM
John Hosking
Guest
 
Posts: n/a
Default Re: Major problems with CSS layouts using DIVs and SPANs

Liam Gibbs wrote:
Quote:
>
This will be my third time posting this, but for some reason, my
message isn't get through to the newsgroup, even after hours of
waiting. So here goes again.
>
I'm having huge problems with a site I'm creating for a church. I'm
trying to use DIVs and SPANs for the layout, not a table, but I'm
honestly thinking of just going with the table since it's MUUUCCCCHHH
less of a headache. My page can be found at http://www.altmarvel.net/Liam/index.html
and my CSS can be found at http://www.altmarvel.net/Liam/OCOC.css.
What I need the page to look like can be found at
http://www.altmarvel.net/Liam/whatineed.bmp.
There seems to be some (or more than just some) confusion: this is a
bitmap image file of a page that seems to be missing its styling and
graphics, and which has to do with Marvel comics. The rest of this post
and the other one I mention below seem to refer to the Ottawa Church of
Christ. Now, I've known people who were religious about their comic
books, but I think you're getting some things mixed up. ;-)
Quote:
My problems are these:
[snipped]
Quote:
>
Can anyone help please? If I don't get an answer, I'm going to go with
the frowned-upon tables-for-layout method because, even if they
weren't meant for such, at least they'll work... and they won't make
me want to toss my computer out the window.
>
Thanks to anyone with any ideas.
Yes, it looks like your first post has disappeared, but you're getting
answers at what I believe to be your second attempt, under
<bb833e31-20f8-4f0b-8a8b-9b8ecc854faf@34g2000hsf.googlegroups.com>


--
John
Pondering the value of the UIP: http://improve-usenet.org/
  #3  
Old July 8th, 2008, 03:05 AM
dorayme
Guest
 
Posts: n/a
Default Re: Major problems with CSS layouts using DIVs and SPANs

In article
<1eaccd9f-d5bb-4a88-a1ec-309f26f2cc46@c58g2000hsc.googlegroups.com>,
Liam Gibbs <liamgibbs@sympatico.cawrote:
Quote:
Hello everyone,
>
This will be my third time posting this...
I'm having huge problems ...
http://www.altmarvel.net/Liam/index.html
People are perhaps not replying because you are appear to be too far
behind the learning curve and it being hard to know where to begin. They
may be supposing you should go through the tutes at:

<http://htmldog.com/guides/htmlbeginner/>

But, luckily, I am not human and so I give you a few things below that
might help get you going a bit. First thing to do is never for the next
6 months use SPAN. You have overdone these to death and are now banned
from them for your own good <g>
Quote:
>
1. The search stuff should appear horizontally in line with the menu
and on the right side of the page, not below it.
>
Make the navigation strip a UL list and one CSS way to get horiz is to
specify: li {display: inline; ...}. Along with paddings and margins to
suit your needs. Better than your spans and complicated CSS for them.
Quote:
2. On the left side of the border division of the main page, the boxes
should appear two by two, not each on its own row. They don't no
matter their widths.
If you want boxes to be side by side, you can use divs and float them.
It is simple enough, css: div {float: left; ...} with margins and
paddings to suit. You need to make sure there is room for the two to be
side by side.

You also need to understand the css "clear" for when you put in your
next two boxes below. The first of the second pair will, in effect, have
clear: left; on it to stop an attempt for all the boxes to be on one
line.

Quote:
3. In the bottom-right corner is the copyright info and the Back to
Top link, which is the footer. This should appear at the bottom of the
page. I have no idea what it's doing there.
>
Forget about back to top. No one needs it and you are wasting energy.
Quote:
>
Can anyone help please? If I don't get an answer, I'm going to go with
the frowned-upon tables-for-layout method
If you are in a hurry, I think you better carry out that threat!

--
dorayme
 

Bookmarks


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are Off
[IMG] code is Off
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

What is Bytes?

We are a network of experts and professionals in IT and software development that help one another with answers to tough questions and share insights. Get the best answers to your questions from over network members.
Post your question now . . .
It's fast and it's free

Popular Articles