Quantcast
Channel: Adobe Community: Message List
Viewing all articles
Browse latest Browse all 94346

Re: Could I have some help with making these two files merge?

$
0
0

You're not getting any help because your HTML & CSS code is pretty messy.  It's like asking an interior designer to make over a very untidy bedroom.  It's not going to happen until you clean things up.

 

I would start with just the basic HTML code like this.  Avoid those redundant style10, style19, style108 tags.    You really don't need them.  HTML selectors provide you with all the hooks you need for most things.  Also, you should run a spell check.  I saw errors but I didn't fix them.

 

<!DOCTYPE HTML>

<html>

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>About Expert PC Guides</title>

<link href='http://fonts.googleapis.com/css?family=Open+Sans%7CBaumans%7CArvo%7CRoboto' rel='stylesheet' type='text/css' />

<link rel="shortcut icon" href="customfavicon.ico" type="image/x-icon" />

<style>

/**CSS RESET**/

* {

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}

img { vertical-align: bottom }

ol, ul { list-style: none; }

 

/**LAYOUT STYLES**/

body {margin:0;}

header {margin:0; }

header h1 {}

header h2 {}

 

/**top nav**/

nav { margin: 4% }

nav li { display: inline }

nav li a {

    margin: 1%;

    padding: 1%;

    text-decoration: none;

}

nav li a:visited { }

nav li a:hover, nav li a:active, nav li a:focus { }

 

/**search bar**/

section.top {

    background: #1A3BE5;

    overflow: hidden;

}

section.top li {

    float: left;

    margin: 1.5%;

}

