all was fine and now its screwed!

all was fine and now its screwed! (Full Version)

All Forums >> [Web Development] >> Cascading Style Sheets

Message

althera -> all was fine and now its screwed! (10/1/2004 12:46:28)
whew-- am back again -- have another problem with layout of page-- it was fine and i have no idea what i did to screw it up but it is screwed up--- links not working-- and containers askew-- this is the most frustrating thing i have ever done-- i am about ready to just say forget it and go back to HTML-- i really wanted to learn css but i have been at it for literally WEEKS on end - already trashed two layouts cause i couldnt get them to work - -so decided to go with simple two column and now i have that dern thing messed up--- BOTH html and css validate-- go figure -- HELP OH CSS GURUS -- HELP PLEASE-- i will be forever indebted-- here are links THE PAGE CSS

bobby -> RE: all was fine and now its screwed! (10/1/2004 12:57:36)
For your links, you need to have them in this order: a:link a:visited a:hover a:active AS far as the containers (layers) are they in the wrong spot, or just the wrong size... or both?

althera -> RE: all was fine and now its screwed! (10/1/2004 13:19:53)
i am using a css editor to do the code- which puts the links in the wrong order-- i havent been able to figure out how to get them in the right order-- duh-- i tried last nite to reorder them but it didnt work-- the containers are supposed to be centered with a header--although i dont really care that much about header-- they are the right size just need to be moved over to the right and beside each other-- the link to the template i am using is here--- two column layout

bobby -> RE: all was fine and now its screwed! (10/1/2004 13:41:47)
quote: i havent been able to figure out how to get them in the right order Try opening the document in Notepad and make the change to the order... Notepad won't try to do any thinking for you [;)] Centering can be tricky when using CSS... You might try changing text-align to "center" in your body style declaration and see if it changes... you may have to go in and add text-align: left; to some of the other elements if they don't already have it set. That should set the default alignment for your page to centered. I haven't played with centering a whole page in a long time so I'm shooting in the dark, but I'd give that a shot.

althera -> RE: all was fine and now its screwed! (10/1/2004 15:40:45)
hey bobby thanks for the help but unfortunately text align left shoves everything over to the left and not center-- text align doesnt seem to work either-- ugh-- i will go and play with code somemore and c if i can find the problem-- got any other ideas?????????????????????????????/

d a v e -> RE: all was fine and now its screwed! (10/1/2004 15:50:02)
<margin: auto 0> on a conatining div will centre everything but you may need to also use text align centre in there for IE and then set it to text align left for all the conatining divs descendants if it doesn't work on its own.

althera -> RE: all was fine and now its screwed! (10/1/2004 18:21:47)
alas nothing seems to work-- so i am going to a friends for dinner and will look over it again when i get home-- I GIVE UP!!!!!!!!!!!!!!!!

c1sissy -> RE: all was fine and now its screwed! (10/1/2004 22:40:50)
Hi Althrea, welcome to outfront. I have a few questions for you. When you state your links aren't working, are you copying the code from the template? Which would be this? <li><a href="#">Option 1</a></li> And doing this <li><a href="#"style="cursor:crosshair">Paint Shop Pro 8</a></li> Your link isn't going to work unless you put the url inside of the href. Right now its just staying on the page that you are working on. You need to do the following <li><a href="http://www.jasc.com/"style="cursor:crosshair">Paint Shop Pro 8</a></li> The next thing is that I don't see anything in your css that Bobby explained for you to do. I believe that He is correct in what he is telling you to do. body { text-align: center; } Then you need to go into the divs and make it text-align: left; Also, how far along in learning css are you? This could help us to guide you to some things to read that might help you out. And don't use a css editor to style while you are learning. Its better to do this in notepad as bobby is suggesting.

althera -> RE: all was fine and now its screwed! (10/1/2004 22:47:30)
i guess i should have said they are dead links-- i know that u must put url in the brackets-- i think the hover didnt work as they werent in the proper order-- once i got them ordered correctly the hover worked ok-- as u can probably tell i am a NEWBIE to css but have done many a web page with html--- i taught myself way back in late 70's.... so thought i would try to do something different and learn css -- but i have to say its tougher than i thought--- i will stick it out though ok i will put the code in notepad-- i started doing it that way and then thought maybe editor would be faster-- but i think it is more of a pain than just doing hand coding will also go and do exactly what u have outlined with text align and see if that works-- THANKS SO MUCH FOR UR PATIENCE AND HELP i do really appreciate it for sure

althera -> RE: all was fine and now its screwed! (10/2/2004 1:17:57)
ok after really looking over EVERYTHING-- and totally reconstructing the html and the css step by step-- copying the code directly from the template-- into notepad-- checking and rechecking the code- i STILL have a problem with the page-- the css and the html both validate-- here is link to template site-- TEMPLATE SITE amd here are links to page again and css code again THE PAGE FROM HELL CSS FROM HELL i am really sorry to be such a pain-- but #$%^& i just cant figure out why when the code is taken directly from the template site-- there is still a problem-- the header isnt right - and the columns are shoved over to the left of the page--- going thru all the hurricanes i have just been thru was easier than trying to figure out this mess i sure hope some one who has alot of patience can help me--

d a v e -> RE: all was fine and now its screwed! (10/2/2004 1:18:31)
try topstyle lite (it's free) for your style sheets http://www.bradsoft.com/download/index.asp

althera -> RE: all was fine and now its screwed! (10/2/2004 1:24:04)
well i am using eclipse style.. but gave up on that and went back to note pad-- right now i am going to bed-- its after 1am and i am too tired to deal with this another minute i will check out topstyle in the morning-- many thanks

d a v e -> RE: all was fine and now its screwed! (10/2/2004 1:26:02)
<div id="wrap"> <div id="header"><h1>Simple 2 column CSS layout, step 1</h1></div> </div> you have closed the wrap div straight after the header - you need to move the closing tag right to the end of all the other divs so wraps around all the content and centres it. also it might make it easier for you to label your closing divs with html commments like </div> <!-- close wrap tag -->

c1sissy -> RE: all was fine and now its screwed! (10/2/2004 3:10:48)
quote: </div> <!-- close wrap tag --> This is great to do. I had noticed this in viewing code on someone else's page. I do it all the time now. It helps with all the divs that you will most likely end up with. Great suggestion Dave! I wish Ihad thought of that one![;)] One thing you need is patience in learning css. Oh, and a sense of humor as well, it helps with the frustration. Try the suggestions that all have provided for you, search the links section in here as well as searching the threads through Outfronts search. Keep posting questions, if we dont' know the answer, we can search for something to help you out. In the long run, we are all still learning css.[;)]

althera -> RE: all was fine and now its screwed! (10/2/2004 8:52:02)
you guys are the BEST---- it is amazing - one tiny thing-- but html is like that -- and i missed it totally-- i was so tired and frustrated-- all is well now with the page-- THANKS SO MUCH for your patience and understanding and stickin with me on this-- i am sending ya some major hugz!!!!!

dpf -> RE: all was fine and now its screwed! (10/2/2004 10:03:39)
quote: done many a web page with html--- i taught myself way back in late 70's.... <edit>

Page: [1]

Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI

0.078125