CSS Table problem - HTML / CSS

David Findlay

I'm trying to do a table for laying out a links page in CSS. See
http://qldstorms.com/links.php. My stylesheet is at
http://qldstorms.com/styles/screen.css. My problem is that if the link name
in the first column get's word wrapped, but the description text in the
second column doesn't, the next row get's wrapped to sit next second line
of the link name. Also if a two line link name is last in the category box,
it'll cross the outside of the box. I thought by having a div for each
item(link name and description included) it would make a box around that
that nothing could get in. Can anyone help me with this one? Thanks,

David

Nov 2 '05 #1

Subscribe Reply

1867

Spartanicus

David Findlay <da***@davsoft. com.au> wrote:

Subject: CSS Table problem
The phrase "CSS table" should only be used to refer to an object
generated by any of the "table*" values for the "display" property.
I'm trying to do a table for laying out a links page in CSS. See
http://qldstorms.com/links.php.

What you have there is a layout, nothing to do with either HTML or CSS
tables.

You've made the mistake of ditching most structural and semantic markup
in favour of div markup. The little structural and semantic markup that
is there is incorrect (<h1)links</h1> for example).

When asking others to help you with a problem it is considered a minimum
courtesy to ensure that your code is valid, your code doesn't validate.
http://validator.w3.org/check?uri=ht....com/links.php

--
Spartanicus

Nov 2 '05 #2

Spartanicus

Spartanicus <in*****@invali d.invalid> wrote:

http://qldstorms.com/links.php.

The little structural and semantic markup that
is there is incorrect (<h1)links</h1> for example).

Strike that, I forgot that this isn't your index page.

--
Spartanicus

Nov 2 '05 #3

David Findlay

> You've made the mistake of ditching most structural and semantic markup

in favour of div markup. The little structural and semantic markup that
is there is incorrect (<h1)links</h1> for example).

When asking others to help you with a problem it is considered a minimum
courtesy to ensure that your code is valid, your code doesn't validate.
http://validator.w3.org/check?uri=ht....com/links.php

Fixed that now, had center instead of middle. However still got the problem.
Is there a better way to do these types of pages with better structure?
Thanks,

David

Nov 2 '05 #4

Spartanicus

David Findlay <da***@davsoft. com.au> wrote:

When asking others to help you with a problem it is considered a minimum
courtesy to ensure that your code is valid, your code doesn't validate.
http://validator.w3.org/check?uri=ht....com/links.php

Fixed that now, had center instead of middle.

Your markup does not validate.

--
Spartanicus

Nov 2 '05 #5

Robi

David Findlay wrote in message news:43******** **************@ per-qv1-newsreader-01.iinet.net.au ...

I'm trying to do a table for laying out a links page in CSS. See
http://qldstorms.com/links.php. My stylesheet is at
http://qldstorms.com/styles/screen.css. My problem is that if the link name
in the first column get's word wrapped, but the description text in the
second column doesn't, the next row get's wrapped to sit next second line
of the link name. Also if a two line link name is last in the category box,
it'll cross the outside of the box. I thought by having a div for each
item(link name and description included) it would make a box around that
that nothing could get in. Can anyone help me with this one? Thanks,

g'day mate

as spartanicus already mentioned, "fix your page first"
a few pointers to this:
you have
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN "http://www.w3.org/TR/html4/loose.dtd"">

the correct entry for the DTD should be (note the wuotes before and after the url)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

(BTW I would use strict)

a bit to read:
http://www.alistapart.com/stories/doctype/

now, your page is HTML but you have also XHTML "syntax" in it which might throw
a few extra problems (I added numbers in front for easy pointers):
1:<head>
2:<title>qldsto rms.com</title>
3:<link rel="stylesheet " type="text/css" media="screen" href="styles/screen.css">
4:</style>
5:<link href="http://qldstorms.com/syndication.php " rel="alternate" type="applicati on/rss+xml" title="qldstorm s.com News" />
6:<META name="descripti on" content="Websit e with weather information related to South East Queensland and North East New South
Wales. Stormchasing reports and forecasts.">

3: you use <link> to access your stylesheet, that's good IMO but
4: what is this </style> end tag for?
5: this rss+xml link has XML (XHTML) ending " /> but your DTD isn't XML/XHTML
6: the meta description is again HTML formed.

also check your CSS
http://jigsaw.w3.org/css-validator/

it's valid but has a few warnings.
you might also want to abbreviate some entries:
http://www.w3.org/TR/REC-CSS2/box.ht...ing-properties

padding-bottom : 3px;
padding-left : 3px;
padding-right : 3px;
padding-top : 3px;
as
padding: 3px

and
http://www.w3.org/TR/REC-CSS2/box.ht...der-properties

border-bottom-color : #6e75c2;
border-bottom-style : solid;
border-bottom-width : 1px;
border-left-color : #6e75c2;
border-left-style : solid;
border-left-width : 1px;
border-right-color : #6e75c2;
border-right-style : solid;
border-right-width : 1px;
border-top-color : #6e75c2;
border-top-style : solid;
border-top-width : 1px;

can be written as
border-top: 1px solid #6e75c2
border-right: 1px solid #6e75c2
border-bottom: 1px solid #6e75c2
border-left: 1px solid #6e75c2

or even shorter
border: 1px solid #6e75c2

I know, that doesn't help you with your problem yet,
but it is easier for others to point you in the right
direction if there is a "clean slate"

Nov 2 '05 #6

Jim Moe

David Findlay wrote:

http://qldstorms.com/links.php. My stylesheet is at
http://qldstorms.com/styles/screen.css. My problem is that if the link name
in the first column get's word wrapped, but the description text in the
second column doesn't, the next row get's wrapped to sit next second line
of the link name. [...]

