image size

Discussion in 'HTML & Website Design' started by dourvas, Nov 4, 2009.

  1. dourvas

    dourvas Peon

    Messages:
    31
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #21
    Stomme poes, i am happy u mentioned this solution. i have thouhgt it too. but i can make it work!!!

    let me say what am i doing.

    first of all i wont have 2 images - one for text- but just one since the text is in the image i use.
    now i want to set this image as background... i set the width of the image using gimp 1440. (now the image is 1440x75)
    in head section wrote this
    
    <style type="text/css">
    <!--
    .image {
    width: 78%;
    height: 75px;
    background: url(images/main banner1.jpg) 100% 0 no-repeat;
    }
    -->
    </style>
    
    Code (markup):
    and when iset the table...
    
    <table width="80%" cellspacing="0" cellpadding="0" align="center" bgcolor=#E87400>
    <tr>
     	 <td class="image"></td>
    	<td align='center' valign='middle' width="290" height="90"> 
    .
    .
    
    Code (markup):
    but the image wont show at all...
    it was the first solution i tried. why the image wont show???????

    i thought that this problem would be easely solved without using any javascript or something like this. do u thing i should reconsider?

    wait a minute.

    i checked only with firefox wich it wont show. in IE8 it shows only a part of the image (it wont shrink to show it all)
     
    Last edited: Nov 10, 2009
    dourvas, Nov 10, 2009 IP
  2. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #22
    I'm not going to slap the rose coloured glasses on you and sugarcoat this.

    This is an excellent example of what I mean when I say the wrong markup, and decade out of date methodologies. I wouldn't even try to salvage it, I say throw it away with MODERN markup using Semantics, separation of presentation from content, and an overall reduction of the code involved.

    There is nothing in that layout which should even warrant the use of more than one table, you have large amounts of tag abuse (like paragraphs around broken lines), and tags/attributes that have no place in writing HTML today like CENTER, FONT, BORDER and ALIGN.

    Hell, even your character encoding is conspiring against you.
     
    deathshadow, Nov 10, 2009 IP
  3. chandan123

    chandan123 Prominent Member

    Messages:
    11,586
    Likes Received:
    578
    Best Answers:
    0
    Trophy Points:
    360
    #23
    in width there is a double quote missing also u can try with a thumbnail instead :)
     
    chandan123, Nov 10, 2009 IP
  4. dourvas

    dourvas Peon

    Messages:
    31
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #24
    ok deathshadow, i admit i am an amateur. i dont think u were born a pro. u became one wright? this is my first site. and it works fine serving hundreds of people every day. i know it has many issues but it gets better every day.
    U did not helped me with my problem u just critisized...

    chandan123, i did not find the missing " u mentioned... i ll check know thw thumbnail u said. i never used such thing but i will google it to see how i can use it
     
    dourvas, Nov 10, 2009 IP
  5. chandan123

    chandan123 Prominent Member

    Messages:
    11,586
    Likes Received:
    578
    Best Answers:
    0
    Trophy Points:
    360
    #25
    width="90%

    not surrounded by the double quote width="90%"
     
    chandan123, Nov 10, 2009 IP
  6. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #26
    Well, gimme a while - I have time after work today I'll toss together a demo of how I'd code the page. For the most part most all the tables will be gone, it will render 99% identical (actually, I may tweak the appearance slightly) though it will have dynamic font support, gilder-levin image replacement, a wee bit leaner and have accessibility fonts.

    I do these types of rewrites from time to time between contracts or when I'm just bored/depressed. I didn't do the rewrite because I was unsure of your skill level/learning... But what's the old adage about teaching a man to fish? Oh yeah, he'll bore you to death on the Outdoor Life Network from his bass boat.

    I wasn't saying it was entirely your fault for all those problems - please don't take that personally. I just listed out what's wrong - most of which is common practice because the majority of books on shelves and tutorials online are a decade behind the times and five years past obsolescence, yet they keep lumbering on... Consider it my own personal windmill there Sancho...
     
    deathshadow, Nov 10, 2009 IP
  7. dourvas

    dourvas Peon

    Messages:
    31
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #27
    thanks a lot man. iam really looking forward to your next post. i am really trying to learn and i am sure that i ll get much better from it.

    chandan123 i ve already corrected this fault. still nothing..
     
    dourvas, Nov 10, 2009 IP
  8. masud7827

    masud7827 Active Member

    Messages:
    165
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    51
    #28
    I have also same problem
     
    masud7827, Nov 10, 2009 IP
  9. dourvas

    dourvas Peon

    Messages:
    31
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #29
    deathshadow, i hope u did not forget your word and u ll publish the code u said. i am anxious... if u regret it please say it in order for me not to wait..
     
    dourvas, Nov 11, 2009 IP
  10. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #30
    He won't forget. If he doesn't post a redo/makeover then it's because something happened and he got busy.
     
    Stomme poes, Nov 11, 2009 IP
  11. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #31
    Actually what's holding it up is language barrier - it's all greek to me... and my editor.

    That it's greek in windows-1252 is giving my editor of choice complete fits. I'm ending up lorem-ipsuming it, then copying over your text in notepad on 'final'. (since it's the only editor I have installed right now that doesn't choke on win1252)
     
    deathshadow, Nov 11, 2009 IP
  12. dourvas

    dourvas Peon

    Messages:
    31
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #32
    i saw that problem coming... why don t u replace the greeks with bla s. after all the structure is our concern...
     
    dourvas, Nov 11, 2009 IP
  13. rameshwar

    rameshwar Peon

    Messages:
    2
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #33
    Use a smaller size image for lesser load time and better performance.
     
    rameshwar, Nov 12, 2009 IP
  14. dourvas

    dourvas Peon

    Messages:
    31
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #34
    yes. i used to have a smaller image. but in big screen analysis it wouldnt resize and a huge space was shown. that was the problem that made me post. i want the image to grow or shrink regarding the screen alalysis. i used a couple of technics but the one was working with one browser the other with other browser etc.

    deathshadow looked at my code and he did not liked it at all. i used tables instead of divs and he found also semantics code-writing mistakes. now i am waiting from him for a sample code for my site using the right technics. i am looking forward for it but he is a very busy man as i can see..
     
    dourvas, Nov 12, 2009 IP
  15. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #35
    DS can you copy-pasta the text from the screen? I did that for the alt text example for his image. gVim was cool with it.
     
    Stomme poes, Nov 13, 2009 IP
  16. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #36
    Sorry for the delay, got sidetracked by stomping a spammer into the ground.

    The copying of the text is only a minor part of the problem - I'm having trouble figuring out what is even what here since it's all gibberish. I can't figure out what heading effect dourvas is even trying for from the original content since I'm seeing four different appearances in five different browsers. It's hard to do semantic markup when you don't know what the content is, and it's hard to figure out how it's supposed to look when it doesn't look the same anywhere.

    I ended up throwing away a lot of the styling... Like do you really need five borders between columns? All those table borders were just making it harder to use, and doesn't translate well to non-table layouts anyways.

    The header, the part you were actually asking for help on, I still can't figure out what it is you actually wanted it to do. Were you trying to stretch it behind the rotating image? I'm basically guessing this is something LIKE what you were trying to do, I can't say for certain though... I basically ended up redesigning it because I couldn't make it look good using your existing images.

    http://www.cutcodedown.com/for_others/dourvas/template.html

    I also took an axe to a lot of stuff I'd never put on a website - like that 'dancing text' thing which ranks up there with marquee tags and auto-playing music... or the bookmarking link and inlined clock which are a waste of time since every browser has bookmarking built in and every modern OS shows the time on the taskbar/menubar/what have you.

    Basically, this was a wild guess - I wouldn't build a website with that appearance, with those animations, or with half the elements set up the way they are...
     
    deathshadow, Nov 13, 2009 IP
  17. dourvas

    dourvas Peon

    Messages:
    31
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #37
    it looks fantastic. i know u re right about all the notices u ve made. it was my first site and i wanted to test anything i could. i really liked your code. i will study it very carefully. i hope u will allow me to ask u a couple of questions about the code later. i dont have time right now because i am out for the weekend.


    could i have someway, the css files u used? it would be very helpful....
     
    dourvas, Nov 14, 2009 IP
  18. stuart.letterman

    stuart.letterman Guest

    Messages:
    143
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #38
    Always use pixel lengths for images not percentages.

    So:
    would be an image of the size 100x50.

    If you want a smaller image size then make the original smaller before you upload it with photoshop type programs,

    Good luck :cool:
     
    stuart.letterman, Nov 14, 2009 IP
  19. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #39
    Well, if that was your first site than it's quite impressive, though it shows something I'm writing a e-book to address, the lack of books/tutorials and code examples on how to write MODERN HTML. It's not your fault 99% of books, tutorials and websites on the subject are a decade out of date :(

    Fire away when you are ready.

    Forgot to mention, the directory:
    http://www.cutcodedown.com/for_others/dourvas/

    is unlocked so you can grab the bits and pieces.

    I'm probably going to be busy over the weekend myself, but when I have some time monday I can put together a section-by-section breakdown of why I made the code choices I did for both the markup and CSS.
     
    deathshadow, Nov 14, 2009 IP
  20. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #40
    Amazing what one sees with scripts on. I saw a completely different page, lawlz.
     
    Stomme poes, Nov 14, 2009 IP