whiteboikyle

August 9, 2011

ORDER BY

LOL at you not listening/reading correctly.

select * from friends f left join members m on(f.friendID = m.userID) where f.userID = 12345 order by m.firstName;

Can you explain to me in depth a little.. I think i understand what your doing but dont know how to implement that

August 9, 2011

So i have a DB with a table in called 'friends' and in the table i have userID and FriendID, thus finding all the friends you would look up userID and display all of them..

If i have 5 friends and their names are Kyle, Joe, Bob, Dillion, and Josh.

When i go to look up my friends i want to know how to sort all those names alphabetically

August 9, 2011

Yes of course.. but your making a puzzle out of a puzzle i already am working on..

can you not just edit my code to show me CLEARLY what i am doing wrong.. Still implementing everything you have said and it has not worked..

August 9, 2011

Okay i understand the concept now.. lol funny showing.. So your saying you always have to know the pixels.. or can i do a height:100% and do a margin-bottom:-75px; ?!?!

August 9, 2011

just to let you know, i am not going to reply any more after this. I just don't see the point of it. You have been given the answer multiple times I invested around 1 hour in this topic, and you just not seem to get it.

if you can solve the next puzzle you know why your website is overlapping if not, i leave it up to you.

say I have a window height of 800px

inside the <body> i have a header of 75 pixels in height (just like yours)

and a element below that with a height of 100% (just like yours)

How much pixels are the container and the header combined?

To me your making no sense.. the answer would be 800px.. because the point of 100% is to stretch it 100%... lol so it would set the height at 725px;

put for some reason the answer i think you want is 875px which makes no sense to me.

can you just give me the answer so i can see what the hell your talking about.. Im a visual person, thus seeing the correct code in play will teach me.

August 9, 2011

well either way.. I try what you showed me and it doesnt work.. so its either im taking in this information incorrectly or my whole css is messed up.. Have to actually tried it on my code to see if what your saying is correct?

August 9, 2011

So pretty much what this shows me is that the container div HAS TO always have a fixed height it cannot be set to a percentage?? and then the child divs within may have 100% heights (non fixed)..

August 9, 2011

Well from my understanding for a div to be 100% that is inside a div the parent div would have to be 100%. That it what i have read at least.

August 8, 2011

Okay even if i do a min-height it would STILL overlap as the page stretches....

August 8, 2011

That fixes the overlapping but what if the page ends up being stretched do to alot of content it will still overlap and also divs inside it arent stretching the 100%; anymore then

August 8, 2011

NVM lol $row->userIDFriend

August 8, 2011

<?php foreach($query->result() as $row): ?>

<div id="userFriends">
<?php
$userID = $row['userIDFriend'];
$this->db->where('ID', $userID);        
$querys = $this->db->get('user');
$rows = $querys->row_array(); 
echo ($rows['Name']);

?>


</div>

<?php endforeach; ?>

Fatal error: Cannot use object of type stdClass as array in /home/whitey/public_html/application/views/userfriends.php on line 5

line 5 is the $userID = $row['userIDFriend'];

August 8, 2011

Okay so i been messing with it a little bit.. But i still dont understand why i have a div inside a div stretching futher then the "FullContain" div..

/* Edited with EditCSS */
/**** LINK-tag style sheet style.css ****/

/* Edited with EditCSS */
/**** LINK-tag style sheet style.css ****/

/* Edited with EditCSS */
/**** LINK-tag style sheet style.css ****/

/* Edited with EditCSS */
/**** LINK-tag style sheet style.css ****/

/* Edited with EditCSS */
/**** LINK-tag style sheet style.css ****/

/* Edited with EditCSS */
/**** LINK-tag style sheet style.css ****/

/* Don't forget to set a foreground and background color 
   on the 'html' or 'body' element! */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
