The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Look ma no tables!, How to creat css tables or whatever
NovaArgon
post Nov 30 2007, 04:25 PM
Post #1


Always Need To Learn A New Code
*****

Group: Members
Posts: 265
Joined: 10-June 07
From: South Carolina
Member No.: 3,057



http://validator.w3.org/check?uri=http%3A%...ine&group=0
&
http://jigsaw.w3.org/css-validator/validat....drysnot.com%2F

My roll over image is working good and I am valid.

Right now i'm using kompozer its a cool program that lets you click the picture and drag it to where you want it to be Then it just makes the tables for you so you done even have to do anything. The problem is I don't think it works with CSS.

What program do I use to move it?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post Nov 30 2007, 05:08 PM
Post #2


Programming Fanatic
********

Group: Members
Posts: 5,146
Joined: 23-August 06
From: Europe
Member No.: 9



Use a text editor. Notepad seems to be quite good on PC. On Mac, it's definately BBEdit or it's free counterpart TextWrangler.

And then, see here: http://www.d.umn.edu/itss/support/Training...design/css.html
(haven't I already given you that link?).
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Nov 30 2007, 05:09 PM
Post #3


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,132
Joined: 9-August 06
Member No.: 6



A little app called GrayMatter is the best! smile.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
NovaArgon
post Nov 30 2007, 07:05 PM
Post #4


Always Need To Learn A New Code
*****

Group: Members
Posts: 265
Joined: 10-June 07
From: South Carolina
Member No.: 3,057



I'm not sure if you gave me the link already or not but thats not really what I was looking for lol

I really do appreciate all the help you are giving me but I'm not trying to learn the whole css code I'll use little parts of it to fix my page and It will be years before I ever see it again. I'm not trying to take a class on how all this stuff works I'm just trying to copy and past want I need to have my page working correctly I don't build them all the time.

It's like I'm on the side of the road changing my tire and I ask for help getting the hub cap off and you handing me the owners manual instead of just saying it.

Please just tell me what I need to do instead of trying to make me go learn it somewhere. I feel like I've been going in circles the past week since I've been here because its like pulling teeth to get you guys to tell me how to do things that should be basic enough to share. If I wanted to now where the CSS manual was I would not be here I would be here Google: CSS walkthough



QUOTE(pandy @ Nov 30 2007, 05:09 PM) *

A little app called GrayMatter is the best! smile.gif


Do you have a link to that pandy? I tryed a google search but it looks like there are alot of topics about greymatter. ohmy.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post Dec 1 2007, 05:38 AM
Post #5


Programming Fanatic
********

Group: Members
Posts: 5,146
Joined: 23-August 06
From: Europe
Member No.: 9



If I had a flat tire and asked somebody to help me, I surely would want to know how to do it myself, so I wouldn't have to bother someone else a next time.

User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
NovaArgon
post Dec 1 2007, 09:04 AM
Post #6


Always Need To Learn A New Code
*****

Group: Members
Posts: 265
Joined: 10-June 07
From: South Carolina
Member No.: 3,057



I'm really sorry if i'm bothering you I not trying to.

I found this http://www.dynamicsitesolutions.com/css/layout-techniques/

I'v been looking at. So I'll let you guys know how its going. I had to go back to work
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Dec 1 2007, 10:09 AM
Post #7


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,132
Joined: 9-August 06
Member No.: 6



QUOTE(NovaArgon @ Dec 1 2007, 01:05 AM) *

Do you have a link to that pandy? I tryed a google search but it looks like there are alot of topics about greymatter. ohmy.gif


Yes, there is, isn't it? Try Wikipedia. happy.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
NovaArgon
post Dec 1 2007, 10:52 PM
Post #8


Always Need To Learn A New Code
*****

Group: Members
Posts: 265
Joined: 10-June 07
From: South Carolina
Member No.: 3,057



I am adding in the codes I found here http://www.barelyfitz.com/screencast/html-...ss/positioning/ but they don't seem to be doing what I want them to.

Would you mind taking a look at might code and giving me a kick in the right direction? I'm trying to make the images line up in two rows down the page.. or even move at all just so I can see how its works.

http://www.drysnot.com/style.css
http://www.drysnot.com/index1.html

I just need the name of what it is i'm trying to do and google can help me do the rest.

Thanks so much for your help



This post has been edited by NovaArgon: Dec 1 2007, 11:26 PM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post Dec 2 2007, 05:12 AM
Post #9


Programming Fanatic
********

Group: Members
Posts: 5,146
Joined: 23-August 06
From: Europe
Member No.: 9



What are you trying to position? When I look in your CSS file, you have position: relative; all over the place, apparently trying to position each link separately. The rules where you put the positioning don't have a selector. That's not the way to go.

I suppose you want to position the links horizontally to fit in the header box. Am I right? Then I suggest you use a list. You then only have to position one element (ul (unordered list) or dl (definition list)) and the content of it will follow.

Go see at Russ Weakley's Listamatic, Stu Nicholls' CSSPlay menu's or http://www.d.umn.edu/itss/support/Training.../css.html#lists.

That should put you on the right track.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Dec 2 2007, 05:45 AM
Post #10


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,132
Joined: 9-August 06
Member No.: 6



QUOTE(NovaArgon @ Dec 2 2007, 04:52 AM) *

I am adding in the codes I found here http://www.barelyfitz.com/screencast/html-...ss/positioning/ but they don't seem to be doing what I want them to.


Did you read the instructions and explanations on that page? If not, I think that's a good starting point.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
NovaArgon
post Dec 2 2007, 04:12 PM
Post #11


Always Need To Learn A New Code
*****

Group: Members
Posts: 265
Joined: 10-June 07
From: South Carolina
Member No.: 3,057



QUOTE(Frederiek @ Dec 2 2007, 05:12 AM) *

What are you trying to position? When I look in your CSS file, you have position: relative; all over the place, apparently trying to position each link separately. The rules where you put the positioning don't have a selector. That's not the way to go.

I suppose you want to position the links horizontally to fit in the header box. Am I right? Then I suggest you use a list. You then only have to position one element (ul (unordered list) or dl (definition list)) and the content of it will follow.

Go see at Russ Weakley's Listamatic, Stu Nicholls' CSSPlay menu's or http://www.d.umn.edu/itss/support/Training.../css.html#lists.

That should put you on the right track.



Thank you so much for the advice M8 i'v been looking over your links and I know what I need to do now.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
NovaArgon
post Dec 2 2007, 05:08 PM
Post #12


Always Need To Learn A New Code
*****

Group: Members
Posts: 265
Joined: 10-June 07
From: South Carolina
Member No.: 3,057



I think I got it now. What do ya think?

http://www.drysnot.com
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Dec 3 2007, 12:36 AM
Post #13


WDG Member
********

Group: Root Admin
Posts: 8,289
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



There isn't much content there:
QUOTE


For starters, you need real alt text for your navigation links. A little text explaining what the site is about would help too.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post Dec 3 2007, 03:50 AM
Post #14


Programming Fanatic
********

Group: Members
Posts: 5,146
Joined: 23-August 06
From: Europe
Member No.: 9



Oh well, I sent you to CSS based list/menu sites and you rely on javascript. That's your choice, but without javascript the image swaps won't work.

The header box seems useless as it is now, but I suppose the page is far from finished. The header box and navigation links take up quite some space and the page forces horizontal and vertical scrollbars, despite the lack of content, surely caused by the 1134px wide image.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
NovaArgon
post Dec 3 2007, 11:27 AM
Post #15


Always Need To Learn A New Code
*****

Group: Members
Posts: 265
Joined: 10-June 07
From: South Carolina
Member No.: 3,057



Thanks so much for the advice.


Let me see what I can do about the size.

Once I get it to stay in the same place I am going to put text over the top box that tells a little about the site. I'm also going to make the image smaller and try and use two images one for the center logo and one for the background so it will load faster. I don't know how to do that yet but I have an idea.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 17th February 2019 - 09:36 PM