Kevin M
-
Posts
173 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Everything posted by Kevin M
-
Thanks. I actually figured out a different way of doing this. Thanks for the reply anyway.
-
I figured this out. If a mod can delete this, it would be appreciated.
-
If you want an opinion, you shouldn't be so rude.I wouldn't say "CSS At it's best." but it is very nice.
-
I just finished coding a new layout. I finally figured out how to do the Divs a certain way that I wanted. There is a BG image, with repeat-y and then there is a DIV which has the contained in it. If you look at this page, all the Divs line up, and it all looks fine: Link But then as I add in more content, it goes all wonky, like this: Link. If you look right at the bottom, when the Div gets a certain ammount of content inside, it shows the banner again, which isn't what I want. I want it so only my background image repeats, to keep the divs at the same height, and it all lines up at the bottom of the page. Here's my code for the page: CSS body, td, th { font-family : Verdana, Arial, Helvetica, sans-serif;font-size : 11px;color : #ffffff;} body { background-color : #000000;background-position : top center;background-image: url(/layout2/bg.png);background-repeat: repeat-y;margin: 0px;} a { color : #ffffff;text-decoration : none;} a:hover, a:active { color : #ffffff;text-decoration : underline;} #container { position : absolute;z-index : -1;background-color: #000000;width : 100%;top : 0;} #banner { position : absolute;z-index : 0;background-image : url(/layout2/header.png);background-repeat : no-repeat;height : 200px;width : 800px;top : 0;}#navigation { position: absolute;z-index : 1;width : 175px;left : 13px;top : 200px;right : 608px;bottom : 0;text-align : center;} #content { position: absolute;z-index : 1;width : 382px;left : 210px;top : 212px;right : 210px;bottom : 0;text-align: center;} #extras { position: absolute;z-index : 1;width : 175px;left : 612px;top : 200px;right : 13px;bottom : 0;text-align : center;} .center { text-align : center;margin-left : auto;margin-right : auto;} XHTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><link rel="stylesheet" type="text/css" href="styles.css" /><title>Harry Potter Layout by Kevin of forums.dervish-banges.com and rahponline.com</title></head><body><div id='container'><div id='banner'></div> <div id='navigation'>Navigation Here</div> <div id='content'>SITE CONTENT, SITE CONTENT,SITE CONTENT, SITE CONTENT,SITE CONTENT, SITE CONTENT,SITE CONTENT, SITE CONTENT,SITE CONTENT, SITE CONTENT</div> <div id='extras'>Extras Here</div></div></body></html> My background image is basically a black background, with 3 areas in blue that are the right size for each Div. I want that image to repeat as many times as needed, but the banner to only be at the top. So when the ammount of content exceeds the most, like in the second example, it repeats the background image, not the banner then the BG image.I can explain more if needed.Thanks,Kevin
-
That tutorial is deffinately helpful.XHTML is really no more than a few rules for HTML. Things like properly nested tags, all tags in lowercase, a reauired DTD, certain tages change, like <br> changes to <br />. Reading the tutorial will definately help though.
-
My first website... what do you think of the look & feel?
Kevin M replied to scottdewald's topic in HTML/XHTML
Looks really nice. The colour scheme looks well done, and it seems to flow well for a first web site.Like said above, I wouldn't use frams, they're more trouble than they're worth, but to each their own.Other than that it looks great. -
Don't know if this has anything to do with the menu. There are a few mistakes in your code. First off, the CSS should be in the <head> section, and possibly the JavaScript depending on how it's used. Also, the text you want to be shown on the page should be in the <body> section, it's currently floating in the midddle of nowhere.Maybe I'm wrong, but that's how most documents are.
-
There's obviously going to be a HTML part to the menu. CSS does not make up the page, it just defines certain things. You can't only have a page of CSS, there has to be HTML too.
-
Shouldn't there be a HTML part in the Body section?? Would you not need more than <div align="center"></div> to get a menu?
-
You can either add it into your existing CSS, like this: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>http://www.mbthjem.com/</title><style type="text/css"><!--body,td,th {font-family: Arial, Helvetica, sans-serif;color: #FFFFFF;}body {background-color: #000000;}a:link {color: #FFFFFF;}a:visited {color: #FFFFFF;}[b]CSS for Menu goes here[/b]--></style></head><body><div align="center"></div></body></html> Or, you can add another style sheet, like this: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>http://www.mbthjem.com/</title><style type="text/css"><!--body,td,th {font-family: Arial, Helvetica, sans-serif;color: #FFFFFF;}body {background-color: #000000;}a:link {color: #FFFFFF;}a:visited {color: #FFFFFF;}--></style>[b]<style type="text/css">CSS Menu Code Here</style>[/b]</head><body><div align="center"></div></body></html> That should work.
-
CSS is supposed to go in the <head> </head> section of the document.You paste the code inbetween <style type="text/css">YOUR CSS CODE HERE</style>
-
Actually, for a valid XHTML line break, you have to do <br /> with a space.If we had the code, it would help.
-
Also, depending where you are, some people are probably looking for people skilled in ASP(.net) and Visual Basic.
-
If you use PHP wouldn't you have to use MySql, because MySql is the PHP Database?If you're looking for a good one, I've heard this one is good: IdioPoll. Or, you could Google PHP/MySql poll or something similar. There's tons of sites that offer free scripts you could use.
-
The past few days I've been designing and coding a new layout, just for fun. I finished coding it today. There were a lot of errors, but I fixed them. According to w3c.org, the CSS and XHTML are both valid, with no mistakes. Here's a link to the hosted layout: Kevin's Layout (The banner isn't great, but neither is my graphic skill). It's coded useing only CSS and Layered Divs, no tables at all (I find Divs easier). The only problem is, as you can see, the divs only extend to the ammount of content they have within them. Here's what the CSS and XHTML codes look like:CSS body, td, th { font-family : Verdana, Arial, Helvetica, sans-serif;font-size : 11px;color : #ffffff;} body { background-color : #000000;background-position : top center;margin-left : 0;margin-top : 0;margin-right : 0;margin-bottom : 0;} a { color : #ffffff;text-decoration : none;} a:hover, a:active { color : #ffffff;text-decoration : underline;} #banner { position : absolute;z-index : 0;background-image : url(/layout2/header.png);background-repeat : no-repeat;height : 200px;width : 800px;top : 0;} #navbg { position : absolute;z-index : 0;background-color : #0a2035;width : 175px;height : 100%;left : 13px;top : 200px;right : 608px;bottom : 0;overflow : auto;} #contentbg { position: absolute;z-index : 0;background-color : #0a2035;width : 382px;height : 100%;left : 208px;top : 212px;right : 208px;bottom : 0;overflow : auto;} #extrasbg { position : absolute;z-index : 0;background-color : #0a2035;width : 175px;height : 100%;left : 612px;top : 200px;right : 12px;bottom : 0;overflow : auto;} #navigation { z-index : 1;width : 150px;height : 100%;left : 13px;top : 200px;right : 608px;bottom : 0;text-align : center;overflow : auto;} #content { z-index : 1;width : 382px;height : 100%;left : 208px;top : 212px;right : 208px;bottom : 0;overflow : auto;} #extras { z-index : 1;width : 150px;height : 100%;left : 612px;top : 200px;right : 12px;bottom : 0;text-align : center;overflow : auto;} .center { text-align : center;margin-left : auto;margin-right : auto;} XHTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><link rel="stylesheet" type="text/css" href="styles.css" /><title>Harry Potter Layout by Kevin of forums.dervish-banges.com and rahponline.com</title></head><body><div id='banner'></div> <div id='navbg'><div id='navigation'>Navigation Here</div></div> <div id='contentbg'><div id='content'>SITE CONTENT, SITE CONTENT,SITE CONTENT, SITE CONTENT,SITE CONTENT, SITE CONTENT,SITE CONTENT, SITE CONTENT,SITE CONTENT, SITE CONTENT</div></div> <div id='extrasbg'><div id='extras'>Extras Here</div></div></body></html> So is it possible to have the divs all expand so they are at the same height? Like what you would achieve with a table. And if so, how would I be able to do this? Sorry about the length of the post. Thanks,Kevin :)EDIT: I guess this should go under the CSS forum. Please move when you get around to it.
-
I know. I mean have something after the Include too, like what was on the page. I forgot to add that in my first post.
-
Oh, ok. I thought <strong> would only make it bold. So I could define <strong> differently in CSS. Thanks.
-
I guess that's what you call them. Anyway. This is probably a dumb question.I know <b> and <strong> makes Bold text. And <i> and <em> makes Italics text. So is it better to use tages like <b> and <i> or <strong> and <em>? Or does it not matter.Thanks,Kevin
-
I was wondering, is it possible to use an Include in the <title> </title> area of the document? So if I changed the name or slogan of my site, I wouldn't have to go through and edit the title of each page, I could do it by editing the title.txt or whatever I called it file.Eg: <html><head><title><?php include("title.txt"); ?></title></head><body></body></html> And then have the title.txt file contain something like : W3Schools Online Web Tutorials (Not that title though)Thanks,Kevin
-
You don't need one. The only thing that needs a DOCTYPE (To my knowledge) is XHTML. You can use one for HTML but it isn't required.