line-height: 1;
font-family: inherit;
text-align: left;
vertical-align: baseline;
}
a img, :link img, :visited img {
border: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
ol, ul {
list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
content: "";
}

a:link, a:visited, a:focus {
color:#000;
text-decoration:none;
}

a:hover{ 
color: #900; 
text-decoration: none; 
}

a:active{ 
color: #00f; 
text-decoration: none;
}


body, html {
height:100%;
}


body{
background-color:#37536d;
color:#000;
margin:0;
padding:0;
width:100%;
height:100%;
font-family: helvetica, arial, times;
}



#radial{
position:fixed;
left:50%;
top:50%;
margin: -750px 0 0 -750px;
height:1500px;
width:1500px;
background: -moz-radial-gradient(50% 50%, farthest-side, #6497c7, #37536d, #37536d);
background: radial-gradient(50% 50%, farthest-side, #6497c7, #37536d, #37536d);
opacity:.5;
}

#fullContain {
clear:left;
position: relative;
width: 950px;
height:100%;
margin: auto;
border:1px solid black;
}

#logo {
width: 510px;
height:125px;
margin: auto;
background-image: url('http://64.19.142.13/simpleswagg.com/images/logo.png');
background-repeat: no-repeat;
}

#container{
padding-top:25px;
height: 200px;
margin: auto;
}

#lForm > form {
width:520px;
margin:auto;
}

#submit, #create {
float:left;
}

input[type=text], input[type=password]{
float:left;
width:200px;
height:25px;
padding:5px;
margin: 5px;
color: black;
border: 1px solid #000;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-moz-box-shadow: 1px 1px 5px black;
-webkit-box-shadow: 1px 1px 5px black;
box-shadow: 1px 1px 5px black;
}

input[type=text]:hover, input[type=password]:hover{
    color: #3a3a3a;
    background-color: #f7f7f7;
}

input[type=text]:focus, input[type=password]:focus{
color: #000;
background-color:#eaebeb;
border:1px solid #b09b38;
}

.buttons {
padding:8px;
color:#fff;
font-size:12px;
border:1px solid black;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
text-decoration:none;
# /* BACKGROUND GRADIENTS */  
background-color:#703636;
background: -moz-linear-gradient(top, #703636, #672f2f 50%, #5b2929 51%, #4b1e1e);  
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #703636), color-stop(.5, #672f2f), color-stop(.5, #5b2929), to(#4b1e1e)); 
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#703636, endColorstr=#4b1e1e);
/* For Internet Explorer 8 */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#703636, endColorstr=#4b1e1e);
}

#bLogin {
    height:37px;
-moz-box-shadow: 1px 1px 5px black;
-webkit-box-shadow: 1px 1px 5px black;
box-shadow: 1px 1px 5px black;
margin: 5px;
float:left;
text-shadow: 1px 1px 2px black;
padding-top:5px;
}

#bCreate{
    color:#FFF;
position: fixed;
top: 0%;
right:0%;
width:50px;
text-align:center;
margin-top:15px;
margin-right: 15px;
opacity: .85;
text-shadow: 1px 1px 2px black;
}

#bLogin:hover, input[type=submit]:hover {
cursor:pointer;
opacity:1;
background-color:#662e2e;
}

.buttons:hover {
    color:#FFF;
cursor:pointer;
opacity:1;
background-color:#662e2e;
background: -moz-linear-gradient(top, #662e2e, #5e2a2a 50%, #532323 51%, #451b1b);  
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #662e2e), color-stop(.5, #5e2a2a), color-stop(.5, #532323), to(#451b1b)); 
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#662e2e, endColorstr=#451b1b);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#662e2e, endColorstr=#451b1b)";

}

.input_names{
font-size:14px;
padding:1px;
}

#username {
width:445px;
height:50px;
}

#password {
width:445px;
height:50px;;
}

#createAccount {
padding-left:5px;
padding-top:5px;
text-align:left;
height:40px;
width:445px;
}

#goBack {
    color:#FFF;
margin:auto;
text-align:center;
width:70px;
text-shadow: 1px 1px 2px black;
}

#subCreate {
    padding-top:5px;
    text-shadow: 1px 1px 2px black;
}

