nevermore
-
Posts
10 -
Joined
-
Last visited
nevermore's Achievements
Newbie (1/14)
0
Reputation
-
Well I guess I am learning because that made sense to me, a month ago I would have been like "Whaaaaaaaaaaat?" I closed of the site_logo div above where the menu started and now it works! Thank you so much!!! You are awesome!
-
I am slowly but surely learning php. Right now I am creating a header.php with html added in, for my site, however the graphics are misplaced when I look at the php file. In the html version it looks fine and both files are linked to the same style.css, so nothing was changed. The html and correct look: header.php look incorrect: here is the header.php code: <html> <head> <link href="style.css" rel="stylesheet" type="text/css" media="screen"/> </head> <body> <div id="header_wrap"> <div id="header"> <div id="site_logo"> <div id="menu_wrap"> <div id="menu"> <ul> <li><a href="http://www..com/main/index.html">Home</a></li> <li><a href="http://www..com/main/about.html">About</a></li> <li><a href="http://www..com/fanfiction/index.php">Stories</a></li> <li><a href="http://www..com/comics_art">Art</a></li> <li><a href="http://www./forums">Forum</a></li> <li><a href="http://www./chat">Chat</a></li> </ul> </div> </div> </div> </div> </div> </body> </html> index.html 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> <title></title> <link href="style.css" rel="stylesheet" type="text/css" /> <link rel="shortcut icon" href="/favicon.ico"> </head> <body> <div id="header_wrap"> <div id="header"> <div id="site_logo"> </div> </div> </div> <div id="menu_wrap"> <div id="menu"> <ul> <li><a href="http://www..com/main/index.html">Home</a></li> <li><a href="http://www..com/main/about.html">About</a></li> <li><a href="http://www..com/fanfiction/index.php">Stories</a></li> <li><a href="http://www..com/comics_art">Art</a></li> <li><a href="http://www..com/forums">Forum</a></li> <li><a href="http://www..com/chat">Chat</a></li> </ul> </div> </div> Style.css (exact same for both) body { margin:0px; padding:0px; background:#2b1b17; } #header_wrap{ width:100%; height:114px; margin:0px; background:url(images/header_bg.png) repeat-x; } #header{ width:100%; margin:0 auto; } #site_logo{ width:340px; height:100px; background:url(.....)no-repeat; } #menu_wrap{ width:100%; height:41px; background:url(images/menu_bg.png) repeat-x; overflow: hidden; } #menu{ width:980px; height:41px; margin: 0 auto; } #menu ul{ margin:0 0 3px 15px; padding:0px; list-style:none; } #menu li { margin:0px; padding:0px; } #menu a { float:left; display:block; height:36px; width:128px; padding:8px; margin:0px 0 0 0px; background:url(images/menu.png) no-repeat; text-align:center; font-size:14px; text-decoration:none; color:white; font-weight:bold; outline:none; } #menu a:hover { color:black; background:url(images/menu_hover.png) no-repeat; } #menu .current { color:black; background:url(images/menu_hover.png) no-repeat; }
-
issue with css: button image same size as link?
nevermore replied to nevermore's topic in Beginners Web Design
Well I feel silly. I guess its always good to have a second set of eyes. Thank you! -
I am having trouble with making my buttons the right size. They are each resizing themselves to the width of the link they are behind. Pic: my problem is at #menu a Here is the html coding: <!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> <title></title> <link href="style.css" rel="stylesheet" type="text/css" /> <link rel="shortcut icon" href="/favicon.ico"> </head> <body> <div id="header_wrap"> <div id="header"> <div id="site_logo"> </div> </div> </div> <div id="menu_wrap"> <div id="menu"> <ul> <li><a href="http://www..com/main/index.html">Home</a></li> <li><a href="http://www..com/main/about.html">About</a></li> <li><a href="http://www..com/fanfiction/index.php">Stories</a></li> <li><a href="http://www..com/comics_art">Art</a></li> <li><a href="http://www..com/forums">Forum</a></li> <li><a href="http://www..com/chat">Chat</a></li> <li><a href="http://www..com/tuts.html">Tutorials</a></li> </ul> </div> </div> </body> </html> Style sheet/CSS: body { margin:0px; padding:0px; background:#2b1b17; } #header_wrap{ width:100%; height:114px; margin:0px; background:url(images/header_bg.png) repeat-x; } #header{ width:980px; margin:0 auto; } #site_logo{ width:340px; height:100px; background:url(images/logo.png)no-repe… } #menu_wrap{ width:100%; height:41px; background:url(images/menu_bg.png) repeat-x; overflow: hidden; } #menu{ width:980px; height:41px; margin: 0 auto; } #menu ul{ margin:0 0 0 28px; padding:0px; list-style:none; } #menu li { margin:0px; padding:0px; display:inline; } #menu a { margin:0 10px 0 10px; float:left; display:block; height:36px; width:150; background:url(images/menu.png) no-repeat; text-align:center; font-size:14px; text-decoration:none; color:white; font-weight:bold; outline:none; } tried #menu li a
-
Oh my gosh! its working now, I am not sure what I did, but it works. I swear my computer does this to give me a headache before a dead line. Thank you to all who tired to help me!
-
Andrea, you changed the name of the html doc when you loaded it to your server, I wonder if for some strange reason that is the problem the index name?
-
I PMed it to you.
-
the text color is going to change later. And I don't see the black at all, it is the default white of the browser I see. I took the space out of main, but there was no change and style.css is defiantly style.css and not style.css.txt . You said it worked for you, so could it be something with my computer? I have coded other pages on this computer before and it worked fine for me and they still work fine. This is the first time this has ever happened. It is quite annoying considering linux doesn't offer a program (that I am aware of) like dreamwaever where you can view the code along side the design. I need it to work in the browser in order to see all the detail i am putting in. Maybe I should just put the style inside the html and work with it that way, instead of trying to link them? Since it doesn't want to work for me. Edit: I just uploaded them to my server and they are not working there either.....
-
grrr....this is annoying. They are both in the same place file:///home/*****/Desktop/main%20/style.css file:///home/*****/Desktop/main%20/index.html I tried viewing the site in chrome and I am getting the same problem and I did ctrl+F5 in mozilla, nada. This is what I am getting. It should have a gunmetal color background
-
I have found a few topics on here similar to my problem, but none of them helped me. I am using a program called gedit to do my coding and viewing it in the browser. I can't seem to get the css and html pages to connect, they are in the same folder, but the changes I make in the css aren't showing up when I refresh the browser. Here is my coding for both. Html page: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-… <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <link rel="stylesheet" href="style.css" type="text/css"> <link rel="shortcut icon" href="/favicon.ico"> </head> <body> <div id="header_wrap"> <div id="header"> <div id="site_logo"> </div> </div> </div> <div id="menu_wrap"> <div id="menu"> <ul> <li>Home</li> <li>About</li> <li>Stories</li> <li>Art</li> <li>Forum</li> <li>Chat</li> <li>Tutorials</li> </ul> </div> </div> </body> </html> style.css: body { background:#2b1b17; } #header_wrap{ } #header{ } #site_logo{ } #menu_wrap{ } #menu{ } #menu ul{ } #menu li { } I am following the 1stoptutorials css on youtube I am on lesson 6.I also checked the file the guy used and they came up blank with detail it was just the text. I have looked at this tut on a windows computer ( I use linux now) and it worked fine. And yes the css file is name style.