Miért csúszik széjjel a középmodul a blogspotton? Nagyon nagyon sürgős!
válasza: válasza:Csináld így:
HTML kód:
<html>
<head>
<title>Kaka</title>
<link rel="stylesheet" href="style.css" style="html/css" />
</head>
<body>
<div align="center">
<table cellspacing="0" cellpadding="0" class="frissmodul">
<tbody>
<tr>
<td height="" class="frisscim">Egyedi szövegdoboz</td>
</tr>
<tr>
<td height="" class="frissszöveg">
<p>IDE JÖN A SZÖVEG! IDE JÖN A SZÖVEG! IDE JÖN A SZÖVEG! IDE JÖN A SZÖVEG! IDE JÖN A SZÖVEG! IDE JÖN A SZÖVEG!</p>
</td>
</tr>
<tr>
<td height="7" colspan="2" class="frissdatum">2010. 08. 28.<br />
LindaDesign</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
CSS kód(külön CSS fájlba írd):
.frissmodul {
/* az egész táblakód. Itt a szélesség beállítása a lényeges */
background:transparent;
font-family: georgia; /* betűtípus */
color: #706246; /* betűszín */
text-shadow: #c7c4c7 2px 2px 2px; /* betű árnyéka */
font-size: 20px; /* betű mérete */
font-weight: bold; /* betű vastagsága */
font-style: italic; /* betű dőlt legyen vagy normal */
text-align: center; /* szöveg pozíciója középen */
width: 477px; /* szövegdobozod szélessége */
}
.frisscim {
/* a táblafejléc kódja */
background:transparent; /* háttér színe átlátszó. Nem kell bántani */
background-image: url( [link] /* fejléc szövegdobozod URL címe */
font-family: georgia; /* betűtípus */
text-shadow: #c7c4c7 2px 2px 2px; /* betű árnyéka */
color: #E66B72; /* betűszín */
text-align: center; /* szöveg pozíciója középen */
font-size: 27px; /* betű mérete */
font-weight: bold; /* betű vastagsága */
font-style: italic; /* betű dőlt legyen vagy normal */
padding-top: 50px; /* cím helyzete fentről */
padding-left: 20px; /* cím helyzete balról */
HEIGHT: 152px; /* szövegdobozod magassága. A fejléc képed magassága */
}
.frissdatum {
/* a dátumrész kódja */
background: transparent; /* háttér színe átlátszó. Nem kell bántani */
background-image: url( [link] /* fejléc szövegdobozod URL címe */
font-family: georgia; /* betűtípus */
font-size: 11px; /* betű mérete */
color: #E66B72; /* betűszín */
text-align: center; /* szöveg pozíciója középen */
padding-left: 0px; /* cím helyzete balról */
padding-right: 0px; /* cím helyzete jobbról */
padding-bottom: 0px; /* cím helyzete lentről */
text-shadow: #cbcbc7 1px 1px 1px; /* betű árnyéka */
HEIGHT: 148px; /* szövegdobozod magassága. A lábléc képed magasság */
line-height: 14px; /* sorok közti távolság */
}
.frissszöveg {
/* a tartalmi rész kódja */
background-color: transparent; /* háttér színe átlátszó. Nem kell bántani */
background-image: url( [link] /* fejléc szövegdobozod URL címe */
font-family: georgia; /* betűtípus */
font-size: 8pt; /* betű mérete */
color: #6e6b6e; /* betűszín */
text-align: left; /* szöveg pozíciója bal */
padding-left: 25px; /* cím helyzete balról */
padding-right: 20px; /* cím helyzete jobbról */
padding-bottom: 0px; /* cím helyzete lentről */
HEIGHT: 100%; /* szövegdobozod magassága. Ezt nem kell bántani */
line-height: 12px; /* sorok közti távolság */
text-shadow: #cbcbc7 1px 1px 1px; /* betű árnyéka */
}
Amit küldtél kódot nem jó.Mert ki írom és ezt írja:
Egyedi szövegdoboz
IDE JÖN A SZÖVEG! IDE JÖN A SZÖVEG! IDE JÖN A SZÖVEG! IDE JÖN A SZÖVEG! IDE JÖN A SZÖVEG! IDE JÖN A SZÖVEG!
2010. 08. 28.
LindaDesign
.frissmodul {
/* az egész táblakód. Itt a szélesség beállítása a lényeges */
background:transparent;
font-family: georgia; /* betűtípus */
color: #706246; /* betűszín */
text-shadow: #c7c4c7 2px 2px 2px; /* betű árnyéka */
font-size: 20px; /* betű mérete */
font-weight: bold; /* betű vastagsága */
font-style: italic; /* betű dőlt legyen vagy normal */
text-align: center; /* szöveg pozíciója középen */
width: 477px; /* szövegdobozod szélessége */
}
.frisscim {
/* a táblafejléc kódja */
background:transparent; /* háttér színe átlátszó. Nem kell bántani */
background-image: url( [link] /* fejléc szövegdobozod URL címe */
font-family: georgia; /* betűtípus */
text-shadow: #c7c4c7 2px 2px 2px; /* betű árnyéka */
color: #E66B72; /* betűszín */
text-align: center; /* szöveg pozíciója középen */
font-size: 27px; /* betű mérete */
font-weight: bold; /* betű vastagsága */
font-style: italic; /* betű dőlt legyen vagy normal */
padding-top: 50px; /* cím helyzete fentről */
padding-left: 20px; /* cím helyzete balról */
HEIGHT: 152px; /* szövegdobozod magassága. A fejléc képed magassága */
}
.frissdatum {
/* a dátumrész kódja */
background: transparent; /* háttér színe átlátszó. Nem kell bántani */
background-image: url( [link] /* fejléc szövegdobozod URL címe */
font-family: georgia; /* betűtípus */
font-size: 11px; /* betű mérete */
color: #E66B72; /* betűszín */
text-align: center; /* szöveg pozíciója középen */
padding-left: 0px; /* cím helyzete balról */
padding-right: 0px; /* cím helyzete jobbról */
padding-bottom: 0px; /* cím helyzete lentről */
text-shadow: #cbcbc7 1px 1px 1px; /* betű árnyéka */
HEIGHT: 148px; /* szövegdobozod magassága. A lábléc képed magasság */
line-height: 14px; /* sorok közti távolság */
}
.frissszöveg {
/* a tartalmi rész kódja */
background-color: transparent; /* háttér színe átlátszó. Nem kell bántani */
background-image: url( [link] /* fejléc szövegdobozod URL címe */
font-family: georgia; /* betűtípus */
font-size: 8pt; /* betű mérete */
color: #6e6b6e; /* betűszín */
text-align: left; /* szöveg pozíciója bal */
padding-left: 25px; /* cím helyzete balról */
padding-right: 20px; /* cím helyzete jobbról */
padding-bottom: 0px; /* cím helyzete lentről */
HEIGHT: 100%; /* szövegdobozod magassága. Ezt nem kell bántani */
line-height: 12px; /* sorok közti távolság */
text-shadow: #cbcbc7 1px 1px 1px; /* betű árnyéka */
válasza:Már hogy ne lenne jó...
Csinálj egy index.html fájlt, meg egy style.css fájlt.
A HTML fájlba tedd bele a HTML kódot, a CSS fájlba meg a CSS kódot. Mindent így másolj ki ahogy írtam.
,,Már hogy ne lenne jó...
Csinálj egy index.html fájlt, meg egy style.css fájlt.
A HTML fájlba tedd bele a HTML kódot, a CSS fájlba meg a CSS kódot. Mindent így másolj ki ahogy írtam."
De,hogy?
válasza:Jó...
Akkor nyisd meg a jegyzettömböt. Másold be a HTML kódot. Mentsd el. index.html néven (a kiterjesztése ne .txt legyen, hanem .html). Nyisd meg mégegyszer a jegyzettömböt, másold be a CSS kódot, azt pedig mentsd el style.css néven (ne .txt kiterjesztéssel, hanem .css-el). Ezt a két fájlt rakd bele egy mappába és ennyi.
További kérdések:
Minden jog fenntartva © 2025, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!