11 replies to this topic

[onething]

Hi folks
This one's a toughie. Im still a newb at this, and ive decided to go for the internet marketing instead, there's still room for bull**** there... or maybe it's the ebooks lol

Anyway, im currently trying to, believe it or not, copy parts of a websites code to build my own site, and maybe learn a bit about programming while im at it. I'm using the split live view/ live code view on dreamweaver and inspecting the mozilla browsers results i get from Dreamweaver with a firefox plugin known as Firebug.

To my utter shock and misunderstanding, I cant get rid of a google ad and another customized ad that firefox says is there but dreamweaver says its gone. DW just says no worries, its just not there. Mozilla and the code that appears on Firebug says quite the opposite. I search for the stuff found by firebug on with the find... option but its just not there.

I dunno, its weird trying to make this javascript ad disappear. On dreamweaver sometimes it shows, whereas on mozilla and firebug its always there still. When i still see it on dreamweaver I inspect it, right click and start erasing code like a lunatic, right click some more on the ad, erase more of what seems to be only javascript until I break something and rather amusingly enough the ad, which starts off at the left side, starts going into the center of the page getting rid of all the useful content, until its just sitting there alone, with the menu and the header still alive but with the rest of the doc disappeared. And all by just right clicking and erasing code. There's gotta be a simpler way!

If i ever make it I'll look back at this and laugh, I havent even got to sitemapping it, its just a webpage...!


What am i doing wrong?

[onething]

lol i must sound nuts in my questions, but i swear its true, now ive managed to erase the adsense god knows how, but the javascripty thingieish affiliate offer on the left hand side just wont go when i go to mozilla!! this is like black magic!!

and at this rate, not knowing exactly when i got rid of the adsense has me worried since if there's any code left it'll relate my site's adsense to that poor guys and vice versa lol

[ethikz]

How about posting your code so we can see where it is located?

[onething]

im really paranoid about everything... it might sound comic.... but i kinda am, about being caught copying someone elses website... if all goes well, i want it to be my first attempt at keyword research... and also if i've chanced on a golden opportunity i wouldnt want to jeopardise it lol, but ive been reading too many of those ebooks...

Anyway, ive kinda found out that its something called ''live code'' 2 minutes ago, after 10 hours struggling lol

whatever live code is, at this point i think its something thatll eat me alive...

odd thing was i made this discovery with HTT tracker instead of the firefox plugin, whereas the latter only dlded a page, and i was having these many problems with a page not to mention a site, HTTTracker doesnt seem to show me the adsense, at least i got rid of the live code affiliate advert. my oh my this is harder than i thought it'd be.

tomorrow ill close this thread if i succeed, or if things get worse ill set up another site as an example and maybe a kind soul can teach me what is what.

[ethikz]

Well it is better to write your own code but if you copy it make sure you change a sufficient amount of things and then you won't have to worry about plagiarism usually. But I would never recommend it. You can however use it as a reference and learning tool but I would never put it online unless it is written by you.

HTML is easy and so is CSS...hang with you and you'll get it in no time..if you ever need help just post and we will do our best

[onething]

thanks ur right im getting it done snail pace thou but at least i am starting from scratch
i think yesterdays images that wouldnt go might have had something to do with css files i wasnt editing
today im doing it in css and html with david powers tutorial

[ethikz]

Well good to hear, and yes you have to crawl before you walk. It will take time but hang in there. Well if you need future help with code you will need to post particular sections that you are struggling with so we can look and help you

[onething]

do you know how to put six little linkable images, with spaces inbetween, each image with subtext, inside the center_column div? the tutorial im reading only addresses how to put one image and then the text underneath. thanks

[onething]

Also here's another question. On one CSS block I can't seem to the textable area go upwards, only downwards by making more paragraphs. Here's the code:

<div class="container1">
<div class="col-1">
<div class="indent">
<a href="#" class="link1"></a>
<div class="logo">
<h2><a href="index.html"></a></h2>
<h3> <br>
</h3>
<p> </p>
<p> </p>
<p> </p>
</div>

As you can see I've written paragraphs at the bottom. But I cant seem to make space at the top. About half of that column is wasted from where it says indent to where i can open header at h2. And if i get rid of the indent, the text just moves slightly to the upper left but no use.

EDIT!
Ive since found out container 1 is in a flash and im now learning how to edit the flash, so ignore me on this point. However the question above it still stands.

Also, for SE purposes, if im going to use flash on my site, wont i have to wrap it from google spiders so they dont think my site is all just about that huge file of SWF nonsense?

Edited by onething, 17 October 2010 - 02:40 AM.

[onething]

And while I'm at it, is it possible to give an plain html css alternative to those users who have flash blocked/ compatibility issues while keeping the flash for the users that can make it work? HTML padding, maybe? Or something like alt= and then the jpg?

Edit: Yeah, scrap the thought, ive just about read enough about flash being SEO unfriendly. ill just go plain.

Edited by onething, 17 October 2010 - 05:54 AM.

[onething]

