A small CSS issue

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • Klen
    • Aug 2006
    • 32235

    #1

    A small CSS issue

    I trying to get a less is possible requied lines to get border on img with using css but my third attemp to make it properly didnt work good.
    I made 3 examples of css in action and 3-third one is totaly messed.
    http://frajkt.com/cars/css1.html
    http://frajkt.com/cars/css2.html
    http://frajkt.com/cars/css3.html
    First one is implement of td tag,which is good but it requires repeating of td tag which is bad,second one is implementation of img tag which is good but bad if you dont want border on certain images and third one is calling tag one which contain border setting but for some reason it shows big border on first image and on other images shows one big border and it should be border on every image.When i tried that code first time it worked but then sudenly it stopped working.
  • Iron Fist
    Too lazy to set a custom title
    • Dec 2006
    • 23400

    #2
    Good luck
    i like waffles

    Comment

    • GrouchyAdmin
      Now choke yourself!
      • Apr 2006
      • 12085

      #3
      I looked at the first two, then clicked on the third, but couldn't be bothered to click the 'View Source' button. Sorry.

      Comment

      • Deej
        I make pixels work
        • Jun 2005
        • 24386

        #4
        well your first mistake is using css in tables...

        just make it all divisions... and assign the divisions to have your border and padding and spacing...

        Deej's Designs n' What Not
        Hit me up for Design, CSS & Photo Retouching


        Icq#30096880

        Comment

        • MetaMan
          I AM WEB 2.0
          • Jan 2003
          • 28682

          #5
          why not do this?

          .outer {
          background: #000000;
          padding: 5px;
          border: 2px solid #ffffff;
          float:left;
          }
          .imagenigga {
          border: 2px solid #ffffff;
          }

          <div class="outer"><img src="images.jpg" class="imagenigga"></div>
          <div class="outer"><img src="images.jpg" class="imagenigga"></div>
          <div class="outer"><img src="images.jpg" class="imagenigga"></div>
          <div class="outer"><img src="images.jpg" class="imagenigga"></div>

          Comment

          • Klen
            • Aug 2006
            • 32235

            #6
            Originally posted by Deej
            well your first mistake is using css in tables...

            just make it all divisions... and assign the divisions to have your border and padding and spacing...
            I tried that in third example but it doesnt work for some reason

            Comment

            • Klen
              • Aug 2006
              • 32235

              #7
              Originally posted by MetaMan
              why not do this?

              .outer {
              background: #000000;
              padding: 5px;
              border: 2px solid #ffffff;
              float:left;
              }
              .imagenigga {
              border: 2px solid #ffffff;
              }

              <div class="outer"><img src="images.jpg" class="imagenigga"></div>
              <div class="outer"><img src="images.jpg" class="imagenigga"></div>
              <div class="outer"><img src="images.jpg" class="imagenigga"></div>
              <div class="outer"><img src="images.jpg" class="imagenigga"></div>
              In that example is requied to repeat <div class> on each img code and i want to avoid that.I did managed somehow to have just one call to div class for entire block of images i just dont why it's gone later when i clicked again on preview

              Comment

              • Klen
                • Aug 2006
                • 32235

                #8
                Originally posted by GrouchyAdmin
                I looked at the first two, then clicked on the third, but couldn't be bothered to click the 'View Source' button. Sorry.
                Here is content of css files:
                one.css:
                http://frajkt.com/cars/one.css
                two.css:
                http://frajkt.com/cars/two.css
                three.css
                http://frajkt.com/cars/three.css
                css1.html includes one.css, css2.html includes two.css and css3.html includes three.css

                Comment

                • Klen
                  • Aug 2006
                  • 32235

                  #9
                  Damn,after 12 hours spended on searching for proper solution finaly some guy from one mainstream webmaster board give me proper reply after maybe 20 replies in that thread.One of replies was even to do borders in photoshop.
                  In shortly this is needed to add to css file to ignore img tag for border:
                  .noborder {border:0 ;}

                  Comment

                  • digifan
                    The Profiler
                    • Oct 2002
                    • 14618

                    #10
                    Nice pages and cars, why changing them? They look good.
                    [email protected]
                    Webair Rocks

                    Comment

                    • klaze
                      So Fucking Banned
                      • May 2008
                      • 2167

                      #11
                      Originally posted by KlenTelaris
                      Damn,after 12 hours spended on searching for proper solution finaly some guy from one mainstream webmaster board give me proper reply after maybe 20 replies in that thread.One of replies was even to do borders in photoshop.
                      In shortly this is needed to add to css file to ignore img tag for border:
                      .noborder {border:0 ;}
                      It's your inability to clearly ask a question.

                      Comment

                      • Klen
                        • Aug 2006
                        • 32235

                        #12
                        Originally posted by klaze
                        It's your inability to clearly ask a question.
                        Well here i didnt but on that mainstream webmaster board i clearly asked how to dissalow img tag

                        Comment

                        • Klen
                          • Aug 2006
                          • 32235

                          #13
                          Originally posted by digifan
                          Nice pages and cars, why changing them? They look good.
                          I puted those cars just for example so i can demonstrate problem on mainstream webmaster board,they dont like adult staff there.

                          Comment

                          • yahoo-xxx-girls.com
                            Confirmed User
                            • Jul 2006
                            • 3143

                            #14
                            Originally posted by KlenTelaris
                            I puted those cars just for example so i can demonstrate problem on mainstream webmaster board,they dont like adult staff there.
                            Yea... I can understand.

                            Are you just trying to place a css border or are you also trying to place a background image behind the foreground picture?
                            sig too big

                            Comment

                            • Klen
                              • Aug 2006
                              • 32235

                              #15
                              Originally posted by Balalsubturfyooj
                              Yea... I can understand.

                              Are you just trying to place a css border or are you also trying to place a background image behind the foreground picture?
                              I just wanted to automaticly put border on most of images with one line and to have code which will prevent to not have border on image where i dont wanna border.This will reduce present html code for 30%

                              Comment

                              • yahoo-xxx-girls.com
                                Confirmed User
                                • Jul 2006
                                • 3143

                                #16
                                try:

                                td {border-style: solid;}

                                or perhaps

                                body {border-style: solid;}
                                Last edited by yahoo-xxx-girls.com; 07-31-2008, 12:34 PM.
                                sig too big

                                Comment

                                Working...