Jump to content

Herofeeder

Members
  • Posts

    30
  • Joined

  • Last visited

Posts posted by Herofeeder

  1.  

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>My Page</title>
        <link rel="stylesheet" href="main.css">
    </head>
    <body>
    <header>
        <div class="container">
            <h1 class="title">My Personal Page</h1>
            <nav class="links">
                <a href="">TEXT LINK</a>
                <a href="">TEXT LINK</a>
                <a href="">TEXT LINK</a>
                <a href="">TEXT LINK</a>
                <a href="">TEXT LINK</a>
            </nav>
        </div>
    </header>
    <div class="clear"></div>
    <div class="container">
    
    <div class="picture ">
    
        <img src="https://s-media-cache-ak0.pinimg.com/originals/e5/95/14/e59514c89d530660923148bad789ef67.jpg" alt="">
    
    </div>
        </div>
    <div class="img2"></div>
    
    </body>
    </html>
    *{
        margin:0;
        padding:0;
    }
    .container{
        width:960px;
        margin:0 auto 0 auto;
    }
    .links{
        float:right;
        padding: 20px;
        background-color: #737373;
    
    
    }
    a{
    
        color:white;
        text-decoration: none;
        margin-right:10px;
    }
    .title{
        display:inline-block;
        color: #9d9d9d;
        font-family: Georgia,"Times New Roman",Times,serif;
    
    
    }
    header{
        background-color: dimgray;
        padding:20px 0 50px 0 ;
        margin-bottom:30px;
    
    
    }
    .clear{
        clear: both;
    }
    .picture{
        border:1px solid black;
        padding:5px;
    
    }

    i had this problem before where the picture wont stay in the border , but i forgot how i fixed it the first time .can someone help 

  2. it says that position relative and absolute go when you want to adjust some text or a picture without messing with other divs in the container

    the way i adjusted things before would be to create a div (for example) and then put another div-class(that would be the picture) and another div-class that would hold a paragraph ,and then i would use margins

    and padding to adjust them along with display and stuff like that.

    since i found out about position relative and absolute im just wondering if i could use that instead of all of the above that i just wrote .

  3. Because there is no available space for it to be floated beside it unless you use positioning or maybe transform: translate, also from what I see your code does not match your image, and one last important thing to point out! DON'T USE IMAGES TO SHOW CODE.

    thank you very much..but w8 what do i do since img arent preffered...do i copy paste it all in the chat or?

  4. Hi,

     

    I think you need to float the .frame_box div to left and then the .text div will take its place on the right.

    Try applying float: left; to .frame_box {...}.

    sadly no i tried it : P cant seem to find the solution to it .its so lame i cant continue without this

  5. hi guys im starting to re- learn html and css

    and i came across options that are called Float(left right ..) and Clear both .

    i remember when i first learned about html and css i used that non stop

    but a friend of mine told me i should stop using that bcs there are other ways of adjusting something on the page without float or clear option.

    he said to use Flex box (not sure what that is but il check it out soon )

     

     

     

    My question is why is it bad to use Float and Clear .Is it going to ruin the page in some way? Or does Flex box do what float and clear can and much more ?

  6. hi everyone im trying to get back in to web design and re learn everything i knew 5 6 months ago . im curently stuck on this and have no idea how to fix it . can someone help me pls.

    i cant click on the Pages i linked and i have no idea how to fix it .ive been trying to fix it for about 40 min now and nothing comes to mind

     

    this is the Index.html

     

    http://imgur.com/a/5eQnt

     

    this is the page2

     

     

    http://imgur.com/a/sHxO9

     

    this is the page3

     

    http://imgur.com/a/IWj0h

     

     

    this is main.css

     

    http://imgur.com/a/wJJaf

     

    this is the result

     

    http://imgur.com/a/dIU6t

  7. actually never mind , i managed to find a solution to this problem, my friend told my i needed php to make this ,so it kind of scared me , i found the solution in my old work

  8. i had to change jobs this was a last min mistake , last time i did web design i was 3 months ago but certain things happend in my family that forced me to get a 10 hour a day job.

    i plan to continue learning with private lessons but right now i have to focus on earning money or that isnt possible
    this is the only mistake i made in the " web " but sadly i forgot most of it and im struggling right now to even fix this problem while working as a waiter

    if anyone can just help with this id be very grateful

  9. hi guys sorry to bother you im quite new to web design and all

    i need to make this for my exam and send it asap so i can get the diploma

     

    http://imgur.com/a/PJ8y7

     

     

    the first image on that link is what i did

     

     

    the second is what its suposed to look like

     

    its a "contact list"

    where its asking me for my First Last name
    my adress

    email

    and a description of what i want when i order it from this "Homework site" that i made

    it also on the bottom has

    Cancel and Send .

     

    i literally have no idea what to write in code to make this can anybody help .

     

     

    thank you in advance

  10. http://imgur.com/T1DBGNx

     

    like this i cant put them together for some reason,

    they need to look exactly like that and i cant find a way to do it in that previous imgur is the html and the css

    btw im sorry if there is another method of posting pictures to make these things easier to solve
    i tried posting picture directly on the page but it says i cant do that,not sure why

    the current result ony my design looks like this

     

    http://imgur.com/QS98KW2

     

     

    i dont know where i have gone wrong

  11. To answer you question, No.

    All you need is a text editor and a graphics program.

    All os come with text editors and G.I.M.P is a free alternative to PS.

     

    Wow they still teach W.Y.S.I.W.Y.G editors and flash.

    Man talk about old school!

    yeah youd think i learned that in 2001 ,sadly its a must learn in my country,

    the classes were crowded and nobody could get a 1 on 1 kind of lesson

    i have a diploma now ,but now a tutor is teaching me step by step ,this is the first time in my life where i have a diploma but i dont know anything xD

  12. hi im not sure if the problem is rly with the box sizing im encoutering this for the first time while learning and i dont know how to deal with it

    its been bothering me for a while now, so help would be greatly appreciated .

    the problem is "image caption here"

    i dont know how to put it in place and with that background color

    does it need a new div inside a div or something like that

    is there a simpler way

     

     

    ty in advance

     

     

     

    http://imgur.com/a/OcruH

     

  13. thank you dsonesuk you saved me hours of stress

     

    davej, im still new to this thing and it felt easier to show it with pic rather then just paste the code :P i still cant imagine the look of a web page just by looking at the code

  14. Hi im curently trying to do my homework and cant seem to get my head around this its been bugging me for over an hour now .

     

    it just keeps jumping out of the container for some reason and i have no clue why

     

     

    http://imgur.com/a/ZAcT8

     

    also if someone can tell me why i cant upload pictures here anymore ,it shows "the upload failed" sign

     

    ty in advance

  15. for example a template like this

     

    http://www.os-templates.com/free-psd-templates/nobodysfool

     

     

    im learning how to use HTML and CSS

    and this one seems fairly easy compared to the others on this site.

    Im trying to find similar to this one ,long story short im trying to learn HTML/CSS

    so a friend on mine gave me a link to this template http://www.os-templates.com/free-basic-html5-templates/rs-mqf-1140

     

     

    but its very difficult for me right now ,so i was wondering if there is a page that had easier Templates to learn/copy from

×
×
  • Create New...