My Very Sad Code
free web hosting
Open Discussion > CONTRIBUTE > Computers > Programming Languages > HTML, XML etc..

My Very Sad Code

JasperIk
Dec 7 2006, 02:31 AM
So i usually work in notepad, or frontpage but i was using dreamweaver instead because i wanted to see the difference and i like it better than frontpage and all. But as usual i cant get anything to work. I wanted the table to be over the images [the second image was going to be a table under the first picture, but i couldnt allign it right and there kept being a gap] i took the table out .

http://www.indiealways.trap17.com/zooey.html is the link to the page

HTML
<!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>Untitled Document</title>
</head>
<body>
<style type="text/css">
body { background-color: #111840; }
</style>
<div align="center"><img src="zooey1.jpg" alt="zooey" /> alt="zooey1" width="630" height="563" align="absmiddle" /></div>
<div align="center"><img src="thebody.jpg" alt="body" /> alt="thebody" width="630" height="802" align="absmiddle" />

<span class="style1"></span>
</div>
</body>
</html>


Oh and this is kind of how i want it to look : http://img.photobucket.com/albums/v397/Jas...k/whatiwant.jpg

 

 

 


Reply

jlhaslip
Dec 7 2006, 02:45 AM
First thing to do is correct the closing of the image tag. Remove the characters "/>" in the middle of the image code, just before the alt=.
HTML
<div align="center"><img src="zooey1.jpg" alt="zooey" alt="zooey1" width="630" height="563" align="absmiddle" /></div>
<div align="center"><img src="thebody.jpg" alt="body" alt="thebody" width="630" height="802" align="absmiddle" />

And I am wondering if the table can be given a coloured background instead of the jpg? That would also make the page load quicker.
I will try something and post back again, shortly.

Here is some code using the colour background on a div. The Image could also be placed there.
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">

<title>Untitled Document</title>

<style type="text/css">

body { background-color: #111840; }
#main {
background-color: #eeeeee;
width: 621px;
margin-left:auto;
margin-right:auto;
text-align:center;
margin-top: 1em;/* remove this margin to erase the bue band between the div's */
}
td {
width: 100px;
}
</style>
</head>
<body>

<div align="center">
<img src="zooey_files/zooey1.jpg" alt="zooey1" width="630" height="563" align="absmiddle" />
</div>

<div id="main">
<table >
<tr>
<td> 1 </td><td> 1 </td><td> 1 </td><td> 1 </td><td> 1 </td>
</tr>
<tr>
<td> 1 </td><td> 1 </td><td> 1 </td><td> 1 </td><td> 1 </td>
</tr>
<tr>
<td> 1 </td><td> 1 </td><td> 1 </td><td> 1 </td><td> 1 </td>
</tr>
<tr>
<td> 1 </td><td> 1 </td><td> 1 </td><td> 1 </td><td> 1 </td>
</tr>
</div>
</body></html>
Admittedly, the table is a little weak, but it is ony a sample. biggrin.gif

Where did thebody.jpg go to???

 

 

 


Reply

Saint_Michael
Dec 7 2006, 03:11 AM
Here you go jasper it it more align with the css, the set up is easy to understand the only thing you need to remove once your all done is the border.

The reason I put the border there is that then you know where to begin the text and the rest of the content.

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"><title>Untitled Document</title>

<style type="text/css">
html, body{
background-color: #111840;
margin:0;
padding:0;
text-align:center;
}

.wrapper{
position:relative; top: 20px;
width:100%;
text-align:left;  
margin-left:auto;
margin-right:auto;
}  

.div1 {background: url("zooey_files/zooey1.jpg"); background-repeat: no-repeat;
position:relative; top: 20px; left: 200px;
    padding: 0px;
    margin: 0px 0 0px 0;
    width: 631px;
    height: 563px;
    border-bottom:solid 1px;
    }

.div2 {background: url("zooey_files/thebody.jpg"); background-repeat: no-repeat;
    position:relative; top: 20px; left: 200px;
    padding: 0px;
    margin: 0px 0 0px 0;
    width: 631px;
    height: 802px;
    }
.content {
  position:relative; top: -10px; left: 0px;
  text-align:left;
  margin-top: 0px;
  margin-left: 10px;
  color: #000000;
  width: 100%;
  height: 802px;
    }
    
<!-- TABLE -->    
table.servicesT
{ font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #404040;
width: 320px;
background-color: #fafafa;
border: 1px #6699CC solid;
border-collapse: collapse;
border-spacing: 0px;
margin-top: 0px;
}


table.servicesT td.servHd
{ border-bottom: 2px solid #6699CC;
background-color: #BEC8D1;
text-align: center;
font-family: Verdana;
font-weight: bold;
font-size: 11px;
color: #404040;}


table.servicesT td
{ border-bottom: 1px dotted #6699CC;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: 11px;
color: #404040;
background-color: white;
text-align: left;
padding-left: 3px;}

.servBodL { border-left: 1px dotted #CEDCEA; }
<!-- END TABLE -->
</style>



</head><body>
<div class="wrapper">
<div class="div1"></div>
<div class="div2">
<div class="content">
<table summary="Services, or Links box template" class="servicesT" cellspacing="0">
<tr><td colspan="2" class="servHd">Services or Links box template</td></tr>
<tr>
    <td><a href="#">Onesey</a></td>
    <td class="servBodL"><a href="#">Twosesy</a></td>
</tr>
<tr>
    <td><a href="#">Scary FUD</a></td>
    <td class="servBodL"><a href="#">Navigate the Hierarchy of Fear</a></td>
</tr>
<tr>
    <td><a href="#">About Us</a></td>
    <td class="servBodL"><a href="#">World Class Talent</a></td>
</tr>
<tr>
    <td><a href="#">See it NOW!</a></td>
    <td class="servBodL">Staff Attrition <a href="#">Statistics</a>/<a href="#">Status</a></td>
</tr><br />
</table>
</div>

</div>
</div>

</body></html>


EDIT-I DID some more updates to it added a small table to show were you would want to start roughly in content but you can erase the the table and go from there.
EDIT #2-Ok After realizing some alignment problems it's fix now so any browser set at 1024x768 will see it without scrolling left or right

Reply

JasperIk
Dec 7 2006, 04:27 AM
After using SM's code (i couldn't figure out jhaslips... unsure.gif ) it looks like this: http://www.indiealways.trap17.com/zooey.html but i need help with getting rid of that little box at the bottom and/or moving it to my advantage.

Reply

Saint_Michael
Dec 7 2006, 04:52 AM
Finally figuring out what table you were talking about I adjusted the code as such.

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"><title>Untitled Document</title>

<style type="text/css">
html, body{
background-color: #111840;
margin:0;
padding:0;
text-align:center;
}

.wrapper{
position:relative; top: 20px;
width:100%;
text-align:left;  
margin-left:auto;
margin-right:auto;
}  

.div1 {background: url("zooey_files/zooey1.jpg"); background-repeat: no-repeat;
position:relative; top: 20px; left: 200px;
    padding: 0px;
    margin: 0px 0 0px 0;
    width: 631px;
    height: 563px;
    }

.div2 {background: url("zooey_files/thebody.jpg"); background-repeat: no-repeat;
    position:relative; top: 20px; left: 200px;
    padding: 0px;
    margin: 0px 0 0px 0;
    width: 631px;
    height: 802px;
    }
.content {
  position:relative; top: -10px; left: 0px;
  text-align:left;
  margin-top: 0px;
  margin-left: 10px;
  color: #000000;
  width: 100%;
  height: 802px;
    }

#navcontainer {
  position:relative; top: 383px; left: -23px;
        margin: 0px 0 0 43px;
        padding: 0;
        height: 0px;
}

#navcontainer ul {
        border: 0;
        margin: 0;
        padding: 0;
        list-style-type: none;
        text-align: center;
}

