css teema wordpressiga

  • vajan abi css küsimuses wordpressiga - nimelt EH lehel kukub IE-ga menüü alla (kord vähendab pilte kord mitte) ja brauserid ei pikenda menüüd lehe alla välja. Kas keegi oleks käsi aitama?

    03. september 2006 - 11:40:29 · Otselink

  • paries 17 a

    oled sa arvestanud, et IE ei pea kinni määratud laiusest?
    Pane peale näiteks overflow: hidden.

    03. september 2006 - 13:26:34 · Otselink

  • äää, mul on selline tunne, et see inimene kes mul css värki tegi teadis seda, aga ma ei ole kindel... ta andis alla igal juhul. Kas keegi viitsiks asja kaeda? help needed.

    03. september 2006 - 20:40:29 · Otselink

  • oled sa ikka kindel , et ta teadis mis ta tegi?

    <div id="menu">
    <form style="margin: 0" method="get" id="searchform" action="http://www.lostmoments.net/">
    <div style="text-align: left">

    <li class="language_item_current_language_i tem"><a href="/lang-pref/en/"><img src="http://www.lostmoments.net/wp-content/plugins/polyglot_flags/gb.png" alt="English" title="English" /></a></li><li class="language_item"><a href="/lang-pref/de/"><img src="http://www.lostmoments.net/wp-content/plugins/polyglot_flags/de.png" alt="Deutsch" title="Deutsch" /></a></li><li class="language_item"><a href="/lang-pref/et/"><img src="http://www.lostmoments.net/wp-content/plugins/polyglot_flags/ee.png" alt="Eesti" title="Eesti" /></a></li>
    <input style="border: 1px solid; border-color: #E2E2E2;" type="text" value="" name="s" id="s" />
    <input type="image" id="searchsubmit" SRC="http://www.lostmoments.net/wp-content/themes/TplusM/images/luup.jpg" style="margin-bottom:-4px"/>
    </div>
    </form>

    formi element suvaliselt <div> vahel
    <li> element ilma <ul>/<ol> -ita jne jne

    04. september 2006 - 11:33:21 · Otselink

  • <style>
    #menu {
    margin: 0;
    width: 780px;
    text-align: left;
    clear: both;
    background-color: #e6e6e6;/* #73a0c5 */
    border: 10px solid white;
    padding: 3px 3px 3px 3px
    }
    .menyy {
    margin: 0;
    padding: 0px 0px 0px 0px;
    list-style: none;
    }
    .menyy li {
    float: left;
    margin: 0px 3px 0px 0px;
    }
    .clear {´
    clear: both;
    }
    form {
    display: inline;
    margin: 0;
    }
    a img {
    border: none;
    }
    </style>

    <form method="get" id="searchform" action="http://www.lostmoments.net/">
    <div id="menu">
    <ol class="menyy">
    <li>< a href="/lang-pref/en/"><img src="http://www.lostmoments.net/wp-content/plugins/polyglot_flags/gb.png" alt="English" title="English" /></a></li><li><a href="/lang-pref/de/"><img src="http://www.lostmoments.net/wp-content/plugins/polyglot_flags/de.png" alt="Deutsch" title="Deutsch" /></a></li><li><a href="/lang-pref/et/"><img src="http://www.lostmoments.net/wp-content/plugins/polyglot_flags/ee.png" alt="Eesti" title="Eesti" /></a></li></ol>
    <in put style="border: 1px solid #E2E2E2; float: left;" type="text" value="" name="s" id="s" /><input type="image" id="searchsubmit" src="http://www.lostmoments.net/wp-content/themes/TplusM/images/luup.jpg"/><div class="clear"></div>< /div>
    </form>

    ################## ##

    see peaks pelama

    04. september 2006 - 12:00:45 · Otselink

  • vip† 17 a

    jutt on hoopiski paremast ääremenüüst, mis ei tule lõpuni alla välja. Tegin talle rohelise kasti ümber, et välja paistaks.

    Kood on selline:

    #sidebar
    {
    padding: 2px 0 100% 15px;
    margin-left: 630px;
    width: 130px;
    background-color: #f3f3f3;
    text-align: justify;
    border: 1px solid green;
    }

    05. september 2006 - 08:48:32 · Otselink

  • vip† 17 a

    IE-ga ei toimi piltide vähendamine (parem menüü lükatakse lehe alla), mis võiks olla lahendus?
    Kood:

    p img, p a img {
    background: white;
    padding: 5px;
    margin: 1px;
    max-width: 100%;
    max-height: 700px;
    width:expression(this.width > 600 ? 100+'%' : true); /*for IE */
    height:expression(this.height > 700 ? 700px : true); /*for IE */
    border: 1px solid #cccccc;
    }

    05. september 2006 - 08:56:56 · Otselink

  • aa mõtlesin, et väärakad keelenupud ja see väärakas css seal vajas parandamist. srry

    05. september 2006 - 09:45:48 · Otselink

  • lihtsalt pulli pärast küsin, et kas lihtsam ei oleks img tagile määrata width="" või stiiliga kindel laius, kõrguse arvutab brauser, siis automaatselt ise. Või vastupidi, määrata kindel kõrgus.

    Mingi mõttetu jebla mingite expressionitega, ei kujuta ette mis tulemuse see peaks andma, sest kui reso ei klapi läheb pilt enivei läbuseks ja kuvada ei kannata ta siis ju üldse

    05. september 2006 - 10:14:54 · Otselink

  • vip† 17 a

    WordPressis on antud kujunduse jaoks css fail. Dünaamilst width arvutamist oleks sinna liialt keeruline juurde pookida.

    Expressionid on sellepärast, et IE ei toeta max-width max-height'd. Pildil pole sellise vähendamisega häda kedagi.

    05. september 2006 - 10:56:03 · Otselink

  • ja mida selle max widthiga saavutad, kui leht ise on fixitud laiusega ?

    Probleem on sul ju hetkel selles, et ie6 ei saa sellisest expressionist aru ja seetõttu pildil laius määramata ja loogiline, et surub contenti laiali, parema tulemuse , kui selle expressioniga, saad, kui määrad laiuse ära pixlites.

    05. september 2006 - 11:25:26 · Otselink

  • marko† 17 a

    .narrowcolumn {
    float: left;
    padding: 0 0 20px 15px;
    margin: 0px 0 0;
    width: 580px;
    overflow: hidden;
    }

    overflow: hidden; siin fixib asja. soovitan pildid teha alati ühe suurusega ja kui soovid suuremat näidata siis paned avanema uues aknas suuremana.

    05. september 2006 - 12:04:07 · Otselink

  • marko† 17 a

    muidu väga respect pildid

    05. september 2006 - 12:04:18 · Otselink

  • vip† 17 a

    overflow: hidden; lahendas selle probleemi, et menüü enam lehe alla ei hüppa, tänud.

    Teine probleem on, kuidas see roheline kast lehe alla lõpuni välja saada.

    05. september 2006 - 13:20:30 · Otselink

  • kasuta miskit javascripti selleks või siis mängi taustapildiga

    05. september 2006 - 14:15:56 · Otselink