fejléc
Gyakori kérdések Belépés Új kérdés Véletlen kérdés
Keresés
Kezdőoldal » Számítástechnika » Weblapkészítés » Miért nincs középen a betű?

Miért nincs középen a betű?

Figyelt kérdés

Fűggőlegesen, a táblázatban szeretném középre tenni a betűt, de sehogy sem sikerül... Mi a lehet a probléma?


a kód:



<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>title</title>

<link rel="shortcut icon" href="logo.ico" />

<style type="text/css">

a {

color: #FCC465;

}

a:visited {

color: #FCC465;

}

a:active {

color: #FCC465;

}

a:hover {

color: #FEE8C2;

}

html, body { width: 100%; height: 100%; padding: 0px; margin: 0px; }

body { height: auto; min-height: 100%; }

* { margin-top: 0px; }


body {

background-position: 50% 50%;

background-size:

}


.content {

display:block;

position: relative;

width: 75%;

padding: 15px;

margin: auto;

background-color: rgba(0,0,0,0.50);

color: #FFF;

}

.style1 {

display: block;

position: relative;

width: 75%;

padding: 15px;

min-height: 100vw;

margin: auto;

background-color: rgba(0,0,0,0.50);

color: #FFF;

text-align: center;

}

.style2 {

color: #FCC465;

font-family: "Book Antiqua";

border: 3px solid #FCC465;

opacity: 0.6;

text-align: center;

}

.style5 {

color: #FCC465;

font-family: "Book Antiqua";

border: 0 solid #FCC465;

}

.style6 {

color: #FCC465;

opacity:0.6;

}

.style7 {

vertical-align: middle;

opacity:0.6;

}

.style8 {

text-decoration: none;

}

.style9 {

font-family: "Book Antiqua";

font-weight: normal;

opacity: 0.6;

text-align: center;

}

</style>

</head>


<body style="color: #FCC465; background-color: #FCC465; background-image: url('background.jpg')">

<div class="style1" style="left: 0px; top: 0px; height: 775px">

<table style="width: 100%; height: 462px">

<tr>

<td colspan="3" style="height: 68px">

<h1 class="style9">

<img alt="" src="blogo.png" width="80" height="98" class="style7" /> 

<span class="style6">title.</span></h1>

</td>

</tr>

<tr>

<td class="style2" style="width: 239px; height: 52px">

<h3 class="style9"><a href="kezdolap.php" class="style8">Kezdőlap</a></h3>

</td>

<td style="height: 52px"></td>

<td style="height: 52px"></td>

</tr>

<tr>

<td class="style5" style="width: 239px; height: 25px"></td>

<td style="height: 25px"></td>

<td style="height: 25px"></td>

</tr>

<tr>

<td class="style2" style="width: 239px; height: 52px">

<h3 class="style9"><a href="2oldal.php" class="style8">2.oldal</a></h3>

</td>

<td style="height: 50px"></td>

<td style="height: 50px"></td>

</tr>

<tr>

<td style="width: 239px; height: 25px"></td>

<td style="height: 25px"></td>

<td style="height: 25px"></td>

</tr>

<tr>

<td class="style2" style="width: 239px; height: 50px">

<h3 class="style9"><a href="1oldal.php" class="style8">1.oldal</a></h3>

</td>

<td> </td>

<td><br>

</td>

</tr>

</table>

</div>


</body>


</html>


2017. jan. 28. 14:59
 1/3 A kérdező kommentje:
a vertical align-t mindenhova beírtam hogy middle, de sehogy nem működött.
2017. jan. 28. 15:01
 2/3 anonim ***** válasza:

A címsoroknak, bekezdéseknek (H1, H2, H3 ... P ) van alapból magin-bottom -ja.

Ez pedig kicsit eltolja felfele irányba.


CSS -hez:

.style1 td > h3 { margin-bottom: 0px; }

[link]

2017. jan. 28. 16:06
Hasznos számodra ez a válasz?
 3/3 A kérdező kommentje:
Köszönöm a segítséget!
2017. jan. 28. 19:51

Kapcsolódó kérdések:

Számítástechnika főkategória kérdései »
Számítástechnika - Weblapkészítés kategória kérdései »



Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu

A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!