It would have been nice if you had provided a sample of the problem.
None of the column 1 content wraps like you describe.
Since this is tabular data, why not use a table?

--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)

Nov 2 '05 #7

David Findlay

David Findlay wrote:

I'm trying to do a table for laying out a links page in CSS. See
http://qldstorms.com/links.php. My stylesheet is at
http://qldstorms.com/styles/screen.css. My problem is that if the link
name in the first column get's word wrapped, but the description text in
the second column doesn't, the next row get's wrapped to sit next second
line of the link name. Also if a two line link name is last in the
category box, it'll cross the outside of the box. I thought by having a
div for each item(link name and description included) it would make a box
around that that nothing could get in. Can anyone help me with this one?
Thanks,

I eventually managed to find what i needed to fix it.

overflow: hidden

on the linkItem div seemed to fix it. I've removed some of the dtd stuff
because it was wrong, I'm going to try and fix that and all the other
issues now. Thanks,

David

Nov 2 '05 #8

Similar topics

3599

CREATE TABLE problem

by: Andrew | last post by:

I have a problem creating mySQL tables with PHP. I am making an app where a user can create a project. Pressing "submit" on proj_form.php goes to proj_add.php where a couple of things happen. The project's meta information is put into a project table, mysql_insert_id() gets the $proj_ID, and a table named that $proj_ID is created to hold all of that project's tasks. Here is my code to create the table for a project's tasks: // 2)...

PHP

2310

temp table problem?

by: Savas Ates | last post by:

i have a stored below it uses create temp table and drop temp table... when more than one user request the same page it probably returns error.. how can i solve this problem **************************************************************************** ***************************************** CREATE PROCEDURE st_seconddegree @fromwhom numeric(18), @towhom numeric(18) AS

ASP / Active Server Pages

4567

Very Big Table Problem

by: Murtix Van Basten | last post by:

HI all, I am trying to migrate a database from mysql to mssql2k. I use myODBC to connect to mysql server to pull the database from DTS and insert in to sql server. But in mysql server, there is one huge table. Size of it is 1.3 GB and more than 12 million rows. While I try with DTS, it transfers all tables in the database except this huge table. First I thought it would be the resources of the computer not enough (512MB physical ram...

Microsoft SQL Server

2640

Temporary table problem (maybe)

by: Not Me | last post by:

Hi, I have a stored procedure, that works perfectly when run from the query analyser, however if I run it through access vba, (using exec) I get a runtime error 208: invalid object name '#tmpContact'. Any ideas why this happens? The temporary table #tmpContact is used in the procedure, but as I say, it all works fine from the analyser. Thanks,

Microsoft SQL Server

1585

XSL-FO table problem

by: Kleist | last post by:

Hi! The XML document is created dynamically. I need to convert it in PDF format. Actually, this is a huge table with data. I don`t know in advance, how much columns it will have. I apply XSL-FO style-sheet. And use table-layout=auto property of the table. But the problem is that is seems to me that table is created with the same column width taken to fill the table like ( column-width = table-width / col.number). And contents of some...

.NET Framework

2400

Dynamic adding rows into table problem

by: Luis Esteban Valencia | last post by:

Hello I wrote a program with code behind in C# to add row into table dynamically and the program worked very well in .Net Framework 1.1. When I run this program in .Net Framework 2.0 beta version, the program is not working as in version 1.1. So what is the problem? Microsoft declared that the version 2.0 is fully backward support, but it is not. Is that the problem with 2.0 version? I find out the problem in version 2.0. After...

ASP.NET

1876

ASP Table Problem C#

by: mylog | last post by:

hi, I have a problem regarding the retrieval of data from a table. Here's is what I am doing. I have a created a table and from added the rows and columns and also data dynamically from the code in one of the function. Now I need to access that table and data on a button click, i.e. when a user clicks button I must be able to get the table information cell-wise. I have written the following code and when the user clicks the button all I get...

.NET Framework

6689

Table problem with iText.

by: dmjpro | last post by:

I think iText commonly used to create or manipulate PDF document in Java. So finally i decided to throw a question over here. For two days i am struggling. I encountered two types of table .. 1>Table: table can be easily created with row span or col span but still has a problem with vertical alignment of cell content. 2>PdfPTable: table can be easily created by col span but having a bit complex with row span. But it offers well vertical...

Java

3048

IE8 table problem

by: josephamarks | last post by:

I am trying to correct a table problem. In IE6, the table (created in VS with ASPX) does display correctly. Ijn IE8, it adds unwanted horizontal scrollbars, and the columns do not display properly -- they are too spread out without the horizontal scrollbars. Is there any way to restrain the columns so that the horizontal scrollbars are not needed. I know how to set overflow to hidden so that the horizontal scrollbars do not appear;...

ASP.NET

9275

Changing the language in Windows 10

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

Windows Server

10040

Problem With Comparison Operator <=> in G++

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

C / C++

9873

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

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

Online Marketing

9713

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

by: tracyyun | last post by:

Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...

General

8713

AI Job Threat for Devs

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

Career Advice

5142

Trying to create a lan-to-lan vpn between two differents networks

by: TSSRALBI | last post by:

Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...

Networking - Hardware / Configuration

5304

Windows Forms - .Net 8.0

by: adsilva | last post by:

A Windows Forms form does not have the event Unload, like VB6. What one acts like?

Visual Basic .NET

3806

transfer the data from one system to another through ip address

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

C# / C Sharp

2666

Comprehensive Guide to Website Development in Toronto: Expert Insights from BSMN Consultancy

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

General