Results 1 to 5 of 5

Thread: CSS image border? Bad script on the only page that talks about this.

  1. #1
    Join Date
    May 2008
    Posts
    9
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Default CSS image border? Bad script on the only page that talks about this.

    I use dogpile.com. And I typed 'css decorative border' and this website was in the first page: http://www.bigbaer.com/css_tutorials...rder.image.tex...

    I got a antivirus warning about some script on the page targeting my IE browser. So, I did not get to print or learn from the tutorial. It is very strange because there IS a tutorial with code there.

    The other pages I clicked on were all just using the plain old lines and such, no graphics.

    Does anyone have a safer website with a tutorial?

    Thanks

    :-)

  2. #2
    Join Date
    Nov 2006
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    1,920
    Thanks
    2
    Thanked 267 Times in 262 Posts

    Default

    Hi there dandylion,

    you can see an example here...

    ...and the code here...
    Code:
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
       "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <title>fancy border</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    
    <style type="text/css">
    #container {
        position:relative;
        width:420px;
        padding:15px 15px 0 15px;;
        background-image:url(images/bdrBg.jpg);
        margin:auto;
     }
    #contents {
        padding:20px;
        background-color:#ddeeff;
        font-family:sans-serif;
        color:#669;
     }
    #contents h1 {
        font-family:serif; 
        font-size:1.2em;
        color:#336;
        text-align:center; 
     }  
    #contents p {
        font-size:0.8em;
        text-align:justify;
        text-indent:1em;
     }
    #contents p:first-letter {
        font-family:serif; 
        font-size:1.6em;
     }   
    #footer {
        position:absolute;
        left:0;
        bottom:0;
        z-index:1;
        width:450px;
        height:15px;
        background-image:url(images/bdrBg.jpg);
    }
    </style>
    
    </head>
    <body>
    
    <div id="container">
    
    <div id="contents">
    <h1>Lorem Ipsum</h1>
    
    <p>
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras volutpat, purus ac 
    pellentesque adipiscing, mauris ligula convallis metus, vitae scelerisque nibh 
    orci quis mi. Cum sociis natoque penatibus et magnis dis parturient montes, 
    nascetur ridiculus mus. Curabitur porttitor aliquam libero. Quisque molestie ornare 
    sem. Nam euismod sem lacinia ipsum. In pharetra metus ut dolor cursus aliquam. 
    Maecenas eu ante quis enim tincidunt laoreet. Pellentesque varius nunc in ipsum 
    pulvinar sollicitudin. Nunc et mi. Donec auctor dignissim orci. Aliquam sed magna. 
    Pellentesque in dui. In eget elit. Praesent eu lorem.
    </p><p>
    Cras cursus varius pede. Cras dolor lorem, convallis sed, venenatis ac, aliquam vitae, 
    orci. Duis diam massa, adipiscing quis, aliquam eget, ornare eu, lectus. Sed rutrum 
    augue non purus. Integer vel mauris. Nam suscipit molestie lectus. Fusce laoreet 
    interdum eros. Pellentesque sit amet enim id nunc adipiscing ultricies. Quisque 
    lobortis eleifend elit. Sed eu augue sed felis vulputate iaculis. Cras lorem felis, 
    lobortis id, accumsan vel, facilisis quis, dolor. Curabitur aliquet. Nulla facilisi. 
    Proin nunc velit, posuere sit amet, porttitor et, volutpat a, massa. Maecenas elementum 
    volutpat justo. Pellentesque magna neque, dictum id, rhoncus a, fringilla et, nulla. 
    Phasellus placerat gravida purus. Pellentesque odio. Sed volutpat vehicula nulla. Quisque 
    metus urna, semper eget, aliquam ac, feugiat nec, massa.
    </p>
    </div>
    
    <div id="footer"></div>
    
    </div>
    
    </body>
    </html>
    
    
    coothead

  3. The Following User Says Thank You to coothead For This Useful Post:

    dandylion (06-03-2008)

  4. #3
    Join Date
    May 2008
    Posts
    9
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Default

    Thank You so much for replying. I'll study this and will learn from it. CSS is really a GREAT 'tool' or whatever the proper term is. The more I learn it and use it and ask about it and such the more I love it.

    Thanks again
    :-)

  5. #4
    Join Date
    May 2008
    Posts
    9
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Default

    And about that virus script that I think was on that page, since I was on that page when I got the Antivirus message, should I be concerned that it is still on my computer? I did do a scan after loggingoff and there was nothing that the software could detect but as I was coding and such, offline, IE6, which was on so I could check the code I was typing in Notepad, would periodicly shut off all by itself so I am concerned something is still on my computer.

    I don't remember what the virus script's name was, should I risk opening that page again to check?

    :-)

  6. #5
    Join Date
    Nov 2006
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    1,920
    Thanks
    2
    Thanked 267 Times in 262 Posts

    Default

    No problem, you're welcome.
    Last edited by coothead; 06-03-2008 at 06:20 PM.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •