35 válasz erre a témára

[tamas]

Sziasztok!
(Ez az első, amit írok az újjávarrt fórumon... Tök jó!)

Azt írta valaki, hogy:
"...7-es explorer alatt kicsit szétesik az oldal. Gondolom felülre is akartál menüsort, de hibás és ez az egyik ok ami miatt szétesik. A másik ok a diveknél van..."

Én Kubuntun élek, még csak meg sem tudom nézni, mi történik.

Kérlek, ha van IE 7-ed, nézz rá a http://zartamas.hu/ -re.

És, ha hibát látsz, kérlek, segíts beazonosítani, és... ha lehet... javítani is.

Köszi!

Tamás

[Patai László]

Csinálj külön CSS-t IE7-nek.

Példa:

[tamas]

Húha!
Laci, ez nekem egy pillanatra ... uff... jaj!
Mit is? Hogyan is?

Azt hinném, azon a honlapon semmi extra nincs... csak alap dolgok... Alap widgetek... oldalak, categóriák és text...

Egyrészt le vagyok döbbenve... hogy mit is csináljak???
Másrészt rém hálás vagyok a segítségedért...

Ciki ez a sablon? Baj van vele?

Ha a te extra CSS-edet beteszem, az megoldás? És hová illesszem be, amit írtál?

Ez az egész "jól jön" minden sablonnál?

Ennyire gáz az IE??????? Vagy a WP és az IE ennyire nem illenek össze?

A fenébe is! Mennyire keveset tudok!

Hú... kidőlök...
Köszönettel,

Tamás
u.i. Neked hogy van időd ennyi mindenre??? Csodállak, csodálom!
És köszönöm!

[Efrud]

Ha Laci css-ét beteszed az nem megoldás, mert az ő sablonjának a stílusát tartalmazza. Amúgy az IE sokak életét megkeseíti és nincs összefüggésbe a wp-vel. IE monnyon le!

[tamas]

Köszi, Efrud... Hát, akkor??? Mit lehet tenni???
Másik sablont kell keresni? Vagy... ebbe belejavítani?
Sajnos, ennél kevesebbet értek a CCS-hez (mondjuk úgy: keveset).
Hogyan tovább, mit csináljak? Mit keressek?

Help, please!

Köszi,

Tamás

[tamas]

Hopp! Most valaki azt írta, Safari-ban is szétesik...
Akkor, lehet, valami nagyobb gáz van... ha nem csak az IE okoz gondot.
:-(

Tamás

[Farkas Győző]

Nem lehet az Tamás, hogy valamit a bejegyzésekben közvetlenül Ctrl+C - Ctrl+V módszerrel másoltál be (honlapról, word dokumentumból), és nem a szövegszerkesztő "W" gombján keresztül illesztetted be?

Nyisd meg a bejegyzéseket HTML szerkesztő módban, és nézz rá, hogy nem ragadt-e be valami hülye karaktersorozat.

Most néztem meg: Safari, Chrome és Opera alatt egyaránt szétesik az oldal. (IE7-esem meg megállt, mint a jancsiszög. De nem csak ezen az oldalon, hanem minden oldalt órákig tölt (nem tölt) be. )

[tamas]

Szia Győző!

Sajnálom, hogy az oldalam miatt lefagyott...
És köszi.

Megnéztem, de nem találtam nyomát a CTRL V-s beillesztésnek, szerintem erre már figyelek.

Az lehet a gond, hogy ki akartam venni az Oldalak menü sort a fejlécből... és ott elrontottam vmit...

Ez a header.php a módosításommal együtt:

Idézet

"http://www.w3.org/TR...tml1-strict.dtd">



Metamorphozis. All Rights Reserved." /> {
$$value['id'] = $value['std'];
}
else
{
$$value['id'] = get_settings( $value['id'] );
}
}

global $link_privacy,$link_terms;
$link_privacy=$mt_ice_link_privacy;
$link_terms=$mt_ice_link_terms;
/*** End of Do not Edit Restriction***/
?>

Kikommenteltem (jó kis szó, nem?) a menu részt...

Mit gondoltok?

thnx

T

"A fényképezéshez fény kell."

• Tetejére

[Efrud]

