Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 4 of 4
  1. #1
    Senior Member
    Join Date
    Jan 2014
    Posts
    392
    Member #
    38172
    Liked
    4 times

    br element being a c**t

    so im making a new pen page for my site that explains a bit about what im doing with web design. its not up yet so you cant view source.

    the page is leterally just a background image with a paragraph of text.

    <p> So, i started learning web design a few weeks ago,
    not by using a website making program but from scratch..
    this is just a practice site so its gonna be changed
    around a f**kload.<br/>
    fair warnings, theres some amount of profanity
    and one sided opinions in here.
    </p>

    im trying to put a line break where the br is there but its just adding a space to the paragraph line when i load it up??????

  2.  

  3. #2
    Senior Member
    Join Date
    Jan 2014
    Posts
    392
    Member #
    38172
    Liked
    4 times
    i have this resolved..
    instead of using a br element i made 2 paragraphs and put them inside a blockquote. did the job but its just more coding, whats up with the br element now working???

    and when i tried to attach a background image to the blockquote it just went clear, is that to do with the size of the image or can i not attach an image to a blockquote?

    basically i want to have a peice of text on the page in a box with a link to the actual site. i want the box to have a background picture and i want to add a link to it to bring a visitor to the main site. whats the best way to do this? heres the html and css......

    html
    <!doctype html>
    <html>

    <head>
    <title> learning this **** </title>
    <link rel="stylesheet" href="../css/opening.css">
    </head>


    <body>
    <blockquote>
    <p> So, i started learning web design a few weeks ago,
    not by using a website making program but from scratch..
    this is just a practice site so its gonna be changed
    around a f**kload.
    </p>
    <p>
    fair warnings, theres some amount of profanity
    and one sided opinions in here.
    </p>
    </blockquote>
    </body>

    </html>



    css
    html { background: url('../images/tattoo.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    }

    blockquote {position: relative;
    top: 250px;
    left: 60%;
    width: 320px;
    font-family: helvetica;
    font-size: 15px;
    text-align: center;
    background-color: white;
    border-radius: 5px;
    text-shadow: 0px 0px 1px grey;
    letter-spacing: 1px;
    border: 1px solid black;
    border-left: 2px solid grey;
    border-top: 2px solid grey;
    background: blur;
    }


    p {width: 300px
    text-align: center;
    }


    it is unbelivably frustrating getting stuck on such simple things

  4. #3
    Senior Member
    Join Date
    Jan 2014
    Posts
    392
    Member #
    38172
    Liked
    4 times
    now im having another problem in css. changing the font weight.... when i do font-weight: normal or bold it works but if i put in a figure like 100 it reverts back to normal? anyone know why this would happen?

    and going back to trying to upload a background picture to the blockquote (reember it just left the blockquote seethrough so the image behind was visible) what is the correct practice for making a blockquote or box seethrough?

    i now have this page uploaded to coleio.com just click "click here" or go to learning this ****

  5. #4
    Senior Member DC Web Design's Avatar
    Join Date
    Jan 2014
    Location
    Washington, DC
    Posts
    128
    Member #
    38178
    Liked
    37 times
    Because setting a font weight of 100 is actually the lightest a font can be, so it's normal that 100 would "revert it back to normal" https://developer.mozilla.org/en-US/...SS/font-weight

    Keep in mind not all fonts support all weights. Web fonts are a little trickier too.


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 04:33 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2020 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com