Norman Posted February 2, 2007 Share Posted February 2, 2007 I'm developing my first web page, so I have and I will have a lot of question. And.. in order to not stay in open too many new threads, I will ask here for all my questions, if possible. Ok, my new question is: I have this code: <!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" /><link rel="stylesheet" type="text/css"href="index.css" /><title>Travel Agency Station Home</title></head><body><!-- Header --><div align="center"><p> <span class="index-title">Travel Agency Station</span> </p></div><div><!-- / Header --><!-- message --><table width="1007" border="0" cellpadding="0" cellspacing="0" style="width:auto"><tr><td width="28" height="17" style="padding: 0px"><img src="images/border/khung_01.gif"></td><td width="959" background="images/border//khung_02.gif" style="padding: 0px"></td><td width="20" style="padding: 0px"><img src="images/border//khung_03.gif" /></td></tr><tr><td height="100" valign="top" background="images/border//khung_04.gif" style="padding: 0px"><img src="images/border//khung_05.gif"></td> <td style="padding: 0px; background-color: #ffffff" bgcolor="#ffffff" valign="top"><p>sssssss</p> </td><td style="padding: 0px" background="images/border//khung_06.gif"></td></tr><tr><td style="padding: 0px"><img src="images/border//khung_07.gif"></td><td style="padding: 0px" background="images/border//khung_08.gif"></td><td style="padding: 0px"><img src="images/border//khung_09.gif"></td></tr></table><!-- / message --></div></body></html> CSS: /* Main Index CSS */.index-title {font-family: Geneva, Arial, Helvetica, sans-serif;font-weight: bold;font-size: 36px;color: #FF0000;}.body{background-image: url('/images/topbody.jpg') repeat-x;} In wich /images/topbody.jpg is this: There is a problem. Just becouse Dreamweaver show me this:So, where is the background image? Link to comment Share on other sites More sharing options...
ste Posted February 2, 2007 Share Posted February 2, 2007 check the path you have '/images/topbody.jpg' might just need 'images/topbody.jpg' Link to comment Share on other sites More sharing options...
Norman Posted February 2, 2007 Author Share Posted February 2, 2007 Yes, another my mistake! Lol. It was .gif, and it needed this: background-image: url('images/topbody.gif');background-repeat: repeat-x Instead of background-image: url('images/topbody.gif') repeat-x; Link to comment Share on other sites More sharing options...
Norman Posted February 2, 2007 Author Share Posted February 2, 2007 Ops! If I put that image like body-background, then it remains white, at the bottom. How can I solve this? I want this color, like body background: #B4C6FF. Link to comment Share on other sites More sharing options...
Anders Moen Posted February 2, 2007 Share Posted February 2, 2007 Not sure what you mean, but maybe this will help you: body {background-image: url('images/topbody.gif');background-repeat: repeat-x;background-color: #B4C6FF;} Link to comment Share on other sites More sharing options...
pulpfiction Posted February 2, 2007 Share Posted February 2, 2007 background-image: url('images/topbody.gif') repeat-x; Incase you are trying to do it like above, small change is.... use background instead of background-imagebackground: url('images/topbody.gif') repeat-x; Link to comment Share on other sites More sharing options...
Norman Posted February 2, 2007 Author Share Posted February 2, 2007 Not sure what you mean, but maybe this will help you:body { background-image: url('images/topbody.gif'); background-repeat: repeat-x; background-color: #B4C6FF; } Yes, maybe I've already try it, but it doesn't work.. if I remember good. However I will try again. Thanks!Incase you are trying to do it like above, small change is.... use background instead of background-imagebackground: url('images/topbody.gif') repeat-x;Oh, ok. Thanks. *I'm learning CSS, thank you guys/girls! * Link to comment Share on other sites More sharing options...
kvnmck18 Posted February 2, 2007 Share Posted February 2, 2007 For future...can a thread like this be in XHTML forum? Link to comment Share on other sites More sharing options...
Norman Posted February 2, 2007 Author Share Posted February 2, 2007 Ok, excuse me. Link to comment Share on other sites More sharing options...
pulpfiction Posted February 2, 2007 Share Posted February 2, 2007 This should work fine... did you try this??body {background:url('images/topbody.gif') repeat-x;background-color: #B4C6FF;} Link to comment Share on other sites More sharing options...
Norman Posted February 2, 2007 Author Share Posted February 2, 2007 Yes, now it works! Thanks. Link to comment Share on other sites More sharing options...
Norman Posted February 2, 2007 Author Share Posted February 2, 2007 Ok, now I need a navigation bar like this: http://www.gaiaonline.com/info/index.php?info=privacy (to the right of the page). I want something like that. It only show its relative content only when clicked. In that link..It: CommunityIts relative content: Forums, Guilds, Arenas, etc. Where must I start? Link to comment Share on other sites More sharing options...
Norman Posted February 3, 2007 Author Share Posted February 3, 2007 Hey.. ? Link to comment Share on other sites More sharing options...
Anders Moen Posted February 3, 2007 Share Posted February 3, 2007 You mean now that you want like...a new style on the link that you just clicked? Then you just use classes. Link to comment Share on other sites More sharing options...
Norman Posted February 4, 2007 Author Share Posted February 4, 2007 I don't want a new style, I want know how can I make a navigation menù like that one in the link. Link to comment Share on other sites More sharing options...
aquatsr Posted February 4, 2007 Share Posted February 4, 2007 I don't want a new style, I want know how can I make a navigation menù like that one in the link. You mean now that you want like...a new style on the link that you just clicked? Then you just use classes. Link to comment Share on other sites More sharing options...
Norman Posted February 12, 2007 Author Share Posted February 12, 2007 Can you give me a code example, please? Link to comment Share on other sites More sharing options...
jlhaslip Posted February 12, 2007 Share Posted February 12, 2007 Have a look at the menus available at cssplay.co.uk. Here is one which performs this sort of effect on:hover, so you might be able to adapt something from that. Or have a look to see if other examples there might work better for you?Also, why do you use this code for the Header on the top of the page? <p> <span class="index-title">Travel Agency Station</span> </p> Using an <h1> tag will perform the same effect AND be more semantic, resulting in better SEO. <h1 class="index-title">Travel Agency Station</h1> Googlebots will like it better because it structures your page in a manner they are better able to index, or something like that. Link to comment Share on other sites More sharing options...
Norman Posted February 14, 2007 Author Share Posted February 14, 2007 Oh, ok. Thanks for the link and for the final info. However I've used this menù: http://www.dynamicdrive.com/style/csslibra...mage-tabs-menu/Now I've another problem. :)I've an element in a page (a text contenitor). And I have a vertical menù. My problem is thhat when I'm putting this menù... mhh.. an example ():I want:Vertical Menù - Text Box Now I've:Vertical Menù -Text Box Link to comment Share on other sites More sharing options...
pulpfiction Posted February 14, 2007 Share Posted February 14, 2007 check out the "sneak preview" in the page.... Is this something you are looking for?http://alistapart.com/articles/horizdropdowns Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now