fieldset {
margin:auto;
    padding:10px;
    width:450px;
    border:2px solid rgba(0, 0, 0, .6);
    -moz-box-shadow: 4px 10px 10px rgba(0, 0, 0, .6);
     -webkit-box-shadow: 4px 10px 10px rgba(0, 0, 0, .6);
     box-shadow: 4px 10px 10px rgba(0, 0, 0, .6);
    margin-bottom:25px;
     -moz-border-radius:8px;
     -webkit-border-radius:8px;
     border-radius:8px;
}

fieldset > legend {
    color:#FFF;
    font-size:17px;
    text-shadow: 1px 1px 2px black;
}

#aboveContain {
width:450px;
margin:auto;
padding:5px;
}

.error {
padding:1px;
margin:auto;
font-weight:bold;
    font-style: italic;
    color:#262626;
    font-size:12px;
text-shadow: 1px 1px 6px rgba(250, 0, 0, .1);
}

#urgentMessage {
position:relative;
width:100%;
height:50px;
left:0%;
display:none;
}

#bodyContent {
clear:left;
margin:auto;
width:950px;
height:100%;

}

#topWrap {
clear:left;
width:900px;
height:75px;
margin:auto;

}

#topLogo {
clear:left;
height:100%;
width:300px;
text-align:center;
font-size:48px;
}


#messageBody {
background-image: url(./images/div_bg.png);
background-repeat:repeat-x;
background-color:#36526c;
margin:auto;
min-height:450px;
clear:left;
height:100%;
width:890px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
padding:5px;
border:1px solid rgba(0,0,0, .07);
}

#leftBody {
margin:auto;
width:75%;
float:left;
height:100%;
}

#rightBody {
margin:auto;
float:left;
width:24%;
height:100%;
}

#status {
margin:auto;
width:100%;
padding:10px;
}

.linkOrig {
margin:auto;
width:80px;
float:left;
}

#Links {
margin:auto;
padding:5px;
float:left;
height:100px;
width:475px;
background-color: #FFF;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
-moz-box-shadow: 1px 1px 5px black;
-webkit-box-shadow: 1px 1px 5px black;
box-shadow: 1px 1px 5px black;
}

#theLinks {
margin:auto;
width:450px;
height:20px;

}

#subLinks {
border-top:1px solid #e2dfdf;
margin:auto;
width:450px;
height:20px;

}

.linkSub {
display: none;
}

#yourImage {
margin:auto;
float:left;
height:125px;
width:125px;
}

#underText {
width:105px;
text-align:center;
}

#triangle {
position: absolute;
margin-left:119px;
margin-top: 20px;
        width: 0;
        height: 0;
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent; 

        border-right:7px solid white;

}

#Friends {
color: #d3d3d3;
margin:auto;
width:180px;

height:50px;
background-color:#274357;


-moz-border-radius-topright:10px;
-moz-border-radius-topleft:10px;
-webkit-border-radius-topright:10px;
-webkit-border-radius-topleft:10px;
border-radius-topright:10px;
border-radius-topleft:10px;

border:2px solid rgba(0, 0, 0, .1);

margin-bottom:15px;
}

#Friends > h1 {
text-weight:bold;
padding:5px;
-moz-border-radius-topright:10px;
-moz-border-radius-topleft:10px;
-webkit-border-radius-topright:10px;
-webkit-border-radius-topleft:10px;
border-radius-topright:10px;
border-radius-topleft:10px;

height:15px;


# /* BACKGROUND GRADIENTS */  
background-color:#703636;
background: -moz-linear-gradient(top, #703636, #672f2f 50%, #5b2929 51%, #4b1e1e);  
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #703636), color-stop(.5, #672f2f), color-stop(.5, #5b2929), to(#4b1e1e)); 
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#703636, endColorstr=#4b1e1e);
/* For Internet Explorer 8 */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#703636, endColorstr=#4b1e1e);
}

#Friends > p {
font-size:12px;
}

#Stalkers {
color: #d3d3d3;
margin:auto;
width:180px;

