Results 1 to 4 of 4

Thread: My HTM is ignoring one div and class for some reason..

  1. #1
    Join Date
    May 2009

    My HTM is ignoring one div and class for some reason..

    I'm a noob to coding, I started today and sliced up a photshop iamge, I know it might have been easier but I needed 3 sections at the top so I could have a clickbale logo.

    For some strange reason that I can't figure out is that when I give my 3rd image a div it is being ignored in some sort of strange way.

    Here is my code, it's the <div id="headerright> that isn't working.

    <?xml version="1.0" encoding="UTF-8"?>
    <!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" 
      xml:lang="en" lang="en" />
    	<title>TheDj's Net First Design Test</title>
    <link rel="stylesheet" href="css/default.css" />
    	<div id="container">
    		<div id="header">
    			<img src="images/top_left_banner.gif" alt="TheDj's First Design Test /> <!--left of banner-->
    	<ul id="nav">
    					<li><a href="#">Home</a></li>
    					<li><a href="#">Members</a></li>
    					<li><a href="#">Login</a></li>
    	<div id="centerheader">
    			<img src="images/middle_logo_banner.gif" alt="Logo />
    	<div id="headerright">
    			<img src="images/top_right_banner.gif" alt="top right />
    		</div> <!--end header-->
    		<div id="main>"
    			<div id="main_content_left">
    			<img src="images/main_content_left.gif" />
    			</div> <!--end main content left-->
    			<div id="main_content_left_2">
    			<img src="images/main_content_left_2.gif" />
    			</div> <!--end main content left 2-->
    			<div id="main_content_left_top_3">
    			<img src ="images/main_content_left_top_3" />
    			</div> <!--end main content left top 3-->
    			<div id="main_content_bottom_3">
    			<img src="images/main_content_bottom_3.gif" />
    			</div> <!--end main content 3 bottom-->
    			<div id="main_content_left_top_4">
    			<img src="images/main_content_left_top_4.gif" />
    			</div> <!--end main content 4 top-->
    			<div id="main_content_left_bottom_4">
    			<img src="images/main_content_left_bottom_4.gif" />
    			</div> <!--end main content 4 bottom-->
    			<div id="main_content_left_top_5">
    			<img src="images/main_content_left_to_5.gif" />
    			</div> <!--end main content 5 top-->
    			<div id="main_content_left_bottom_5">
    			<img src="images/main_content_left_bottom_5.gif" />
    			</div> <!--end main content 5 bottom-->
    			<div id="main_content_last_right">
    			<img src="images/main_content_left_bottom_6.gif"
    		</div> <!--end main-->
    	</div><!--end container--> 

  2. #2
    Join Date
    Dec 2008
    Denver, Colorado
    Try closing your quotes on alt="Logo, alt="top right and fix the quotes on <div id="main>"

  3. #3
    Join Date
    May 2009
    Veryy nice thank you for poiting this out, now all I need to do is figure out how to get the 3 images to all align at the top.. I dont think the tut I watched for slicing is quite desirable for my ultaimte aim as it didn't cover tables and I think this design will only work with a table

  4. #4
    Join Date
    Jun 2009

    If you want your images to align at the top, you could add postion:relative; to your header div in your css. Then give the other divs in this section a position of absolute and position them how you want.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
HTML5 Development Center