Reply to thread

Message

<blockquote data-quote="DaLightz" data-source="post: 209168" data-attributes="member: 17436">Yeah um, This is starting to annoy me..&nbsp;<img src="http://i.imgur.com/h7KvDdc.png" alt="" class="fr-fic fr-dii fr-draggable " style="" />I highlighted &quot;me&quot; next to yes. It should be at the top of the content box, and the whole word it &quot;Welcome!&quot;I'm also having issues with making the boxes stay next to eachother. This is my first scratch design so <img src="/styles/default/xenforo/smilies/emojione/tongue.png"&nbsp; class="smilie" loading="lazy" alt=":p" title="Stick Out Tongue&nbsp; &nbsp; :p" data-shortname=":p" />&nbsp;Here's what I have:&nbsp;style.css[PHP] body&nbsp;body&nbsp;{background-image: url('bg.png');margin: 0 auto;&nbsp;}&nbsp;&nbsp;div#banner &nbsp;{ background: #19A3D1 url('banner.png') no-repeat top left;padding-top: 62px; &nbsp;}&nbsp;&nbsp;/* Content boxes */&nbsp;&nbsp;#contentboxtitle&nbsp;{&nbsp;&nbsp; &nbsp; height: 20px;&nbsp; &nbsp; background: #19A3D1;&nbsp; &nbsp; border: 2px solid #19A3D1;&nbsp; &nbsp; border-bottom: none;&nbsp; &nbsp; margin: 30px 5px 0px 270px;&nbsp;&nbsp;}&nbsp;&nbsp;#contentboxtitle h1&nbsp;{&nbsp;color: white;font-weight: bold;font-family: Helvetica;font-size: 1em;margin: 0;padding: 0;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;#contentbox&nbsp;{background: #FFFFFF;border-color: #19A3D1;border-style: solid;border-width: 2px;margin-left: 270px;margin-right: 5px;&nbsp;}&nbsp;&nbsp;&nbsp;/* Sidebar */&nbsp;&nbsp;#sidebartitle&nbsp;{&nbsp;height: 20px;background: #19A3D1;border-color: #19A3D1;border-style: solid;border-width: 2px;margin-top: 30px;margin-left: 5px;margin-right: 1100px;&nbsp;&nbsp;}&nbsp;&nbsp;#sidebartitle h1&nbsp;{&nbsp;color: white;font-weight: bold;font-family: Helvetica;font-size: 1em;margin: 0;padding: 0;text-align: center;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;#sidebar&nbsp;{&nbsp;background: #FFFFFF;border-bottom-color: #19A3D1;border-color: #19A3D1;border-style: solid;border-width: 2px;margin-left: 5px;margin-right: 1100px;&nbsp;}&nbsp;&nbsp;[/PHP]&nbsp;And now index.php[PHP]&lt;!DOCTYPE html&gt;&lt;html&gt;&nbsp; &nbsp; &lt;head&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;title&gt;Welcome to LiquidCCMS!&lt;/title&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;link href=&quot;{url}/templates/default/style.css&quot; type=&quot;text/css&quot; rel=&quot;stylesheet&quot; /&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;banner&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &lt;/head&gt;&nbsp; &nbsp; &lt;body&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;!-- Sidebar starts here. --&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;sidebartitle&quot; style=&quot;float: left; width: 18%;&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;h1&gt;Navigation&lt;/h1&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;sidebar&quot; style=&quot;float: left; width: 18%;&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Home&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Test&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Test&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Test&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/ul&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/p&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &lt;!-- Content box starts here. --&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;contentboxtitle&quot; style=&quot;width: 75%;&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;h1 style=&quot;width: 70%&quot;&gt;Welcome!&lt;/h1&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;contentbox&quot; style=&quot;width: 75%;&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;Yes.&lt;/p&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &lt;/body&gt;&lt;/html&gt;[/PHP]</blockquote>

[QUOTE="DaLightz, post: 209168, member: 17436"] Yeah um, This is starting to annoy me.. [IMG]http://i.imgur.com/h7KvDdc.png[/IMG] I highlighted "me" next to yes. It should be at the top of the content box, and the whole word it "Welcome!" I'm also having issues with making the boxes stay next to eachother. This is my first scratch design so :p Here's what I have: style.css [PHP] body body { background-image: url('bg.png'); margin: 0 auto; } div#banner { background: #19A3D1 url('banner.png') no-repeat top left; padding-top: 62px; } /* Content boxes */ #contentboxtitle { height: 20px; background: #19A3D1; border: 2px solid #19A3D1; border-bottom: none; margin: 30px 5px 0px 270px; } #contentboxtitle h1 { color: white; font-weight: bold; font-family: Helvetica; font-size: 1em; margin: 0; padding: 0; } #contentbox { background: #FFFFFF; border-color: #19A3D1; border-style: solid; border-width: 2px; margin-left: 270px; margin-right: 5px; } /* Sidebar */ #sidebartitle { height: 20px; background: #19A3D1; border-color: #19A3D1; border-style: solid; border-width: 2px; margin-top: 30px; margin-left: 5px; margin-right: 1100px; } #sidebartitle h1 { color: white; font-weight: bold; font-family: Helvetica; font-size: 1em; margin: 0; padding: 0; text-align: center; } #sidebar { background: #FFFFFF; border-bottom-color: #19A3D1; border-color: #19A3D1; border-style: solid; border-width: 2px; margin-left: 5px; margin-right: 1100px; } [/PHP] And now index.php [PHP]<!DOCTYPE html> <html> <head> <title>Welcome to LiquidCCMS!</title> <link href="{url}/templates/default/style.css" type="text/css" rel="stylesheet" /> <div id="banner"> </div> </head> <body>  <div id="sidebartitle" style="float: left; width: 18%;"> <h1>Navigation</h1> </div> <div id="sidebar" style="float: left; width: 18%;"> <ul> <li><a href="#">Home</a></li> <li><a href="#">Test</a></li> <li><a href="#">Test</a></li> <li><a href="#">Test</a></li> </ul> </div>  <div id="contentboxtitle" style="width: 75%;"> <h1 style="width: 70%">Welcome!</h1> </div> <div id="contentbox" style="width: 75%;"> Yes. </div> </body> </html>[/PHP] [/QUOTE]

Verification

Reply to thread

Connect with us

Newest members