Need some help with CSS Lab 6 Two Historical Figures

Discussion in 'CSS' started by sorrynoid4me, Aug 7, 2011.

0
  1. #1
    I was on here about a week ago, and some guy helped me out with my CSS external style sheet, however, the CSS that he corrected for me was wrong. Also, the guy claimed to be a Computer Sci guy at my university, and he claimed to know my current instructor for CS120 very well in terms of how "John" does the grading.

    However, I was given some CSS that was suppose to be correct initially. This is the CSS that was given to me:

    
body {
background-color: #FF7400;
}

.main {
padding: 8px;
background-color: #EEEEEE;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 7%;
margin-right:7%;
}

.bio {
background-color: #EEEEEE;
}

.bio :first-child {
font-weight: 800;
}

#heading {
font-family: sans-serif;
background-color: #33CCCC;
color: #A64B00;
font-size: 300%;
text-align: center;
}

#mainimage {
padding: 2px;
}

#rightcolumn {
margin-top: 10px;
float: right;
border: solid;
}
#pfooter {
background-color: #006363;
clear: right;
text-align: center;
}
    Code (markup):

    This is the correct version of both historical figures' CSS sheets:

    
body {
background-color: #CD0074;

}

.main {
background-color: #EEEEEE;
border-style: solid;
border-color: #FF0000;
border-width: thin;
margin: 10px 7% 10px 7%;
padding: 10px;

}

.bio {

}

.bio :first-child {
font-weight: 800;
}

#heading {
font-family: Times New Roman,Times,serif;
font-style: italic;
background-color: #FFB273;
border-style: solid;
border-color: #FF0000;
border-width: thin;
color: #E6399B;
font-size: 300%;
text-align: center;
}

#mainimage {
padding: 2px;
}

#rightcolumn {
float: right;
border: solid;
margin-top: 10px;
margin-top: 10px;
margin-right: 2%;
margin-left: 2%;
}
#pfooter {
background-color: #A64B00;
font-family: Times New Roman,Times,serif;
font-style: italic;
border-style: solid;
border-color: #FF0000;
border-width: thin;
clear: both;
text-align: center;
}
    Code (markup):

    The first code was missing some padding, and it didn't look like the original picture, but I adjusted the padding and it looks a lot like the assignment image for lab 6..

    Anyways, if the guys post on here, I'd like to share my corrections to the Lab 6 assignment, so that the guy can correct his CSS...
     
    Solved! View solution.
    sorrynoid4me, Aug 7, 2011 IP
  2. sorrynoid4me

    sorrynoid4me Peon

    Messages:
    19
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    The guy that was helping me out was helping me out through private messages.....
     
    sorrynoid4me, Aug 7, 2011 IP
  3. sorrynoid4me

    sorrynoid4me Peon

    Messages:
    19
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    I'm still confused about this part of CSS 

    
}

.bio {

}

.bio :first-child {
font-weight: 800;
}
    Code (markup):

    Why do I have to create the 

    }

.bio {

}
    Code (markup):

    And then create the 

    
.bio :first-child;
    Code (markup):
    right under it...

    If someone or the original guy that was helping via private messages can help me, it would be cool....
     
    sorrynoid4me, Aug 7, 2011 IP
  4. sorrynoid4me

    sorrynoid4me Peon

    Messages:
    19
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Here is a link to Lab 6 which is the image that I was using as a reference. The original style sheet that was given to me did not look nothing at all like the image on "John's" sample image..

    [​IMG]
     
    Last edited: Aug 7, 2011
    sorrynoid4me, Aug 7, 2011 IP
  5. sorrynoid4me

    sorrynoid4me Peon

    Messages:
    19
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Also, here is a link to what the newly updated and modified CSS looks like on a web page...

    cs1.calstatela.edu:8280/~cs120stu24/info/Einstein.html

    cs1.calstatela.edu:8280/~cs120stu24/info/descartes.html


    Take a look at them, and tell me what you think.

    If you read this, you can tell that my updated CSS looks more similar to the image that "John" is using for this lab...
     
    sorrynoid4me, Aug 7, 2011 IP
  6. #6
    yo I helped you with a different user account tho...
    the original CSS, I just got it from the web site of another student in your class....just change the variables and your css
    Let me explain how your class website link for CS120 works...

    cs1 <--- this is the name of the schools server

    .calstatela.edu:8280/~ <-- this allows you to access your website and wont change

    cs120stu24 <-- this is what i modified to find other css pages of students in your class.

    cs120 is your class, and stu24 is your unique username while in that class... so i just changed the numer of "stu" until i found reliable links...

    try "stu11" or stu20" or "stu19."
    i forgot what student username i used to help you with the css but it looked very similar to the image that John had..plus, the css i coded was specific to lab 6 instructions...

    /info/Einstein.html <--- this is your subdirectory and name of the html file in the subdirectory...
    neways friend, that is all i did....assignment is easy...change some thing and is good all...easy grade...
    lemme know if you require service of me more....send me private messages...
     
    Last edited: Aug 7, 2011
    roachclip1986, Aug 7, 2011 IP
  7. sorrynoid4me

    sorrynoid4me Peon

    Messages:
    19
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Thanks for explaining my CS120 link structure. I changed the CSS a little bit, but not sure what kind of grade I'll get. I hope to just at least pass the course, but if I get a higher grade, then that would be perfect.
     
    sorrynoid4me, Aug 7, 2011 IP
  8. sorrynoid4me

    sorrynoid4me Peon

    Messages:
    19
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #8
    sorrynoid4me, Aug 7, 2011 IP