rakd be ezta headert:

 Metamorphozis. All Rights Reserved." />












                 
    

        

        

    
       

És a sablon style.css fájljába a 61. sornál a 451px-et írd át 395px-re.
szerk.: ha mást nem módosítottál akkor így jónak kell lenni, leelenőríztem, még ie 6 alatt is jó így

[tamas]

Nagyon szépen köszönöm, Efrud!

Hogy "megjegyzéssé" tettem a sorokat... és nem kitöröltem, azzal rontottam el?
Vagy, hogy a CSS-ben a méret volt rossz?

Megcsináltam mind a két lépést, amiket írtál. Most nekem úgy tűnik, megy... Legalább is Operában, ahol eddig szétesett...

Kérlek, lécci, nézz még egyszer rá IE-ben, meg amiben csak tudsz.

Mikor a megoldás meg van, pofátlanság még tanítást is kérni? Hogy mit és hogyan...

Köszi, közsi, köszi!

Tamás

[Efrud]

A css-ben a méreten azért kellett változtatni mert eltünt a menü és az a magasságot le kellett vonni a headerből, hogy ne legyen ott a fehér rész. Magyarul kissebb legyen.
Ahhoz hogy amenüd eltűnjön ezt kellett kiszedni:

A div menu az ami megadja hogyan is nézzen ki a menüd. Ezeket mindig a css-ben keresgéld. az php include pedig: behívja a man-nav.php-t amiben pedig maga manü dolgai vannak. Mivel a menü nem kell nekünk ezért kikaptuk onnan és kész.
Jelenleg a te oldalad szövege IE alatt lejebb csúszik. Mit módosítottál még?

[tamas]

Azt hiszem, értem. Köszi!

Nem emlékszem más módosításra... Itt a CSS tartalma:

/* 
Theme Name: metamorph_DNA
Theme URI: http://metamorphozis.com/wptheem/index.php?wptheme=metamorph_DNA
Description: Free WordPress Theme based on [url="http://www.metamorphozis.com"]Metamorphosis Design[/url] template "metamorph_DNA" 
Version: 1.0.2
Author: Oleg Lazarenko
Author URI: http://www.metamorphozis.com/
Tags: valid XHTML, blue, fixed width, two columns, widgets, valid CSS, widget ready, simple, clean, white, metamorph

*/

*
{
margin: 0px;
padding: 0px;
}

a:link {
    color: #295C6F;
}

a:hover {
    text-decoration: none;
    color: #FF0000;
}

a:visited {
    color: #295C6F;
}

body {
    
    background: #6192A3 url(images/back_all.gif) repeat-x;
    font: 13px Arial, Helvetica, sans-serif;
    color: #000000;
}

#content
{
    margin: 0 auto;
    width: 792px;
    text-align: left;
}

#main
{
width: 778px;
background: url(images/back_top.jpg) repeat-x top;
padding-top: 10px;
}

#back
{
width: 778px;
background: #ffffff;
border-left: 7px solid #ffffff;
border-right: 7px solid #ffffff;
}

#header {
    height: 395px;
            
}

#logo {

width: 758px;
height: 300px;
text-align: right;
padding-right: 20px;
padding-top: 89px;
background: url(images/header.jpg) no-repeat;
}


#logo a {
    text-decoration: none;

    font-style: italic;
    font-size: 37px;
    color: #ffffff;
}
#logo H2
{
font-size: 10px;
color: #ffffff;
text-transform: uppercase;
}


#menu
{
width: 778px;
border-top: 6px solid #FFFFFF;
height: 56px;
background: url(images/buttons.gif) no-repeat;
}

#menu ul {
    list-style: none;    
}

#menu li {
    
    display: inline; 
    
}

#menu a {
    float: left;
    width: 120px;
    height: 38px;
    display: block;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    font-weight: bold;
    font-size: 14px;
    padding-top: 18px;
    text-transform: uppercase;
}

#menu a:hover {
    width: 120px;
    height: 38px;
    color: #ff0000;
    text-decoration: underline;
    background: url(images/buttons_r.gif) repeat-x;
}




#right
{
    width: 223px;
    float: right;
    margin-right: 5px;
}

