My website is not compatible for some monitor resoluions. Can someone help me ? it has problems 1024*768 and below Website : www.youtubekaydet.com You can take html and do it and upload or you can tell me how to do. I don't have css knowledge . Help me thanks
Well, first off - you need to start with a fluid layout and work your way through. Why do you want to show your site below that resolution any way ? Its about time people let go 800x600
That attitude is stupid and short-sighted, given the increasing popularity of mobile devices capable of running actual browsers (IE on Windows Mobile, Opera mini/Opera Mobile)... What's the resolution of the EEPC again? Much less the relative ease of designing fluid.... and he said 1024x768 and below - frankly at anything less than 1280 the layout goes nuts. Not too surprising though given the train wreck of code - TWO conflicting character meta's, no language or namespace declared on the HTML tag, incomplete CSS links, inlined CSS, inlined presentation, not one header tag to be found, absolute links to the same server it's being hosted on, overblown case of classitus, using javascript on FONT tags instead of anchors (WTF?), title tags identical to the content inside the anchors, lack of quotes around string values, code after the BODY and HTML tags are closed wrapped in a hidden meaning some browsers won't even load the content, XHTML 1.1 without the prolog (only 1.0 can omit the XML prolog), inlined characters that match NEITHER encoding set (appear to be ISO-8859-1?) 107 validation errors, 11k of HTML for something that shouldn't even take half that, drug addiction, alcoholism, sadism, beastiality, mutilation, murder, vampirism, necrophilia, cannibalism, not to mention a gamut of sexual goodies. Shall I go on? (I say, I say, that's a joke son...) I couldn't figure out what all that font tag nonsense was, (random link?), but without that this is about what I would use for HTML for that same page: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link type="text/css" rel="stylesheet" href="screen.css" media="screen,projection" /> <title>Template</title> </head><body> <h1> YouTubeKayDet <span>Video Inderme Siteniz</span> <b></b> </h1> <div id="container"> <div id="content"> <p> <a href="http://www.youtubekaydet.com" class="biglink"> Youtubekaydet.Com </a> <strong>youtube</strong> videolarini bilgisayariniza web sayfasi üzerinden kolaylikla indirmenize olanarak saglar. Sitemizden ayrica izlesene pikniktube Google Myspace MetaCafe, DailyMotion Blip.tv Ifilm gibi popüler video sitelerindeki videolarida bilgisayariniza indirebilir, arkadaslarinizla paylasabilirsiniz. Indirmek Içinin yapmaniz gereken tek sey asagidaki bölüme adresi yazmak, sag taraftan indirmek istediginiz videonun bulundugu siteyi seçmek. Indirdiginiz videolari izlemek için <a href="http://www.download.com/FLV-Player/3000-2139_4-10505954.html?tag=lst-0-1"> FLV Player </a> programini kullanabilirsiniz </p> <form method="get" action=""> <div> <input id="url" size="40" type="text" /> <select id="site" onchange="showurl(document.form.site.selectedIndex);"> <option value="youtube>YouTube</option> <option value="izlesene.com">Izlesene.Com</option> <option value="google">Google</option> <option value="bolt">Bolt</option> <option value="ifilm">iFilm</option> <option value="myspace">MySpace</option> <option value="dailymotion">DailyMotion</option> <option value="blip">Blip.tv</option> <option value="break">Break.com</option> </select> <input id="download" value="Indir" type="submit" /> </div> </form> <!-- #content --></div> <div class="videoColumn"> <h2>Son Eklenen 10 Video</h2> <ul> <li> <a href="/sprite-acimasiz-gercekler/"> Sprite - Acimasiz Gerçekler </a> </li><li> <a href="/koca-kafalar-ibrahim-tatlises-bulamadim/"> Koca kafalar Ibrahim Tatlises Bulamadim </a> </li><li> <a href="/donmez-olsun-gormez-olsun-grup-anilar/"> Dönmez Olsun Görmez Olsun Grup Anilar </a> </li><li> <a href="/sigaranin-zararlari/"> Sigara'nin Zararlari </a> </li><li> <a href="/mustafa-ceceli-enbe-unutamam/"> Mustafa Ceceli & Enbe Unutamam </a> </li><li> <a href="/sniperlarin-abdli-asker-avi/"> Sniperlarin ABD'li asker avi </a> </li><li> <a href="/kabadayi-filmi-fragmani/"> Kabadayi Filmi Fragmani </a> </li><li> <a href="/mahser-i-cumbus-aninda-goruntu-show/"> Mahser-i Cümbüs Aninda Görüntü Show </a> </li><li> <a href="/sagopa-kajmer-monotonluk-maratonu/"> Sagopa Kajmer Monotonluk Maratonu </a> </li><li> <a href="/sahan-kim-500-bin-istemezki/"> Sahan - Kim 500 bin istemezki </a> </li> </ul> <!-- .videoColumn --></div> <div class="videoColumn"> <h2>En Çok Izlenen Videolar</h2> <ul> <li> <a href="/youtubeda-bu-sene-en-fazla-izlenen-video/"> Youtube'da Bu Sene En Fazla Izlenen Video (697) </a> </li><li> <a href="/tarihteki-en-ilginc-5-gol/"> Tarihteki En Ilginç 5 Gol (293) </a> </li><li> <a href="/komedi-dukkani/"> Komedi Dükkani (205) </a> </li><li> <a href="/sniperlarin-abdli-asker-avi/"> Sniperlarin ABD'li asker avi (204) </a> </li><li> <a href="/asli-gungor-ferhat-gocer-kalp-kalbe-karsi/"> Asli Güngör Ferhat Göcer Kalp Kalbe Karsi (151) </a> </li><li> <a href="/kabadayi-filmi-fragmani/"> Kabadayi Filmi Fragmani (137) </a> </li><li> <a href="/elma-sekeri/"> Elma Sekeri (123) </a> </li><li> <a href="/atom-bombasi/"> Atom Bombasi (121) </a> </li><li> <a href="/mahser-i-cumbus-aninda-goruntu-show/"> Mahser-i Cümbüs Aninda Görüntü Show (117) </a> </li><li> <a href="/sagopa-kajmer-monotonluk-maratonu/"> Sagopa Kajmer Monotonluk Maratonu (114) </a> </li> </ul> <!-- .videoColumn --></div> <div class="videoColumn"> <h2>En Çok Oy Verilenler</h2> Yakinda <!-- .videoColumn --></div> <!-- #container --></div> <div id="eXTReMe"> <a href="http://extremetracking.com/open?login=ytbkayde"> <img src="http://t1.extreme-dm.com/i.gif" height="38" width="41" alt="eXTReMe Tracker" /> </a> <script type="text/javascript"><!-- var EXlogin='ytbkayde' // Login var EXvsrv='s10' // VServer EXs=screen;EXw=EXs.width;navigator.appName!="Netscape"? EXb=EXs.colorDepth:EXb=EXs.pixelDepth; navigator.javaEnabled()==1?EXjv="y":EXjv="n"; EXd=document;EXw?"":EXw="na";EXb?"":EXb="na"; EXd.write("<img src=http://e1.extreme-dm.com", "/"+EXvsrv+".g?login="+EXlogin+"&", "jv="+EXjv+"&j=y&srw="+EXw+"&srb="+EXb+"&", "l="+escape(EXd.referrer)+" height=1 width=1>"); //--></script> <noscript> <img height="1" width="1" alt="" src="http://e1.extreme-dm.com/s10.g?login=ytbkayde&j=n&jv=n" /> </noscript> </div> <div id="footer"> </div> </body></html> Code (markup): If I have time later I'll take a stab at matching CSS for that... oh, and I set the lang to 'en' because I have no clue what language that is.
Is there anything wrong with absolute links to the same server it's being hosted on? I do that because correctly linking things in different folders confuses me. Relative links would be easier to work with if you switch domains, but absolute links prevent scrapers? Is there any more (dis)advantages to using relative links?