473,698 Members | 2,243 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

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.
Jul 7 '08 #1
2 1628
Liam Gibbs wrote:
>
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. ;-)
My problems are these:
[snipped]
>
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
<bb************ *************** *******@34g2000 hsf.googlegroup s.com>
--
John
Pondering the value of the UIP: http://improve-usenet.org/
Jul 7 '08 #2
In article
<1e************ *************** *******@c58g200 0hsc.googlegrou ps.com>,
Liam Gibbs <li*******@symp atico.cawrote:
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>
>
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.
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.

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.
>
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
Jul 8 '08 #3

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

1
4882
by: Joe Black | last post by:
I have a js script that changes the visibilty of a selected span to "visible", but makes sure that no other related spans are visibile to the user by hiding everything first. i.e. User clicks on link for 'Box1' -> document.getElementById("box1").style.visibility="hidden"; document.getElementById("box2").style.visibility="hidden"; document.getElementById("box3").style.visibility="hidden";...
2
2601
by: CJM | last post by:
I'm developing a site for a charity which I am aiming to make standards-compliant, accessible and cross-browser compatible. I'm doing OK so far and have the workings of a respectable site, but I still have a few little niggly problems: Site: http://www.aif-advocacy.org.uk/index.asp CSS: http://www.aif-advocacy.org.uk/aif.css
7
3359
by: Alan J. Flavell | last post by:
A colleague recently breezed in with a new web page design. He didn't tell me where he got the ideas from, but ... Looking at his stylesheets, I noticed they identified themselves as "Ruthsarian Layouts". Google took me to http://webhost.bridgew.edu/etribou/layouts/ We don't seem to have had any discussion here that mentioned them. Anyone care to take a look, and share thoughts?
6
3727
by: glakk | last post by:
I got on the tableless layout bandwagon early on, and thought it was a really cool way to lay out a page. I don't know why I thought it was so cool, except I guess I fell for the "oh, cool" talk. I never did really find out why this is a better way to lay out a page, except the slogan "tables are for tabular data...", and well, CSS is the "way to fly". So I converted my basic blog layout to tableless, and it wasn't all that hard,...
2
1344
by: polilop | last post by:
I have a recordset which i have to check if it is empty and if its not then to print it out something like <% if Not(emptyStr=rsBoats.Fields.Item("Price_descr").Value) Then%> <TR> <TD colSpan=4><div align="center"></div> <div align="left"><span class="titl"><span class="maliNaslovi">Price description</span></span> </div></TD> </TR> <TR><TD><div align="left"></div></TD>
1
1893
by: Siegfried Heintze | last post by:
I want to implement drag and drop for tables, divs, spans. The problem is that I don't know how wide or long my tables, divs and spans are going to be in advance so I cannot use absolute coordinates. (It always seemed odd to me that there is no function called GetExtent that would return the bounding rectangle of an object -- this would solve my problem). There is a way, however, to fetch the coordinates of an object (such as a table, or...
4
1256
by: Rob | last post by:
I am just venturing into the world of pure CSS layouts. Although I am enjoying it so far, I have come across an issue that really has me stumped. The main body of my page is set out using a container div which has inside it to further divs left and right. I want the left div to have a grey background and the right to have white background. Originally I gave the left div the grey background and left the right div as my page body was...
14
2176
by: Bouzy | last post by:
This is a question that i am sure some of you can answer quickly, but anway. I have been learning how to code useing Xhtml and CSS. I am confused about some CSS properties. I know classes and ids are for styling certain elements like <p> and such, but what is the difference between that and <div> and <span> both allow you to name sections of your code, and for both you can set style like background image, text color and stuff like that. ...
6
1749
by: Liam Gibbs | last post by:
Hello everyone, I'm trying to program a church web site and I'm having a number of problems with the layout. The html is at http://www.altmarvel.net/Liam/index.html and the css is at http://www.altmarvel.net/Liam/OCOC.css. Anyway, the problems are these: 1. The Search stuff underneath the menu and to the right should be
0
8608
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
0
9161
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
0
9029
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
0
7732
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
0
5860
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
0
4619
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
3050
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
2
2332
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
3
2006
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.