#right H3
{
width: 198px;
height: 34px;
font-size: 14px;
font-weight: bold;
padding-left: 25px;
padding-top: 15px;
text-transform: uppercase;
color: #ffffff;
background: url(images/title.gif) repeat-x
}

#right ul {
    list-style: none;
    margin-bottom: 10px;
    
}

#right .title_back
{
background: url(images/title_back.gif) no-repeat top;
padding: 10px;
}


#right li  {
    padding-left: 20px;
    padding-bottom: 5px;
}

#right a {
    color: #295C6F;
}
#right a:visited {
    color: #295C6F;
}

#right p
{
font-size: 10px;
}

.bot
{
padding: 10px;
}

#calendar1 {
    padding: 20px 10px 20px 10px;
}

#calendar table {
    width: 100%;
    text-align: center;
}

#calendar thead {

}

#calendar tbody td {
    border: 1px solid #F1F1F1;
}

#calendar #prev {
    text-align: left;
}

#calendar #next {
    text-align: right;
}

#calendar tfoot a {
    text-decoration: none;
    font-weight: bold;
}

#calendar #now {
    background: #686868;
    border: 1px solid #ff0000;
    font-weight: bold;
    color: #ffffff
}

#left
{
width: 500px;
padding: 10px;
}

#left H4
{
    margin: 0;
    padding: 0px;
    font-size: 12px;
    color: #295C6F;
}

#left a
{
color: #295C6F;
text-decoration: none;
}

#left ol, #left ul
{
margin-left: 30px;
}

#left p {
    margin: 5px;
    padding: 0;
    padding-bottom: 10px;
}

#left h2 {
    margin: 0;
    padding: 0;
    padding-top: 10px;
    color: #295C6F;
}
.date {
    text-align: right;
    color: #295C6F;
    font-size: 11px;
}

.date a {
    color: #295C6F;
}


#footer {
    height: 54px;
    clear: both;
    padding-top: 20px;
    border-top: 5px solid #6F9EAF;
    margin-left: 5px;
    margin-right: 5px;
    background: url(images/footer.gif) repeat-x top;
}

#footer p {
    margin: 0;
    font-size: 10px;
    text-align: center;
    color: #333333;
}

#footer a {
    color: #333333;
}



/********************* Calendar *******************/
#calendar1, #calendar_wrap 
{
    padding: 20px 10px 20px 10px;
}

#calendar_wrap 
{
    margin-bottom: 10px;
}

#calendar table, #wp-calendar
{
    width: 100%;
    text-align: center;
}

#calendar thead, #wp-calendar thead
{

}

#calendar tbody td, #wp-calendar tbody td
{
    border: 1px solid #F1F1F1;
}

#calendar #prev, #wp-calendar #prev
{
    text-align: left;
}

#calendar #next, #wp-calendar #next
{
    text-align: right;
}

#calendar tfoot a, #wp-calendar tfoot a
{
    text-decoration: none;
    font-weight: bold;
}

#calendar #now, #wp-calendar #now, #wp-calendar #today
{
    background: #686868;
    border: 1px solid #D6CE84;
    font-weight: bold;
    color: #ffffff
}



.widget_search
{

}

.post-body
{

    margin-top:15px;
}

div.navigationbottom

{
    margin-top:10px;
    margin-bottom:10px;
}

div.navigationbottom .leftnav
{
    float:left;
}

div.navigationbottom .rightnav
{
    float:right;
}

/************* Comments ***************/
#commentform textarea 
{
    width: 80%;
    border: 1px solid #666666;
    padding:10px;
}

#submit
{
    width: 120px;
    height: 27px;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
    background: url(images/footer.gif) repeat-x;
    overflow:hidden;
        vertical-align: top;
    border:none;
}

#submit:hover
{
    background: url(images/footer.gif) repeat-x;
        text-decoration: underline;
}

div.imgbox
{
    float:left;
    margin:5px;
}

/**************** IE 7 *******************/
li.cat-item
{
    font-size:12px;
    font-weight:normal;
}

#calendar table, #left #wp-calendar
{
    font-size:12px;
    font-weight:normal;
}


.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignleft {
    float: left;
}

.alignright {
    float: right;
}
.wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
    margin: 10px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
}

.wp-caption-dd {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
}