height:50px;
background-color: #274357;

-moz-border-radius-topright:10px;
-moz-border-radius-topleft:10px;
-webkit-border-radius-topright:10px;
-webkit-border-radius-topleft:10px;
border-radius-topright:10px;
border-radius-topleft:10px;

border:2px solid rgba(0, 0, 0, .1);

margin-bottom:15px;
}


#Stalkers > h1 {
text-weight:bold;
padding:5px;
-moz-border-radius-topright:10px;
-moz-border-radius-topleft:10px;
-webkit-border-radius-topright:10px;
-webkit-border-radius-topleft:10px;
border-radius-topright:10px;
border-radius-topleft:10px;

height:15px;

# /* BACKGROUND GRADIENTS */  
background-color:#703636;
background: -moz-linear-gradient(top, #703636, #672f2f 50%, #5b2929 51%, #4b1e1e);  
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #703636), color-stop(.5, #672f2f), color-stop(.5, #5b2929), to(#4b1e1e)); 
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#703636, endColorstr=#4b1e1e);
/* For Internet Explorer 8 */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#703636, endColorstr=#4b1e1e);
}

#Stalkers > p {
font-size:12px;
}

#SwaggUp {
    color: #d3d3d3;
margin:auto;
width:180px;

height:50px;
background-color: #274357;

-moz-border-radius-topright:10px;
-moz-border-radius-topleft:10px;
-webkit-border-radius-topright:10px;
-webkit-border-radius-topleft:10px;
border-radius-topright:10px;
border-radius-topleft:10px;

border:2px solid rgba(0, 0, 0, .1);

margin-bottom:15px;    
    
}

#SwaggUp > h1 {
    text-weight:bold;
padding:5px;
-moz-border-radius-topright:10px;
-moz-border-radius-topleft:10px;
-webkit-border-radius-topright:10px;
-webkit-border-radius-topleft:10px;
border-radius-topright:10px;
border-radius-topleft:10px;

height:15px;

# /* BACKGROUND GRADIENTS */  
background-color:#703636;
background: -moz-linear-gradient(top, #703636, #672f2f 50%, #5b2929 51%, #4b1e1e);  
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #703636), color-stop(.5, #672f2f), color-stop(.5, #5b2929), to(#4b1e1e)); 
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#703636, endColorstr=#4b1e1e);
/* For Internet Explorer 8 */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#703636, endColorstr=#4b1e1e);    
    
}

#secondBody {
clear:left;
position:relative;
margin:auto;
width:100%;
height:100%;
}

#leftControl {
float:left;
height: 100%;
width:20%;
border-right:1px solid black;
font-size:12px;
padding-right:5px;
}

#leftControl > p {
padding:5px;
background-color:#fff;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}

#misc {
margin:auto;
}

#rightWall {
float:left;
height:100%;
width: 75%;
padding:10px;
}

August 8, 2011

I do indeed know what floats are just never heard of "clears" ive seen alot of tutorials and ive never seen anyone use them. When i wrote that message i was in a hurry on my phone thus didnt have time to actually look at the tutorial.

August 6, 2011

can you explain to me what a clear is ive actually never heard of that.. I know what floats are

August 5, 2011

Heres the website im working on

http://simpleswagg.com/profile/view/4

Im not very good at css.. So im just guessing and checking but i dont understand why the SecondBody and leftControl are stretching past the bodyContent and messageBody.

Not sure why.. Maybe some pointers or maybe a simple mistake.. Please let me know. Thanks

Heres my CSS

/* Edited with EditCSS */
/**** LINK-tag style sheet style.css ****/

/* Edited with EditCSS */
/**** LINK-tag style sheet style.css ****/

/* Edited with EditCSS */
/**** LINK-tag style sheet style.css ****/

/* Edited with EditCSS */
/**** LINK-tag style sheet style.css ****/

/* Edited with EditCSS */
/**** LINK-tag style sheet style.css ****/

/* Don't forget to set a foreground and background color 
   on the 'html' or 'body' element! */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