Ok, i'll learn html and css when i got some moneys :-)
I got a template its free so no worries this time, at least it says it was free at the first google result...

However, im surprised at the css, and i fear if i keep learning programming ill be distracted from my million marketing plans, so apologies if this is too basic. Having seen left column, center column and right column in the tutorial above, i thought css might be more simple, but in this templates css i find no such orders. I would like to know how to add an extra column to the two columns below the flash header of this site, ill buys u a bear in years time if u tell me :-)

here's the css:

body {padding:0; margin:0; background-color:#F9F9F9}
body, td, input, textarea{
    font-size:11px;
    font-family:Tahoma;
    color:#676767;
    line-height:14px;
    vertical-align:top;
    padding:0px;
}

br{font-size:10px}
table{border:0px; border-collapse:collapse;    }

a{color:#76ACED; text-decoration:underline} 
a:hover{text-decoration:none}
li{background:url(images/1_z2.gif)  center left no-repeat; margin:0px; padding-left:8px }
li a{color:#5F5F5F;} 
ul{margin:0; padding:0; list-style:none; line-height:16px}

.block li{background:url(images/1_z1.gif)  center left no-repeat; margin:0px; padding-left:12px }
.block li a{color:#76ACED;} 
.block ul{margin:0; padding:0; list-style:none; line-height:17px}

b a{color:#151515} 
b{color:#151515} 
.b{color:#151515; font-size:14px} 
span{color:#76ACED}
 
.footer{color:#878787; font-size:10px; line-height:15px} 
.footer a {color:#919EAB; font-size:10px;} 
.copyright { padding:0px 0 6px 10px; font-size:9px; text-align:right; color:#878787; position:relative; margin-right:-4px;}
.copyright a {color:#919EAB; text-decoration:underline;}

.more{background:url(images/1_z1.gif)  center left no-repeat; padding-left:8px; padding-bottom:3px; color:#5D5D5D;}

input{
   padding-left:5px;
   width:209px; height:17px;
}
#input1{
   padding-left:0px;
   width:61px; height:16px;
   border-width:0px;
   vertical-align:middle;
   margin-left:4px;
}
#input2{
   padding-left:0px;
   width:43px; height:16px;
   margin-left:110px
}
#input3{
   padding-left:0px;
   width:48px; height:16px;
   margin-left:8px
}
textarea{
   padding-left:5px;
   width:209px; height:139px;
   overflow:auto}

And here's the html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<table cellpadding="0" cellspacing="0" border="0" style="width:100%">
    <tr>
        <td style="width:100%" height="233">
            <table cellpadding="0" cellspacing="0" border="0" style="width:100%">
                <tr>
                    <td style="width:50%; background-color:#FFFFFF" height="233"></td>
                    <td style="width:968" height="233">
                        <table cellpadding="0" cellspacing="0" border="0" width="968">
                            <tr>
                                <td width="968" height="233">
                                    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="968" height="233">
    <param name="movie" value="flash/headerV7.swf?button=0">
    <param name="quality" value="high">
    <param name="menu" value="false">
    <!--[if !IE]> <-->
    <object data="flash/headerV7.swf?button=0"
            width="968" height="233" type="application/x-shockwave-flash"> 
     <param name="quality" value="high">
     <param name="menu" value="false">
     <param name="pluginurl" value="http://www.macromedia.com/go/getflashplayer">
     FAIL (the browser should render some flash content, not this).
    </object>
    <!--> <![endif]-->
  </object>
                                </td>
                                <td width="968"> </td>
                            </tr>
                        </table>
                </td>
                    <td style="width:50%; background-color:#FFFFFF" height="233"></td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td style="width:100%; background:url(images/bg.gif) repeat-x top left #FFFFFF" height="480">            
            <table cellpadding="0" cellspacing="0" border="0" width="968" align="center">
                <tr>
                    <td width="28" height="480"></td>
                    <td width="295" height="480">
                        <table>
                            <tr>
                                <td width="295" height="202" bgcolor="#F8F8F8">
                                    <div style="margin:26 20 0 34px ">
                                        <img src="images/1_w1.gif" style="margin-bottom:16px" alt="" border="0"><br>
                                        <img src="images/1_w2.gif" style="margin-bottom:13px" alt="" border="0"><br>
                                        <b><a href="#">Solutions for business</a></b><br>
                                        <br style="line-height:3px">
                                        Fusce feug maleoas orbim nsecpiscing elit<br>
                                        lerode fersae dekera veronr gerts.<br>
                                        <br style="line-height:9px">
                                        <a href="#" class="more">read more</a><br>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td width="295" height="278" class="block">
                                    <div style="margin:33 20 0 34px ">
                                        <img src="images/1_w3.gif" style="margin-bottom:24px" alt="" border="0"><br>
                                        <ul>
                                            <li><a href="#">Aenean nonenderse delase ferese</a></li>
                                            <li><a href="#">*** sociis natoque</a></li>
                                        </ul>
                                        <br style="line-height:15px">
                                        <img src="images/1_line.gif" style="margin-bottom:14px; margin-left:-5px" alt="" border="0"><br>
                                        <ul>
                                            <li><a href="#">Lorem ips dolor sitas lerode</a></li>
                                            <li><a href="#">Praesent vei busene desco mroe</a></li>
                                            <li><a href="#">Aenean nony  hendlorem ipsumes</a></li>
                                        </ul>
                                        <br style="line-height:9px">
                                        <a href="#" class="more">read more</a><br>
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </td>
                    <td width="28" height="480"></td>
                    <td width="394" height="480">
                        <table>
                            <tr>
                                <td width="394" height="198">
                                    <table>
                                        <tr>
                                            <td width="188" height="198">
                                                <br style="line-height:19px">
                                                <img src="images/1_p1.jpg" alt="" border="0"><br>
                                            </td>
                                            <td width="206" height="198">
                                                <br style="line-height:24px">
                                                <img src="images/1_w4.gif" style="margin-bottom:18px" alt="" border="0"><br>
                                                <ul>
                                                    <li><a href="#">dolore sit avertaero delero mia</a></li>
                                                    <li><a href="#">taserto yasers mertase dolorectase</a></li>
                                                    <li><a href="#">lerode fertaes mias</a></li>
                                                </ul>
                                                <br style="line-height:15px">
                                                <ul>                                                    
                                                    <li><a href="#">taserto yasers mertase dolorectase</a></li>
                                                    <li><a href="#">lerode fertaes mias</a></li>
                                                </ul>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                            <tr>
                                <td width="394" height="4" bgcolor="#EEF4F9"></td>
                            </tr>
                            <tr>
                                <td width="394" height="172">
                                    <table>
                                        <tr>
                                            <td width="219" height="172">
                                                <br style="line-height:33px">
                                                <img src="images/1_w5.gif" style="margin-bottom:19px" alt="" border="0"><br>
                                                <strong class="b">15.12.07</strong>   <a href="#">Natopena tike mertae</a> <br>
                                                nt monlase dusce lertase miselro<br>
                                                fersae dekera veronr gerts. <br>
                                            </td>
                                            <td width="175" height="172">
                                                <br style="line-height:81px">
                                                <strong class="b">14.12.07</strong>  <a href="#">Cumocis naikertdros</a> <br>
                                                nt monlase dusce lertase miselro<br>
                                                fersae dekera veronr gerts. <br>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                            <tr>
                                <td width="394" height="106">
                                    <table>
                                        <tr>
                                            <td width="31" height="106">
                                                <img src="images/z3.gif" style="margin-left:3px" alt="" border="0"><br>
                                            </td>
                                            <td width="366" height="106">
                                                <br style="line-height:2px">
                                                <strong>Newsletter Sign Up</strong><br>
                                                <br style="line-height:6px">
                                                <form action="" style="margin:0; padding:0 ">
                                                    <input name="text2" type="text" style="width:139px; height:17px; vertical-align:middle"><input type="image" id="input1" src="images/1_k1.gif" alt=""><br>        
                                                    <br style="line-height:9px">
                                                    <a href="#"><img src="images/1_w6.gif" alt="" border="0"></a><br>                                        
                                                </form>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                    </td>
                    <td width="21" height="480"></td>
                </tr>
            </table>                    
        </td>
    </tr>
    <tr>
        <td style="width:100%; background-image:url(images/bottom.gif)" height="63">            
            <table cellpadding="0" cellspacing="0" border="0" width="968" align="center">
                <tr>
                    <td width="968" height="63">
                        <table>
                            <tr>
                                <td width="65" height="63"></td>
                                <td width="23" height="63">
                                     <br style="line-height:33px">
                                    <a href="#"><img src="images/z1.gif" alt="" border="0"></a><br>
                                </td>
                                <td width="211" height="63" class="footer">
                                    <br style="line-height:31px">
                                    11 Some Street Second Floor<br>
                                    New York WA 02020
                                </td>
                                <td width="232" height="63" class="footer">
                                    <br style="line-height:31px">
                                    Copyright 2007 © All rights reserved. <br>
                                    <a href="index-6.html">Privacy Policy</a><br>
                                </td>
                                <td width="25" height="63">
                                    <br style="line-height:34px">
                                    <a href="#"><img src="images/z2.gif" alt="" border="0"></a><br>
                                </td>
                                <td width="210" height="63" class="footer">
                                    <br style="line-height:31px">
                                    Tel.\Fax: 222-1111 ; 111-1111<br>
                                    <strong>E-mail:</strong><a href="#"> mail@companyname.com</a><br>
                                </td>
                            </tr>
                        </table>
                        <div class="copyright">Web Design by Templates.com - <a href="http://www.templates.com/">templates</a> provider</div>
                    </td>
                </tr>
            </table>                    
        </td>
    </tr>
</table>
</body>
</html>

[bbqroast]

Its easier to write code than copy.
If you copy your site will get screwed...
Besides many pages are dynamic to.