#content .categor
{
padding: 5px;
margin-top: 5px;
margin-bottom: 5px;
text-transform: uppercase;
font-size: 10px;
background: #F7F7F7;
}

#commentlist li
{
margin-left: 20px;
padding-bottom: 20px;
font-size: 11px;
}

#author, #email, #url
{
border: 1px solid #666666
}

Még egy kérdés: most kivettük a sorokat a heade.php-ból... én eredetileg "csak" "megjegyzéssé" alakítottam őket. Ebben van eltérés? Vagy a fő dolog, hogy kisebbre vetted nekem a fej méretét?

Tegyem vissza, esetleg, az eredeti CSS-t, a te általad adott egy módosítással? (és akkor elmúlnak azok a dolgok, amiket én esetleg bütyköltem már benne...)

KÖSZI, Efrud!

Tamás

[Efrud]

Kivettem a headerből a menüt + hogy nézzen ki valahogy, levontam a fejléc magasságából a menü magasságát. Így nincs ott a fehér rész. Ha máshol nem nyúltál bele a sablon fájlaiba csak a css-be és a headerbe, akkor igen, rakd vissza az eredeti css fájlt és csak azt módosítsd benne amit fentebb írtam.
A te kommentelésed annyit tett, hogy kilőtted a stílust, de a menü attól még ott maradt, csak stílus nélkül. De ezt te is megnézheted ha mondjuk notepad ++-al megnyitod.(vagy más kódszerkesztésre való progival) és láthatod, hogy a "

" zölddé válik de amivel behivja a menüt az attól még ott marad. Emiatt IS hasznos ilyen programot használni, mert ha valamit nem jól csinál az ember, akkor látja rögtön.

WordPress segédletek és egyedi sablonkészítés

• Tetejére

[tamas]

Nagyon érthető és türelmes amiket írtál. Még én is jól megértettem... köszi!

Visszatettem az eredeti css -t, még azzal a változtatással, hogy:

#logo a {
    text-decoration: none;

    font-style: italic;
    font-size: 37px;
    color: #ffffff;
}

Nekem most jól néz ki, Operában is.
És neked? Ott is oké?

CSS-t kWrite-tal szerkesztek, ami mutatja, amiket mondtál. Mert, hogy Kubuntu-n "élek".

Hú, nagyon örülök! Köszi szépen!!

Tamás

[Efrud]

Valamit szerintem még módosítottál, mert még mindig ugyanolyan. Nézd meg a jelenlegi és az eredeti footer.php-ét. Elsőre ez a tippem.

[tamas]

Megnéztem. Egyforma.
És néztem a file-ok módosítási dátumait... és csak a header.php, a css (és a favicon meg a fej-kép) módosítási dátuma más, mint a többi file.

Sajna, én még csak nem is látom... A Kubuntu alatt nincs IE-m... sem Safari.
FF, Opera és Konqueror meg szépen mutatja.

Az jutott eszembe, segíthet-e, ha letörlöm a sablont, és újra feltelepítem... és utána módosítom a 2 file-t, és cserélem le a másik kettőt.

üdv és köszi

Tamás

[Efrud]

Hát akkor cselekedjünk, cselekedjünk...

[tamas]

Igaz, te már bőven cselekedtél... Most én ...

Szóval ... átállítottam egy másik sablonra... aztán letöröltem.
Letöltöttem megint (ha esetleg új verzió lenne) a sablont a http://www.metamorphozis.com
oldalról.

Kitöröltem a "régit".
Feltettem az "újat".
És 2 file-t megmódosítottam...

Még a képet és a favicon-t fel se tettem...

Fohászra kulcsolt kezekkel remélem, hogy most oké... :-)

Köszi... üdv,

Tamás

[Efrud]

Vagy valamelyik widget vagy szöveggel lesz akkor a gond.(ebből sztem le lehet szűrni hogy most se klappol )

[tamas]

Puff!
4 widget-t használok, össz.
szöveg, oldalak, kategóriák, szöveg.

Semmi extra, csak rendszer widgetek. Alap dolgok, gondolom.

Megnéztem a szöveg widgeteket, sima text, nincs bennük semmi kód.

Mit lehet ebben elrontani????
:-(

Tök jó, hogy kísérsz!

Tamás