zaklady html formatovania

*****HERO*****

mam spraveny php kod a potreboval by som ho uviest do nejakej ludskej podoby.

nejde mi o to, ako to bude vyzerat, ale skor o tu technicku stranku, hlavne teda komplexnost, aby sa to napriklad zobrazovalo korektne na co najviac prehliadacoch, nerobilo problemy pri roznych rozliseniach, cize v podstate potrebujem nejake tie uplne zakladne zasady, co sa rozlozenia stranok tyka.

konkretne, napriklad mi ide o to, aby sa stranka neroztahovala a bola pevne zafixovana. ked si otvorite YouTube stranky vo Wide Screen rozliseni, miesto toho, aby sa roztiahli, spravia sa okraje - ako na to?

ako asi vidite, v tomto som uplny n00b a preto by som na zaciatok uvital nejake vami odporucane tutorialy (kludne aj ENG), ktore by sa nejak dotykali tych mojich poziadaviek.

caesar1987

pozri si css.. cez to sa to vsetko robi.

Príspevok od používateľa **Grim** » 02 nov 2010, 11:03

...v HTML a CSS niesom žiadny amatér, napriek tomu tu mám problém, ktorý neviem vyriešiť, napriek tomu, že predtým to na viacerých stránkach fungovalo korektne, na tejto stránke mi to nefunguje. Ide o to, že chcem aby text v tagu <h1></h1> bol formátovaný tak isto, ako obyčajný text. Definoval som to v CSS, skúšal som definovať aj iné vlastnosti, farbu písma, hrúbku, veľkosť...nádpis sa ani nepohol, akoby úplne ignoroval CSS deklaráciu. Pritom na predošlých stránkach to funguje normálne...čo mám robiť?...už som skúšal aj cez "class" definovať tie vlastnosti, aj tak nič...ale akonáhle som to zmenil na <h2> tak sa text zmenšil na predvolenú hodnotu nádpisu druhej úrovne...prečo mi to nefunguje?...tu je kód:

HTML

Kód: Vybrať všetko

<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<meta name="robots" content="index,follow">
<meta http-equiv="imagetoolbar" content="no">
<meta http-equiv="Content-Style-Type" content="text/css">
<link rel="shortcut icon" href="favicon.ico">
<link rel="icon" type="image/gif" href="animated_favicon1.gif">
<link rel="stylesheet" type="text/css" href="css.css">
<!--[if lte IE 8]> 
<link rel="stylesheet" type="text/css" href="cssie.css" /> 
<![endif]-->
</head>
<body>
<div class="iecenter" align="center">
<div class="iecenter2" align="left">

<br><br><br><br><br><br><br><br><br><br><br><br>

<h1><a href="\">Ani tu sa text vôbec neformátuje, ale deklarácia odkazu funguje, čiže ak sa myšou prejde na odkaz, tak sa podčiarkne.</a></h1>

<h1><strong class="invisible">Tu sa text vôbec neformátuje</strong></h1>

<strong class="invisible">Tu css ovplyvní iba veľkosť, ale písmo nechá hrubé</strong>

<h1>ani tento text nieje ovplyvnený deklaráciou v CSS</h1>

<div class="paticka"><br><br>
Nejaký text
</div> <!--paticka-->
</div> <!--iecenter2-->
</div> <!--iecenter-->
</body>
</html>

CSS

Kód: Vybrať všetko

body {
	background-image: url('back2.png');
	background-color: black;
	color: white;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	overflow-y: scroll;
	overflow-x: visible;
	}

	a:link {color: white;} 
	a:visited {color: white;}
	a:active {color: white;}
	a:hover {color: white;}
	a {text-decoration: none;}
	a:hover {text-decoration: underline;}
	p {text-indent: 0px; text-align: justify;}


.iecenter {
	align: center;
	margin-top: -8px;
}

.iecenter2 {
	align: center;
	text-align: center;
	width: 700px;
	position: relative;
}

.paticka {
	text-align: center;

h1 {
	font-size: 11px;
	font-weight: normal;
}

.invisible {
	font-size: 11px;
	font-weight: normal;
}

h2 {
	font-family: Calibri, Arial, Tahoma, Segoe Print, Comic Sans MS;
	font-size: 25px;
	font-weight: normal;
}

h3 {
	font-family: Segoe Print, Comic Sans MS;
	font-size: 20px;
	font-weight: bold;
}

Numline1

Preco do CSS jednoducho nepridas

Kód: Vybrať všetko

h3 a {
  text-decoration: none;
}

?

(Ak som spravne pochopil to, co chces)

Príspevok od používateľa **Grim** » 02 nov 2010, 12:05

...nepomohlo...

sharky-no

som tusil ze to bude nejaka somarinka

chyba ti uzatvorenie stylu paticky v css

Kód: Vybrať všetko

.paticka {
   text-align: center;
}
h1 {
   font-size: 11px;
   font-weight: normal;
}

Príspevok od používateľa **Grim** » 02 nov 2010, 12:24

...fuckin´ bitch!...ou jé, som tragéd...

zaklady html formatovania

zaklady html formatovania

Re: zaklady html formatovania

Re: zaklady html formatovania

Re: zaklady html formatovania

Re: zaklady html formatovania

Re: zaklady html formatovania

Re: zaklady html formatovania