html - Request Help: Multiple Boxes -

-

i having trouble creating multiple boxes future website. css3 coding:

   #content-box1, #content-box2, #content-box3, #content-box4{    padding:10px;    border:1px solid #bbb;    position:absolute;    margin-top:190px;    height:120px;    }     #content-box1 {    margin-left:212px;    width:200px;    }     #content-box2 {    margin-left:444px;    width:200px;    }     #content-box3 {    margin-left:676px;    width:202px;    }     #content-box4 {    margin-left:676px;    width:202px;    }

here's html:

   <!doctype html>     <html><head>    <meta charset="utf-8">    <title>complex xhtml , css home page layout test</title>    <link href="myflex.css" rel="stylesheet" type="text/css"/>    <style type="text/css">    </style>     <body>     <div id="wrapper">     <div id="header">header</div>     <div id="content-box1"><p>box 1</p></div>    <div id="content-box2"><p>box 2</p></div>    <div id="content-box3"><p>box 3</p></div>     <div id="content-box4"><p>box 4</p></div>     <div id="content">    <div id="content-left">    <p>left column text here. site menu...</p>    <p>menu item</p>    <p>menu item</p>    <p>menu item</p>    <p>menu item</p>    <p>menu item</p>    <p>menu item</p>    </div>    <div id="content-main">    <p>main home page content or image goes here...</p>    </div>    </div>     <div id="footer">footer text , links can go way along here... text text text text        text text...</div>    <div id="bottom"><a title="acuras web development" href="http://www.acuras.co.uk">acuras web       development</a></div>    </div>     <script language="javascript" type="text/javascript">    var gdomain="www.qsstats.com";    var gdcsid="dcs37pv2c00000oun93vypyva_4k6d";    var gfpc="wt_fpc";    var gconvert=true;    var gfpcdom = "cumberlandcountyweather.com";    if ((typeof(gconvert) != "undefined") && gconvert && (document.cookie.indexof(gfpc + "=") ==       -1) && (document.cookie.indexof("wtloptout=")==-1)) {    document.write("<scr"+"ipt type='text/javascript' src='http"+    (window.location.protocol.indexof('https:')==0?'s':'')+"://"+gdomain+"/"+gdcsid+"/wtid.js"+"'>    <\/scr"+"ipt>");    }    function dcsadditionalparameters() {}    </script>     <script type="text/javascript" src="/imageserver/common/webtrends.js"></script>     <noscript><img alt="" border="0" name="dcsimg" width="1" height="1" src="http://www.qsstats.com    /dcs37pv2c00000oun93vypyva_4k6d/njs.gif?dcsuri=/nojavascript&amp;wt.js=no&amp;wt.tv=8.0.2;    wt.qs_dlk=uxr12griz2iaaapmvt4aaaay;" /></noscript>     </body>    </html>

what attempting do, able create multiple boxes let's first row @ least 3 boxes, second row 3 boxes, , forth. these boxes containing links, , possibly pictures.

can please me in situation?

give boxes common class, e.g. content-box. like:

.content-box {     padding:10px;     border:1px solid #bbb;     height:120px;     width:200px;     float:left; /* key */ }

start there. idea display them in line floating them. once right edge of container, they'll overflow onto next line. you'll want wrap of content-box elements in single container, can add padding/positioning container put boxes group want them.

remove of by-id css rules, don't need them (e.g. #content-box1, etc).


Comments

Post a Comment

Popular posts from this blog

java - Jmockit String final length method mocking Issue -

-
using jmockit 1.2 jar, trying mock string's length method getting unexpected invocation exception: failed: test java.lang.illegalstateexception: missing invocation mocked type @ point; please make sure such invocations appear after declaration of suitable mock field or parameter @ stringdemo.testa$1.<init>(testa.java:17) @ stringdemo.testa.test(testa.java:13) i using testng: @test public void test() throws exception { new expectations() { @mocked("length") string astring; { astring.length(); result = 2; } }; system.out.println(a.showa("test")); } } actual class a: public class { public static int showa(string str){ int a= str.length(); return a; } } this wrong way of recording expected results. shouldn't mock , record string's length() method, record showa() instead. here solution @suppresswarnings("unused...
Read more

What is the difference between data design and data model(ERD) -

-
i have google question , find answer in day. know, data design many many table have list column,and mark pk , fk. why er-diagram have find this? data design process of designing database. main output of data design detailed logical data model of database. some people data design includes of needed logical , physical design choices , physical storage parameters needed generate design in data definition language. technically, database analysis, database analysts (dbas) trained do. while person can both data design , database analysis, these 2 different tasks. data design models data. database analysis takes model , applies 1 or more database engines (relational, hierarchical, nosql). a logical data model 1 of main outputs of data design. data model represented entity relationship diagram, or er diagram.
Read more

ios - Can NSManagedObject conform to NSCoding -

-
i need transfer single object across device. right converting nsmanagedobject dictionary , archiving , sending nsdata. upon receiving unarchiving it. transfer nsmanagedobject archiving , unarchiving instead of creating intermediate data object. @interface test : nsmanagedobject<nscoding> @property (nonatomic, retain) nsstring * title; @end @implementation test @dynamic title; - (id)initwithcoder:(nscoder *)coder { self = [super init]; if (self) { self.title = [coder decodeobjectforkey:@"title"]; //<crash } return self; } - (void)encodewithcoder:(nscoder *)coder { [coder encodeobject:self.title forkey:@"title"]; } @end nsdata *archivedobjects = [nskeyedarchiver archiveddatawithrootobject:testobj]; nsdata *objectsdata = archivedobjects; if ([objectsdata length] > 0) { nsarray *objects = [nskeyedunarchiver unarchiveobjectwithdata:objectsdata]; } the problem above code is. crashes @ self.title in initwithcoder sa...
Read more