|
View Full Version : How do I center this? darkwolf 06-19-2004, 04:07 AM Hello. Okay, I've got my layout up. Everything is how I want it. Almost. How do I center the whole thing? It's at http://www.zarahemla.vzz.net/index2.html . Someone help! horse*chica 06-19-2004, 04:28 AM <html> <head><title>BLAH</title></head> <html> <body> <center> EVERYTHING ELSE HERE </center> </body> </html> Like that? darkwolf 06-19-2004, 05:00 AM Um...no. That's the HTML way -- it doesn't work when your entire layout is in CSS. pb&j 06-19-2004, 05:14 AM you seem to have alot of... float:left; which shifts everything over to the left. perpaps use something like... text-decoration:center; in a DIV and that should center stuff inside of it. darkwolf 06-19-2004, 05:27 AM I have to have the float: left; tags to keep it togethor. The layout really messes up without them. I don't understand...where should I put the text-decoration: center;? pb&j 06-19-2004, 05:30 AM the float left tags will not allow you to center stuff. you may want to consider using "positioning" instead to place things instead of floating them. much easier to work with. there is "absolute" positioning which places things exactly in specific spots. there is "relative" positioning which places things relative to where it would have appeared normally. darkwolf 06-19-2004, 05:45 AM Well...not to sound stupid or anything, but I really don't know how to do that. Could anyone help? horse*chica 06-19-2004, 07:23 AM Um...no. That's the HTML way -- it doesn't work when your entire layout is in CSS. It should...I mean, I'm no expert, so maybe I missed something, but I use CSS in each of my layouts, and can still center ;) To absolute position things, use this in the tag of the image, div, whatever-- style="position: absolute; top: #px; left: #px;" darkwolf 06-19-2004, 08:31 PM The <center> tag was the first thing I tried; it didn't work. I'll try the absolute positioning, even though I still don't know what I'm doing, or how many pixels I need. Why-Not 06-19-2004, 09:05 PM try.. <html><head> <title>w.e</title> Your css code in here </head> <body> <div align="center"> Content </div> darkwolf 06-19-2004, 09:19 PM No...that didn't help :( Why-Not 06-19-2004, 09:20 PM Beats Me! horse*chica 06-20-2004, 03:25 AM Actually, I do see now why the center tags wouldn't work. Like I said, I'm not an html genius ;) hehe. Umm...for the pixels, if you have a program like PSP or PS7 (Paint might even work, actually), make a screenshot of the page, and paste it in. Crop it so the things like your start bar, browser buttons, etc aren't there...just the window. Then place your cursor where you want the top left corner of whatever to be at, and somewhere on the bottom/status bar, you will see two numbers (like 0,0). Those are your left and top coordinates. Maybe that will help you some :) Madeleine88 06-21-2004, 06:21 PM <center> </center> |