#navcontainer ul li {
        display: block;
        float: left;
        text-align: center;
        padding: 0;
        margin: 0;
}

#navcontainer ul li a {
        background: #fff;
        width: 78px;
        height: 18px;
        border-top: 1px solid #f5d7b4;
        border-left: 1px solid #f5d7b4;
        border-bottom: 1px solid #f5d7b4;
        border-right: none;
        padding: 0;
        margin: 0 0 10px 0;
        color: #f5d7b4;
        text-decoration: none;
        display: block;
        text-align: center;
        font: normal 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

#navcontainer ul li a:hover {
        color: #930;
        background: #f5d7b4;
}

#navcontainer a:active {
        background: #c60;
        color: #fff;
}

#navcontainer li#active a {
        background: #c60;
        border: 1px solid #c60;
        color: #fff;
}    
    
.table {
  position:relative; top: -804px; left: 323px;
  background-color: #111840;
  text-align:left;
  margin-top: 0px;
  margin-left: 10px;
  color: #FFFFFF;
  width: 241px;
  height: 200px;
    }
.table1 {
  position:relative; top: -794px; left: 323px;
  background-color: #111840;
  text-align:left;
  margin-top: 0px;
  margin-left: 10px;
  color: #FFFFFF;
  width: 241px;
  height: 200px;
    }