section.top li a { color: #FFF }

section.top li:after {content: '| ';}

.search { float: right; }

 

/**main content**/

article { }

article h3 {margin:0; padding:0 }

article p { }

 

/**Q&A definition lists**/

dl { margin: 2%; }

dt {

    font-size: 125%;

    color: #1A3BE5;

    font-weight: bold;

}

dd {

    font-size: 90%;

    color: #333;

    margin-left: 4%

}

footer {

    background: #333;

    color: #CCC

}

/**3 columns**/

footer aside {

    width: 33%;

    float: left;

    padding: 0 2%

}

/**footer links**/

footer a {

    color: #EAEAEA;

    text-decoration: none

}

footer a:hover {text-decoration: underline}

footer ul li { line-height: 1.5 }

footer h4 {margin:0 }

footer p { }

 

/**clear floats**/

.clearing {

    clear: both;

    display: block

}

</style>

</head>

 

<body>

<header>

<h1>Expertpcguides.com</h1>

<h2>Technology Explained</h2>

 

<!--top menu-->

<nav>

<ul>

<li><a href="index.php">Home</a></li>

<li><a href="about-us.html">About</a></li>

<li><a href="contact-us.html">Contact us</a></li>

<li><a href="javascript:void(0)">Login/Register</a></li>

<li><a href="forums/index.php">Forums</a></li>

</ul>

</nav>

</header>

 

<!--search bar-->

<section class="top">

<h3>Search Bar</h3>

<ul>

<li><a href="articles/dictionary.html">Dictionary</a></li>

<li><a href="articles/articles.html">Articles</a></li>

<li><a href="articles/computerhistory.html">History of the PC</a></li>

<li><a href="articles/freedownloads.html">Free Downloads</a> </li>

</ul>

<form class="search" id="searchbox_000429658622879505763:gczdzyghogq" action="https://www.google.com/cse/publicurl?cx=000429658622879505763:gczdzyghogq">

<input value="000429658622879505763:gczdzyghogq" name="cx" type="hidden"/>

<input value="FORID:11" name="cof" type="hidden"/>

<input id="q" style="width:150px" name="q" size="70" type="text" />

<input value="Search" name="sa" type="submit"/>

</form>

<!--end search bar-->

</section>

 

<article>

<h2>About Us</h2>

<p>We are an online non-profit organisation who are continously increasing in numbers, thanks to you guys. With multiple articles providing information into PC personalisation, Problem removal, Tips &amp; tweaks and general help you are sure to find something helpful to you. </p>

<p>We have a motto 'Technology Explained.' and this is exactly what we wish to stand by. We offer in-depth tutorials that focus on providing that little-bit of information which no other site will include. </p>

<p>Our goal is to combine multiple sites, so that you can receive more specific information which no other site will provide. In saying this, we certainly don't just copy and paste other peoples articles, but may use some of the concepts from other sites with our own wording or interpretation. If some of our wording alligns up with another website this is likely because the topic was broad and every website will have similar information.</p>

 

<h2>General Questions and Answers:</h2>

 

<!--Q&A definition lists-->

<dl>

<dt>Can I email you guys?</dt>

<dd>You certainly can. But on a busy day you should probably post your thoughts in the forums. We aim to answer every relevant email within 24 hours. In the forums we generally rely on other users to help each other out, but we may step in if we know the answer.</dd>

</dl>

<dl>

<dt>When and why did you start this site?</dt>

<dd>This site was started on the 12th of the 7th, 2014. The intention behind this development was to create a website that would be functional with a variety of articles for many users. Worst case scenario, the authour would have a neat offline guide for all of his problems. </dd>

</dl>

<dl>

<dt>Would  you be able to write articles for us?</dt>

<dd>More than likely, just contact us and we will consider your inquiry.</dd>

</dl>

<dl>

<dt>Can I write articles for you?</dt>

<dd>Less than likely, the articles on this site are in the copy of one person making access to others difficult. Pointing out clear influencies and spelling errors is appreciated. <a href="create-a-page.html" class="style60">Click here for more information.</a></dd>

</dl>

<dl>

<dt>Can I republish your articles?</dt>

<dd>No way. Making this website took ages and because of that substancial amount of time spent, every single sentence on this sight is copyright. In saying this though some topics may be broad, and there may be only one way to word the situation at hand for example opening the start menu is generally something which will sound exactly the same on multiple sites.</dd>

</dl>

<dl>

<dt>Where do you guys get these ideas from?</dt>

<dd>Most of these ideas come from what we had once searched up, user suggestions, or what we think other people might search up. This was done with the intention of linking multiple searches into one site, that many people would have the ability to  access. </dd>

</dl>

<dl>

<dt>How many people are making this site?</dt>

<dd>At this point, there is one person developing the site, which is why all helpful contributions made by internet strangers is appreciated.</dd>

</dl>

<!--end article-->

</article>

 

<!--begin footer-->

<footer>

<p> <a href="index.html"><img src="img/G.png" alt="G" width="25"/></a> <a href="index.html"><img src="img/U.png" alt="U" width="25"/></a> <a href="index.html"><img src="img/I.png" alt="I" width="25"/></a> <a href="index.html"><img src="img/D.png" alt="D" width="25"/></a> <a href="index.html"><img src="img/E.png" alt="E" width="25"/></a> <a href="index.html"><img src="img/S.png" alt="S" width="25"/></a> </p>

 

<!--begin 3 columns-->

 

<aside>

<h4>Site Links:</h4>

<ul>

<li><a href="web-contributors.html" class="style18">Developers/Contributors</a></li>

<li><a href="create-a-page.html" class="style18">Create a page</a></li>

<li><a href="point-system.html" class="style18">Rewards System</a></li>

<li><a href="privacy" class="style18">Privacy</a></li>

<li><a href="site-map.html" class="style18">Site Map</a></li>

</ul>

</aside>

 

<aside>

<h4>Follow Us</h4>

<ul>

<li><img src="img/Facebook-logo.png" alt="Facebook Image" width="32" height="34"/><a href="https://www.facebook.com/expertpcguides" class="style31"> Facebook</a></li>

<li><img src="img/Twitter-Logo.jpg" alt="Twitter Image" width="30" height="33"/><a href="https://twitter.com/ExpertPcGuides" class="style31"> Twitter</a>

<li><img src="img/Google+Logo.jpg" alt="Google + Image" width="31" height="35"/><a href="https://plus.google.com/115474035983654843441" class="style31"> Google Plus</a> </li>

<li><img src="img/Pininterest-Logo.png" alt="Pininterest Image" width="33" height="34" ><a href="http://www.pinterest.com/expertpcguides/" class="style31"> Pininterest</a> </li>

</ul>

</aside>

 

<aside>

<h4>Interested in Exclusive Articles?</h4>

<ul>

<li><a href="login.html">Login/Register</a></li>

</ul>

</aside>

<!--end 3-columns-->

 

<p class="clearing">&copy; 2014 by Expertpcguides.com. All rights reserved. </p>

</footer>

</body>

</html>

 

 

Once you've got all your HTML pages cleaned up, it should be a simple matter to style.

 

 

Nancy O.


Viewing all articles
Browse latest Browse all 94346

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>