Csatolások: 1
h3 kiszélesíti a táblázatot
A problémám a következő. Lehet, hogy nagyon triviális, meg hülye a kérdés, de html-szakértő haverom nem tudott rá mit mondani, azt mondja, nem vágja, miért van ez. Én se. :) De én nem vagyok HTML-szakértő, ahogy ez mindjárt látszódni fog:
Szóval: ha megnézítek a magyar wikipedia főoldalát, itt vannak olyan fejlécek, hogy kiemelt szócikk, a nap képe, stb. De a fél interneten vannak ilyenek. Na, én is ilyen fejlécet csináltam, szöveggel és képpel, a következő módon, biztos csúnya a kód, meg nem valid, de ez van :):
HTML kód:
<table width="100%" bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0">
<tr valign="top">
<tr halign="center">
<td colspan="2" bgcolor="#FF6600">
<font color="white"><h3>Fejléc</h3></font>
</td>
</tr>
<tr valign="top">
<td width="100%">
<p>Szöveg
</p>
<a href="cucc.html">Cucc</a>, <a href="cucc.html">Cucc</a>, <a href="cucc.html">Cucc</a> -
</td>
<td width="240">
<img width="240" height="180" src="kep.jpg">
</td>
</tr>
</table>
Na, ha a h3-at a fejléc elől kiszedném, még jól is működne, de mivel ott a h3, így egy km. hosszú rész lesz még a szöveg előtt. Inkább megmutatom, h3-al és h3 nélkül a csatolásban, hogy világos legyen (tehát a Spanyolországnál jó, csak ott nincs előtte h3).
A h3-ra vonatkozó css részlet:
HTML kód:
h3 {
color:#FFFFFF; font-size:100%; font-family:"trebuchet ms", "lucida sans", arial, sans-serif;
font-weight:bold;}
Mondjuk a megoldás ott lehet a Wikipedia kódjában, mert náluk meg h2-ben, és ott működik.
re: h3 kiszélesíti a táblázatot
Nem biztos, hogy jól értem, de ez a probléma? Csak dobd át a css-be..
HTML kód:
<font color="white"><h3 style="margin-top: 0; margin-bottom: 0">Fejléc</h3></font>
re: h3 kiszélesíti a táblázatot
Itt a kód valid, kiegészített változata a css-nél kommentekkel ellátva, táblát bennehagytam viszont így könnyebb átlátni és módosítani a kódot.
HTML kód:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>An XHTML 1.0 Transitional Minta Oldal</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="leiras" />
<meta name="keywords" content="kulcs, szavak" />
<style type="text/css">
/*a tablazat altalanos tulajdonsagai */
table {
width: 100%;
backround-color: #ffffff;
border: 1px;
}
td.fejlec {
background-color: #FF6600; /* a fejlec TR hatterszine*/
}
td.kep {
width: 240px;
height: 180px;
background-color: #cccccc;
}
h3 {
font-family: "trebuchet ms", "lucida sans", arial, sans-serif;
color: #ffffff;
font-size: 14px; /* cimsor szovegmerete */
font-weight: bold;
margin: 0; /* margin nullazasa, nem kell most */
padding: 0 5px; /* fent es lent 0px, jobb es bal oldal 5px paddingot kapott, hogy ne erjen hozza bal oldalon a falhoz*/
line-height: 23px; /* cimsor magassaga */
vertical-align: middle; /* vertikalis kozepre igazitasa a szovegnek */
}
</style>
</head>
<body>
<table cellpadding="0" cellspacing="0">
<tr>
<td colspan="2" class="fejlec"><h3>Fejléc</h3></td>
</tr>
<tr>
<td>
<p>szöveg helye itt szöveg helye itt szöveg helye itt szöveg helye itt szöveg helye itt szöveg helye itt </p>
<p><a href="cucc.html" title="">cucc</a>, <a href="cucc.html" title="">cucc</a>, <a href="cucc.html" title="">cucc</a></p>
</td>
<td class="kep"><img width="240" height="180" src="kep.jpg" alt="" longdesc="" /></td>
</tr>
</table>
</body>
</html>
re: h3 kiszélesíti a táblázatot
Már megint azok a táblázatok.. :|
re: h3 kiszélesíti a táblázatot
Kösz mindkettőtöknek, működik is! Külön kösz hardernek az oktató célú kommenteket, így már ezt a részét is megtanultam. :) Sose foglalkoztam ilyenekkel, mert mindenre nincs időm egyszerre.
re: h3 kiszélesíti a táblázatot
és ha nem a default h3-at nyuzerálnátok hanem csinálnátok egy sajátot egyedi css-el akkor még a többi platformon nem is birálná felül defaultra az ilyen fejléc szövegeket és nem esne szét minden második böngészőben az egész :)
re: h3 kiszélesíti a táblázatot
Milyen böngészőben esik szét ez a formázás? Meglepődnék ha így lenne.. :)
re: h3 kiszélesíti a táblázatot
dear Harder. elég sok kod szétesik mindenféle böngésző alatt. pl a css alapbóül nem ugyanugy jelenik meg ie6.1 , firefox és maxthon alatt... sőt safari alatt sme
(jo példa volt rá a papirsárga háttér-css szin. ie alatt jo volt a szin, firefox alatt lila, maxthon alatt sárga, safari alatt rozsaszin...) pedig standard iso szabvány szerinti css szin volt... :D csak példának hoztam fel...
re: h3 kiszélesíti a táblázatot
Idézet:
huncyrus eredeti hozzászólása
és ha nem a default h3-at nyuzerálnátok hanem csinálnátok egy sajátot egyedi css-el akkor még a többi platformon nem is birálná felül defaultra az ilyen fejléc szövegeket és nem esne szét minden második böngészőben az egész :)
Ez saját h3 volt. Leraktam akkora betűtípusra, mint a szöveg, mégis előtte-utána kihagyott 2 km. helyet.
re: h3 kiszélesíti a táblázatot
Idézet:
huncyrus eredeti hozzászólása
dear Harder. elég sok kod szétesik mindenféle böngésző alatt. pl a css alapbóül nem ugyanugy jelenik meg ie6.1 , firefox és maxthon alatt... sőt safari alatt sme
Nem kötözködésképpen, de tényleg érdekelne hogy mi eshet szét és melyik böngésző alatt egy ilyen egyszerű formázásnál. Azért próbálok kiszedni belőled vmi konkrét példát, mert ez amit írtál, annyira általános mint a "volt egy ismerősöm akinek a barátja húgának a ...". Ezzel nem lehet mit kezdeni, nem lehet rá érdemben, építő módon reagálni.
A sitebuild kb ugyanolyan mint a programozás, lehet jó kódot írni meg lehet rosszat. Az, hogy valaki egy rossz megoldással vagy hibás kóddal rossz tapasztalatokat szerez, megesik... ilyenkor ki kell deríteni mi okozta a hibát és tanulni belőle. ;)
Megjegyzésként még annyit, hogy a maxthon az ie motorját használja, így ha egyiken gond van, gond lesz a másikon is. ;)