.table2 {
  position:relative; top: -784px; left: 323px;
  background-color: #111840;
  text-align:left;
  margin-top: 0px;
  margin-left: 10px;
  color: #FFFFFF;
  width: 241px;
  height: 200px;
    }
.table3 {
  position:relative; top: -774px; left: 323px;
  background-color: #111840;
  text-align:left;
  margin-top: 0px;
  margin-left: 10px;
  color: #FFFFFF;
  width: 241px;
  height: 165px;
    }
</style>



</head><body>
<div class="wrapper">
<div class="div1">
                <div id="navcontainer">
                        <ul id="navlist">
                                <!-- CSS Tabs -->
<li id="active"><a id="current" href="Home.html">Home</a></li>
<li><a href="Products.html">Products</a></li>
<li><a href="Services.html">Services</a></li>
<li><a href="Support.html">Support</a></li>
<li><a href="Order.html">Order</a></li>

                        </ul>
                </div></div>
<div class="div2">
<div class="content"></div>
<div class="table">TEST</div>
<div class="table1">TEST</div>
<div class="table2">TEST</div>
<div class="table3">TEST</div>
</div>
</div>

</body></html>


I added enough boxes to cover the length of the bottom image.

Am I to assume you plan on having your content box expand as well?

EDIT #1 I added in a mini nav can change the colors later, added in some test so you know where to put in.

Reply


Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

(Maximum characters: 10,000)
You have characters left.

Similar Topics