line-height: 1;
font-family: inherit;
text-align: left;
vertical-align: baseline;
}
a img, :link img, :visited img {
border: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
ol, ul {
list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
content: "";
}

a:link, a:visited, a:focus {
color:#000;
text-decoration:none;
}

a:hover{ 
color: #900; 
text-decoration: none; 
}

a:active{ 
color: #00f; 
text-decoration: none;
}


body, html {
height:100%;
}


body{
background-color:#37536d;
color:#000;
margin:0;
padding:0;
width:100%;
height:100%;
font-family: helvetica, arial, times;
}



#radial{
position:fixed;
left:50%;
top:50%;
margin: -750px 0 0 -750px;
height:1500px;
width:1500px;
background: -moz-radial-gradient(50% 50%, farthest-side, #6497c7, #37536d, #37536d);
background: radial-gradient(50% 50%, farthest-side, #6497c7, #37536d, #37536d);
opacity:.5;
}

#fullContain {
position: relative;
width: 950px;
height:100%;
margin: auto;
}

#logo {
width: 510px;
height:125px;
margin: auto;
background-image: url('/images/logo.png');
background-repeat: no-repeat;
}

#container{
padding-top:25px;
height: 200px;
margin: auto;
}

#lForm > form {
width:520px;
margin:auto;
}

#submit, #create {
float:left;
}

input[type=text], input[type=password]{
float:left;
width:200px;
height:25px;
padding:5px;
margin: 5px;
color: black;
border: 1px solid #000;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-moz-box-shadow: 1px 1px 5px black;
-webkit-box-shadow: 1px 1px 5px black;
box-shadow: 1px 1px 5px black;
}

input[type=text]:hover, input[type=password]:hover{
    color: #3a3a3a;
    background-color: #f7f7f7;
}

input[type=text]:focus, input[type=password]:focus{
color: #000;
background-color:#eaebeb;
border:1px solid #b09b38;
}

.buttons {
padding:8px;
color:#fff;
font-size:12px;
border:1px solid black;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
text-decoration:none;
# /* BACKGROUND GRADIENTS */  
background-color:#703636;
background: -moz-linear-gradient(top, #703636, #672f2f 50%, #5b2929 51%, #4b1e1e);  
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #703636), color-stop(.5, #672f2f), color-stop(.5, #5b2929), to(#4b1e1e)); 
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#703636, endColorstr=#4b1e1e);
/* For Internet Explorer 8 */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#703636, endColorstr=#4b1e1e);
}

#bLogin {
    height:37px;
-moz-box-shadow: 1px 1px 5px black;
-webkit-box-shadow: 1px 1px 5px black;
box-shadow: 1px 1px 5px black;
margin: 5px;
float:left;
text-shadow: 1px 1px 2px black;
padding-top:5px;
}

#bCreate{
    color:#FFF;
position: fixed;
top: 0%;
right:0%;
width:50px;
text-align:center;
margin-top:15px;
margin-right: 15px;
opacity: .85;
text-shadow: 1px 1px 2px black;
}

#bLogin:hover, input[type=submit]:hover {
cursor:pointer;
opacity:1;
background-color:#662e2e;
}

.buttons:hover {
    color:#FFF;
cursor:pointer;
opacity:1;
background-color:#662e2e;
background: -moz-linear-gradient(top, #662e2e, #5e2a2a 50%, #532323 51%, #451b1b);  
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #662e2e), color-stop(.5, #5e2a2a), color-stop(.5, #532323), to(#451b1b)); 
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#662e2e, endColorstr=#451b1b);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#662e2e, endColorstr=#451b1b)";

}

.input_names{
font-size:14px;
padding:1px;
}

#username {
width:445px;
height:50px;
}

#password {
width:445px;
height:50px;;
}

#createAccount {
padding-left:5px;
padding-top:5px;
text-align:left;
height:40px;
width:445px;
}

#goBack {
    color:#FFF;
margin:auto;
text-align:center;
width:70px;
text-shadow: 1px 1px 2px black;
}

