Autor Postitus
Postitusi: 17
Hinnang: 0
Tere!

Minul on selline probleem, et on kodulehekülg, mille juhtfailiks on .php fail, mis koostab kodulehe vastavalt olukorrale ise teatud fragmentidest. Sealhulgas genereerib ta ka lehekülje disaini määrava .css koodi.
Vaikimisi on seatud nii, et kui tehakse raamistik (border/table), siis need peavad olema heleda joonega +1 nähtavad. Kuid minul oleks vaja teha nii, et need raamid/tabelid oleksid vaikimisi nähtamatud.
Kuidas seda teha? Kust alustada otsimist? Ma pole enne sellise koodiga kokku puutunud - nii palju kui mul CSS'iga kokkupuudet on olnud, olen ise kogu koodi järjest kirjutanud vastavalt lehekülje arengule...
Äkki on kellelgi mõni hea soovitus, kuidas peaks sellisele probleemile lähenema - kust alustama? Igasugune abi on teretulnud!

Tänan juba ette!

29. mai 2010, 15:59
Postitusi: 9
Hinnang: 2
Pakuks, et alusta sellelt lehelt, kus valesti kuvab (mitte nii nagu sina soovid)
Otsid sealt ülese sind huvitava tabeli, vaatad, kuidas see on määratud (id, class või polegi) selle järgi otsid css koodi. Kui tegu php on väga võimalik, et on see border ka otse table külge poogitud style="" näol ja saad sealt muuta, kui ei leia siis saadki style abil otse tabeli juures css üle kirjutada.
(pole kül kõige viisakam tegu, kuid toimib)
29. mai 2010, 17:35
Postitusi: 17
Hinnang: 0
[quote=Andrus Nõlvak:29 mai 2010 17:35]Pakuks, et alusta sellelt lehelt, kus valesti kuvab (mitte nii nagu sina soovid)
Otsid sealt ülese sind huvitava tabeli, vaatad, kuidas see on määratud (id, class või polegi) selle järgi otsid css koodi. Kui tegu php on väga võimalik, et on see border ka otse table külge poogitud style="" näol ja saad sealt muuta, kui ei leia siis saadki style abil otse tabeli juures css üle kirjutada.
(pole kül kõige viisakam tegu, kuid toimib)[/quote]
No nii... Ma leidsin vaadates selle kodulehe genereeritud html-koodi (Firebug'iga) ja leidsin sealt üles kohe, kus see tabel tekitatakse.
[CODE=HTML]<div class="art-post">
<div class="art-post-body">
<div class="art-post-inner">
<div class="art-postmetadataheader">
<h2 class="art-postheader"><img src="/templates/vannisalong1/images/postheadericon.png" alt="postheadericon" width="30" height="30" />

Valamud
</h2>
</div>
<div class="art-postcontent">
<!-- article-content -->
<div class="art-article"><p> </p>
<table align="center" border="0">
<tbody>
<tr>
<td><a target="_blank" href="http://www.ravak.ee/?page=ppu"><img height="190" width="220" src="/images/stories/Ravak/ravakvalamu.jpg" alt="ravakvalamu" /></a></td>
<td><a target="_blank" href="http://paavannid.ee/index.php?sub=valamud"><img height="190" width="220" src="/images/stories/Paa/paavalamu.jpg" alt="paavalamu" /></a></td>
</tr>
<tr>
<td>          <a target="_blank" href="http://www.ravak.ee/?page=ppu">RAVAK valamud</a></td>

<td>            <a target="_blank" href="http://paavannid.ee/index.php?sub=valamud">PAA valamud</a></td>
</tr>
</tbody>
</table>
[/CODE]
Selle kõrvale annab antud klassi peale vajutades sellise css koodi.
[CODE=CSS].art-post {
margin:5px;
}
.art-post {
margin:0 auto;
min-height:1px;
min-width:1px;
position:relative;
z-index:0;
}

.art-post-body {
padding:15px;
position:relative;
z-index:1;
}

.art-postmetadataheader {
background-color:#D3E9C3;
padding:1px;
}

.art-postheader {
color:#1C2D11;
font-size:26px;
margin:0.2em 0;
padding:0;
}

.art-postcontent {
letter-spacing:1px;
line-height:125%;
margin-left:5px;
margin-right:5px;
text-align:justify;
}

.art-postcontent {
letter-spacing:1px;
line-height:125%;
text-align:justify;
}

.art-article table, table.art-article .art-article tr, .art-article th, .art-article td {
background-color:Transparent;
}
template.css (line 1656)
.art-article table, table.art-article {
border-collapse:collapse;
margin:1px;
width:auto;
}

.art-article th, .art-article td {
[b]border:1px solid #4A691C;[/b]
padding:2px;
text-align:left;
vertical-align:top;
}
template.css (line 1661)
.art-article table, table.art-article .art-article tr, .art-article th, .art-article td {
background-color:Transparent;
}
[/CODE]
Kas see
[CODE=CSS]border:1px solid #4A691C;[/CODE]
tekitabki selle joone tabeli ümbere või??? :) Tegin selle selles pikas koodi jorus ka tumedaks...
29. mai 2010, 20:07
Postitusi: 1
Hinnang: 2
Jah, classidele .art-article th ja .art-article td on määratud 1px suurune piirjoon. Selle saab kaotada, kui panna väärtused "none" või muuta joone värvus samaks taustavärviga.
30. mai 2010, 20:55
Postitusi: 17
Hinnang: 0
Ardo Aednik kirjutas: 30 mai 2010 20:55
Jah, classidele .art-article th ja .art-article td on määratud 1px suurune piirjoon. Selle saab kaotada, kui panna väärtused "none" või muuta joone värvus samaks taustavärviga.

Suur aitäh kõigile, kes aitasid!!! See osutuski õigeks lahenduseks! :)
15. juuni 2010, 18:48
Kõik õigused kaitstud
Online Koolitus Grupp OÜ