Keywords : sad, code

  1. Applet Code
    (0)
  2. I Need Help With This Code
    (3)
    could some one help with this code. I have been working on this for the past hour trying to get it
    to work. this is the first time i have had problem with writing html code. the code i need help
    with is HTML a href =" http://www.darkzone3.110mb.com/contact.php " target=" _blank ">
    input type =" image " height=" 27 " width=" 139 " src="
    http://www.darkzone3.110mb.com/buttons/contact.png " /> /a > for some reason on my page it
    want work at all it want even open it the same page. What i'm trying to do with the code is a
    page in a new window using an....
  3. Email Form Code
    (8)
    I want to create my own e-mail form for my site and I don't quite know if JavaScript or PHP is
    required. I use my Nintendo Wii to manage my sites so I only can use what my webhost allows. I am
    using Angelfire for my main site and InvisionPlus for my forums. I'm planning on switching to
    Trap17 for my main site. Well here is my current code. Please tell me what I need to change.
    Message ....
  4. How To Display Php Code [resolved]
    Html Help With Php Codebox (8)
    I'm trying to make codebox for my guestbook so that users can post PHP code inside.. I tried
    many versions but none of them works If i use , or i can display HTML code, but when i try to
    write PHP code it executes it does not display.. There is a way to make swap for You have codebox
    in forum to display php how can i make that?! thanks....
  5. Transparent Roll Over Pictures
    Whats the code for tranparent pictures (4)
    I dont want just transparent pictures i want a sort of rollover image. I see this done on myspace a
    lot. A transparent picture that when you roll over is less transparent. I want that for my site. Go
    to: http://boozkerstweaks.trap17.com/tutorials...ws_to_vista.php And look at the thumbnail at
    the beginning. I want that to be a transparent image that when you roll over it, it becomes less
    transparent. Ive seen this in HTML and CSS. Either way is fine with me. I looked on this site and
    google, but never really found what i wanted. Almost everyone was only how to make ....
  6. Morse Code
    haha (4)
    very useful /biggrin.gif" style="vertical-align:middle" emoid=":D" border="0" alt="biggrin.gif" />
    you know why... CODE <A></A> <P align=left><!-- saved from
    url=(0034)http://www.mathsking.net/morse.htm --> <META content="MSHTML
    6.00.2800.1106" name=GENERATOR> <META content=FrontPage.Editor.Document name=ProgId>
    <script language=JavaScript> var respecterCasse = true; var ignorerCasse = false; var
    motsEntiers = true; var touteSousChaine = false; function rechercher(cible,terme,resp....
  7. Screen Resolution
    I need a code to help out here please... (6)
    Hey everyone.. I was just wondering if there was a code/script that I could insert into my html
    website to change viewers resolution from 1024x800 to 800x600 or something to that effect. It's
    just I use 800x600 at home, and I programme it around that, and it's fine, but on some public
    computers it's default to 1024x800 and can't be changed.. Is there a script to chance
    this??? Help plz anyone!!! Thanks in advance, Sean.....
  8. Have You Used This Html Code?
    very useful (9)
    how do you do if you want to put a video or audio file on you page...maybe you will use CODE
    <object><param name=url value="url"></object>/*simple format*/
    CODE <div><embed src="url"></embed></div> /*simple
    format*/ there is a very familiar code for carring out the video show : CODE <img
    dynsrc="http://kenvi9999.googlepages.com/ff7.wmv" border=1>/*an example:FF7*/
    have you used this html code...I just knew a tag can achieve video play that is really co....
  9. Html Question Concerning Pre Tag And Code Tag
    (8)
    My question is, why would anyone use the CODE tag when you can use the PRE tag? 1. The PRE tag
    recognises white space, the CODE tag does not. 2. The CODE tag requires that you escape some
    chars, the PRE tag does not. I cannot see anything that the CODE tag achieves that is special apart
    from sounding as though it is perfect for displaying code which IMO it is not. Thanks. ....
  10. Realtime/wma Player In Websites
    What's the code (5)
    Alright, I'm making a website for a band. And he requested on the "Media" page that when you go
    there, you see there sample songs. And next to it, it's like "Song - Play in - MWA - RealTime."
    How do you make it so when you click, say, realtime, it takes you to another page and the player is
    right there, playing the song? I suppose this is some kind of PHP but I'm not sure. Links,
    code, tutorials, anything to get this working for me is appretiated.....
  11. Code To Autocomplete A Form?
    in hmtl or PHP (7)
    Hey guys. I'm doing a web-based (running on an intranet) Inventory System for my final
    requirement in school. I'm looking for a code to autocomplete a form like if I type in a few
    letters in a textfield, the rest of the word gets displayed already or if I type in a few letters of
    an item in a drop-down menu (Select), the focus goes to that item. Has anyone done this before or
    does anyone have the code for this? Thanks very much /smile.gif' border='0'
    style='vertical-align:middle' alt='smile.gif' /> ....
  12. What Is The Xhtml 1.1 Code To Embed An Applet?
    (2)
    I've been doing a lot of java stuff recently and some is pretty neat, so I'd like to put it
    on the internet. I'm using XHTML 1.1 for all my pages, though, and according to W3Schools
    doesn't exist anymore and to use object. It's not working, though. There are a bunch of
    attributes ( http://www.w3schools.com/tags/tag_object.asp ) and I have no idea which things I need
    to use. Which do I put for an applet?....
  13. Code For This Table Layout?
    html help needed (6)
    Hey, can anyone help me generate the code needed for a table that would look something like this?
    CODE  ----------------------------------------------------- |                                  
    |---------------- | |                                   |---------------- | |                    
                  |---------------- | |                                   |---------------- | |      
                                |---------------- | |                                  
    |---------------- |  ------------------------------------------------------ Thanks i....
  14. Total Lines Of Code
    (3)
    Does anyone know how to have Dreamweaver MX (or some other program) tally up the lines of code in an
    entire website and display the total lines of code? I can get the number of pages but I am very
    interested in how many lines I've written. Kvernerexpress....
  15. W3c Compliant Flash
    anyone know the html code to make flash w3c compliant? (0)
    Recently, I decided to make my entire site W3C compliant . That didn't work too well (or else
    this thread wouldn't be here) because I have flash games on my website. The main purpose of the
    validator is to ensure that your HTML code will run on any computer on any platform, which it does
    because I've tested it, but the validator still insists that my code will not work. So I teamed
    up with Google to help me find a solution. The first result led me to A List Apart who is known
    for their excellent HTML and CSS tutorials/articles. It turns out that there is ....
  16. List-style Help
    - I need a good code (2)
    you know where you can use your own images for a list. well, I have a code that don't work.
    Please send me a good code that works. yu know, CODE <li>with my image
    infront</i> ....
  17. Redirect Code Help
    (8)
    Can someone give me the code which redirects you automatically in the whole page instead of only in
    the frame? I'm using this code, but it just redirects inside a frame... CODE <meta
    HTTP-EQUIV="REFRESH" content="0; url=http://www.something.com"> But now
    .tk has added a ad to the pages so I don't want to use it anymore, so I want that people
    entering the site is being redirected to the "real" domain name now.......
  18. Blendtrans Filter With Onmouseover?
    anybody got a good code? (1)
    I need the best way to do a blendTrans filter, BUT IT HAS TO BE INCORPERATED INTO ONMOUSEOVER.
    I'd aprictiate it.....
  19. Scroll Color
    CODE (2)
    i find this code :: CODE <STYLE type=text/css>BODY { SCROLLBAR-FACE-COLOR:
    #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #ffffff;
    SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #0099cc; SCROLLBAR-TRACK-COLOR:
    #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #394963 }</style> with this code you can change
    your Scroll color /blink.gif' border='0' style='vertical-align:middle' alt='blink.gif' /> ....
  20. I Forgot A Code
    History -1 (7)
    What's the code I use on a link to go back to previous page?....
  21. Disable Scrollbars, Menubars Etc....
    Javascript / Html code to disable them (6)
    hi, i would like to know how the scrollbars, menubars etc.. can be disabled. I hope someone can help
    me with this. /biggrin.gif" style="vertical-align:middle" emoid=":D" border="0" alt="biggrin.gif"
    /> Btw: can you tell me where the code should be inserted to? thanks! /cool.gif"
    style="vertical-align:middle" emoid="B)" border="0" alt="cool.gif" />....
  22. Whats The Best Code?
    www.bpsite.tk (32)
    Whats you fav code?....
  23. Html Animation Code
    Help!! (4)
    I'm a total moron of html... and i wish i know how to: 1. Change the visitor mouse cursor while
    they visit my website 2. Have the navigation bar always followed the visitor view. by the way,
    what is the good site that have great html tutorials in it. Thx hey check this site out:
    http://www.dhtmlnirvana.com/ what a great website with full of html animation... GREAT!!....
  24. What Is Invalid In This Code ?, That Hinders Cross
    (3)
    What is invalid in this CSS that hinders it to show up the edge effect (ripped papper like on left &
    right side) in Mozilla FireFox Where as Internet Explorer shows it out perfectly.... Problematic
    URL: http://ajaysekher.net This is a CSS effect made by casecading a picture repeatedly in Y axis
    in the background of a column.... I am attaching the Screenshot of it showing the edges perfectly in
    IE also the CSS code used for that effect. Astonishingly the CSS and the XHTML code is said to be
    valid by W3.ORG..... Adding the validation result URLs too.... Can any one fi....


      25. Looking for sad, code

*RANDOM STUFF*





*SIMILAR VIDEOS*
Searching Video's for sad, code
Watch the latest videos on YouTube.com

*MORE FROM TRAP17.COM*
advertisement



My Very Sad Code



 

 

 

 

ADD REPLY / Got an Opinion! a humble request :-) RAPID SEARCH! Free Hosting [X]
Express your Opinions, Thoughts or Contribute your information that might help someone here.
Ask your Doubts & Queries to get answers.. "Together, We enlight each other!" 		Register FREE for AD-FREE forum, Create your own topics, Ask Questions, track topics, setup subscriptions & notifications and Get a Free Website w/ Email and FTP.
500MB Space *No Ads*, CPanel, FTP, PHP, MySQL, EMails - 100% FREE