#subCreate {
    padding-top:5px;
    text-shadow: 1px 1px 2px black;
}

fieldset {
margin:auto;
    padding:10px;
    width:450px;
    border:2px solid rgba(0, 0, 0, .6);
    -moz-box-shadow: 4px 10px 10px rgba(0, 0, 0, .6);
     -webkit-box-shadow: 4px 10px 10px rgba(0, 0, 0, .6);
     box-shadow: 4px 10px 10px rgba(0, 0, 0, .6);
    margin-bottom:25px;
     -moz-border-radius:8px;
     -webkit-border-radius:8px;
     border-radius:8px;
}

fieldset > legend {
    color:#FFF;
    font-size:17px;
    text-shadow: 1px 1px 2px black;
}

#aboveContain {
width:450px;
margin:auto;
padding:5px;
}

.error {
padding:1px;
margin:auto;
font-weight:bold;
    font-style: italic;
    color:#262626;
    font-size:12px;
text-shadow: 1px 1px 6px rgba(250, 0, 0, .1);
}

#urgentMessage {
position:relative;
width:100%;
height:50px;
left:0%;
display:none;
}

#bodyContent {
margin:auto;
width:950px;
height:100%;

}

#topWrap {
width:900px;
height:75px;
margin:auto;

}

#topLogo {
height:100%;
width:300px;
text-align:center;
font-size:48px;
}


#messageBody {
background-image: url(../images/div_bg.png);
background-repeat:repeat-x;
background-color:#36526c;
margin:auto;
min-height:450px;
height:100%;
width:890px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
padding:5px;
border:1px solid rgba(0,0,0, .07);
}

#leftBody {
margin:auto;
width:75%;
float:left;
height:100%;
}

#rightBody {
margin:auto;
float:left;
width:24%;
height:100%;
}

#status {
margin:auto;
width:100%;
padding:10px;
}

.linkOrig {
margin:auto;
width:80px;
float:left;
}

#Links {
margin:auto;
padding:5px;
float:left;
height:100px;
width:475px;
background-color: #FFF;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
-moz-box-shadow: 1px 1px 5px black;
-webkit-box-shadow: 1px 1px 5px black;
box-shadow: 1px 1px 5px black;
}

#theLinks {
margin:auto;
width:450px;
height:20px;

}

#subLinks {
border-top:1px solid #e2dfdf;
margin:auto;
width:450px;
height:20px;

}

.linkSub {
display: none;
}

#yourImage {
margin:auto;
float:left;
height:125px;
width:125px;
}

#underText {
width:105px;
text-align:center;
}

#triangle {
position: absolute;
margin-left:119px;
margin-top: 20px;
        width: 0;
        height: 0;
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent; 

        border-right:7px solid white;

}

#Friends {
color: #d3d3d3;
margin:auto;
width:180px;

height:50px;
background-color:#274357;


-moz-border-radius-topright:10px;
-moz-border-radius-topleft:10px;
-webkit-border-radius-topright:10px;
-webkit-border-radius-topleft:10px;
border-radius-topright:10px;
border-radius-topleft:10px;

border:2px solid rgba(0, 0, 0, .1);

margin-bottom:15px;
}

#Friends > h1 {
text-weight:bold;
padding:5px;
-moz-border-radius-topright:10px;
-moz-border-radius-topleft:10px;
-webkit-border-radius-topright:10px;
-webkit-border-radius-topleft:10px;
border-radius-topright:10px;
border-radius-topleft:10px;

height:15px;


# /* BACKGROUND GRADIENTS */  
background-color:#703636;
background: -moz-linear-gradient(top, #703636, #672f2f 50%, #5b2929 51%, #4b1e1e);  
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #703636), color-stop(.5, #672f2f), color-stop(.5, #5b2929), to(#4b1e1e)); 
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#703636, endColorstr=#4b1e1e);
/* For Internet Explorer 8 */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#703636, endColorstr=#4b1e1e);
}

#Friends > p {
font-size:12px;
}

#Stalkers {
color: #d3d3d3;
margin:auto;
width:180px;

height:50px;
background-color: #274357;

-moz-border-radius-topright:10px;
-moz-border-radius-topleft:10px;
-webkit-border-radius-topright:10px;
-webkit-border-radius-topleft:10px;
border-radius-topright:10px;
border-radius-topleft:10px;

border:2px solid rgba(0, 0, 0, .1);

margin-bottom:15px;
}


#Stalkers > h1 {
text-weight:bold;
padding:5px;
-moz-border-radius-topright:10px;
-moz-border-radius-topleft:10px;
-webkit-border-radius-topright:10px;
-webkit-border-radius-topleft:10px;
border-radius-topright:10px;
border-radius-topleft:10px;

height:15px;

# /* BACKGROUND GRADIENTS */  
background-color:#703636;
background: -moz-linear-gradient(top, #703636, #672f2f 50%, #5b2929 51%, #4b1e1e);  
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #703636), color-stop(.5, #672f2f), color-stop(.5, #5b2929), to(#4b1e1e)); 
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#703636, endColorstr=#4b1e1e);
/* For Internet Explorer 8 */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#703636, endColorstr=#4b1e1e);
}

#Stalkers > p {
font-size:12px;
}

#SwaggUp {
    color: #d3d3d3;
margin:auto;
width:180px;

height:50px;
background-color: #274357;

-moz-border-radius-topright:10px;
-moz-border-radius-topleft:10px;
-webkit-border-radius-topright:10px;
-webkit-border-radius-topleft:10px;
border-radius-topright:10px;
border-radius-topleft:10px;

border:2px solid rgba(0, 0, 0, .1);

margin-bottom:15px;    
    
}

#SwaggUp > h1 {
    text-weight:bold;
padding:5px;
-moz-border-radius-topright:10px;
-moz-border-radius-topleft:10px;
-webkit-border-radius-topright:10px;
-webkit-border-radius-topleft:10px;
border-radius-topright:10px;
border-radius-topleft:10px;

height:15px;

# /* BACKGROUND GRADIENTS */  
background-color:#703636;
background: -moz-linear-gradient(top, #703636, #672f2f 50%, #5b2929 51%, #4b1e1e);  
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #703636), color-stop(.5, #672f2f), color-stop(.5, #5b2929), to(#4b1e1e)); 
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#703636, endColorstr=#4b1e1e);
/* For Internet Explorer 8 */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#703636, endColorstr=#4b1e1e);    
    
}

#secondBody {
position:relative;
margin:auto;
width:100%;
height:100%;
margin-top:120px;
}

#leftControl {
float:left;
height:100%;
width:20%;
font-size:12px;
border-right:1px solid black;
}

#rightWall {
height:100%;
width:80%;
}

heres the view file

<div id="topWrap">
    <div id="topLogo"><h1>Simple Swag</h1></div>
    <div id="topNav">
    
    </div>
</div>
<div id="bodyContent">   
    <div id="messageBody">
        <div id="leftBody">
            <div id="status">
                <div id="yourImage">
                <?php
                
                $haveImage = false;
                
                if($haveImage == true || $haveImage != ''){
                    
                    
                    
                }
                else{
                    
                    echo '<img src="'.base_url().'/images/yourImage.png" height="105px" width="105px" />';
                    
                }
                
                ?>
                    <div id="underText">
                        <?=$profile_username;?>
                    </div>
                </div>
                <div id="triangle"></div>
                <div id="Links">
                    This is the status of the user. blah blah blah here is some more words.. 
                    maybe time to repeat This is the status of the user. blah blah blah here is some more words.. 
                    maybe time to repeat 
                </div>
            </div>
            <div id="secondBody">
                <div id="leftControl">
                Send Message <br />
                Add as Froemd <br />
                Photos <br />
                Etc
                </div>
                <div id="rightWall">
                Display wall post here
                </div>
            </div>
        </div>
        
        <div id="rightBody">
        <div id="Friends">
            <h1>Currently 0 Friends</h1>
        </div>
        
        <div id="Stalkers">
            <h1>Currently 0 Stalkers</h1>
        </div>
        </div>

    </div>
</div>

June 25, 2011

I have a shared hosting can i use sqllite if they dont have it installed on a server or ??

June 25, 2011

Ive never messed with SQL lite.. Is it a form of XML database installed in that folder? Any tutorials on it?

June 25, 2011

have a single table just for images in database

save all images to same folder on upload

insert image_name/location and also user_id into mysql and use auto_increment for id

I mention the use of id because if they marked an image as public..you could make an images gallery of all the users, or per user.

You are most likely going to have a users table to store items like username,email,password,join_date and so on.

Since there is no need to find all their images everywhere they go on the site...while still retaining their user info and avatar, you could also just add something like an avatar_photo to the users table, and insert the location where the avatar is stored. That location could also be an external web address if desired. If they never select an avatar have a default image to be used.

I personally created a thumbnailer for the images to use as avatars with GD

each of the values can be manipulated on the fly to see different results

here's an example

http://get.blogdns.com/dynaindex/thumb-create.php?size=100&rotate=0&text=Quickie&textsize=6&textcolor=aqua&crop=1.1&bordermargin=0&borderwidth=2&bordercolor=silver&imgsource=http://get.blogdns.com/dynaindex/images/1297191972-09l.jpg

and this is the original uploaded image

http://get.blogdns.com/dynaindex/images/1297191972-09l.jpg

i was definitly thinking this at the begining but if i had a 100 million user website wouldnt that load really slow?

June 25, 2011

About the images per user.

It's best to have a central folder or can also do username folders to store all the images.

When the image is uploaded, add a timestamp to the image name (to make every image unique even if named the same), save that image name/location to a database along with their user id.

There are also more advantages for storing them in a database.

You can add custom titles, description, uploaded date, ratings, public or private and so on.

here's an example of my insert query
mysql_query("INSERT INTO user_image (user_id, rank, public_view, title, description, upload_date, type, size, file_location)
VALUES ('$user_id', '$rank', '$public_view', '$escaped_title', '$escaped_description', '$my_date', '$file_type', '$file_size', '$final_file_location')");
Basically if the user was to have only one image, i can see you just using a user table and add their image.

But if the user is to have more than one image or a gallery, make an exclusive images table.

by that you mean a SQL for every user created?

June 23, 2011

I was thinking of coding a site similar to facebook/myspace.. my question is where to start with my database.. Now i know how to code. Im just looking for the fastest, efficient way..

for example

photos

do i make 1 table by photos and label each image by the USERID

then do a query to find all images by that user..

To me that seems alot of work to do. I feel it would be easier to create a table for each user.

But then the space for that sql would be huge..

If you can point me in the right direction that would be great

February 14, 2010

Are you seeing a cookie on your machine when testing?

how do i check that??

February 12, 2010

Cookies are only read in the header of an HTTP response. So you can't set a cookie and expect in the same script to read it. If the browser went ahead and set the cookie, then in future requests it should be available.

no i tried it in a different time and still didn't work

February 11, 2010

bump

February 10, 2010

BUMP please

Sign In

whiteboikyle

Posts

Joined

Last visited

Content Type

Profiles

Forums

Posts posted by whiteboikyle

Friends Sorted Alpha

Friends Sorted Alpha

website css wont cooperate lol

website css wont cooperate lol

website css wont cooperate lol

website css wont cooperate lol

website css wont cooperate lol

website css wont cooperate lol

website css wont cooperate lol

website css wont cooperate lol

Dont understand error [CI]

Dont understand error [CI]

website css wont cooperate lol

website css wont cooperate lol

website css wont cooperate lol

website css wont cooperate lol

Where to start [HELP]

Where to start [HELP]

Where to start [HELP]

Where to start [HELP]

Where to start [HELP]

Cookies (right direction)

Cookies (right direction)

Cookies (right direction)

Cookies (right direction)

Browse

Activity

Important Information