Začiatočnik HTML,CSS potrebuje pomoc

[Janci524]

Ahojte, potreboval by som poradit vo veci zarovnania vlajok na stred v tejto tabulke..
Align a valign mi nepomáha. Bez valign a align su nacapené hore a s valign middle su zas nacapené viac k dolnemu okraju tabulky ako je možne vidiet na tomto obrazku.. Chcem aby tie vlajky boli presne v strede toho riadka respektíve bunky. Aby neoboli milimeter od spodného a 3 milimetre od vrchneho.. musia byt narovnako teda 1,5mm zo spodu a 1,5mm z vrchu obrazne povedané. Ďakujem chalani.

https://ctrlv.cz/q631

[newmi]

skus nieco z tohoto

[wedro]

ten vertical-align funguje, len problem je, ze mas tie ciary nastavene na border-bottom a border-top nemas tak to vyzera, ze to nie je v strede.

skus pridat obrazku "margin-bottom: 2px" alebo viac

[Janci524]

Dobre chalani. Už je to vyriešené. Čoskoro budem potrebovať pomôcť s ďalšími vecami.

[Janci524]

No rád by som už začal robiť vlastnu stranku from scratch/od nuly. Zaujima ma ako by ste mi navrhovali začat. Či mam robit prvé menu alebo pätičku, stred?

[LordKJ]

a vies co tam chces mat?, aky content, staticky? alebo dynamicky?... a tak

[newmi]

najprv si sprav wireframe a potom si navrhni grafiku napr vo photoshope, nasekaj grafiku a nakoduj.

[Janci524]

Bude to stranka o CSku... Niečo ako je gosugamers. Na prvej stránke by boli novinky dalšia by bola Ranking tímov, nejaká galéria atď.

[newmi]

to je fajn ze vies o com to bude ale ja som pisal aby si si navrhol rozlozenie kde co bude a potom grafiku ako to bude vyzerat. Btw ked s html len zacinas tak stranka typu gosugamer je velke susto ked to chces cele nakodit sam.

[Janci524]

Bude to samozrejme len taká lahšia verzia gosugamers. Žiadne skripty atď. čisto len HTML a CSS. Začal som tým, že tam dávam text cez <article> a <p>, ale nerozumiem prečo mi nechce ukazovať diakritiku. Namiesto "ý" mi v Google Chrome ukáže "�". Mám nastavené utf-8 v dokumente.

[Janci524]

Nebol by niekto ochotný mi na nejakom online chate pomahat ak by som mal nejake menšie otázky aby som to nemusel pisat sem a čakat? Napr. skype, fb, steam hocičo proste.

[Janci524]

čaute potrebujem rychlo pomoct nejako sfungovať aside na mojej stránke.
Ani za boha neviem dat ten aside zarovno toho článku a zbaviť sa tej medzery. Dík za pomoc chaloši. Posielam screen jak to vyzerá a posielam aj kód.
https://ctrlv.cz/k3Y7


HMTL -

Spoiler: ukázať

Kód: Vybrať všetko

<aside>
<div id="sponsors">
                <header id="s_header">
                    <h1>SPONZORI</h1>  
                </header>
                <img id="main_sponsors" src="images/wd.png" alt="wd" title="wd">
                <img src="images/dell.png" alt="dell" title="dell">
                <img src="images/intel.png" alt="dell" title="intel">
                
            </div>

</aside>

CSS (môžte si dat ctrl+f - aside alebo sponzori aby ste sa dostali priamo k tomu, ale dal som radšej celé CSS, lebo sa bojím či to nieje niekde inde chyba)

Spoiler: ukázať

Kód: Vybrať všetko

#nazov{
	width: 50%;
	height: 3vw;
	background: red;

  clear: both;
	line-height: 3vw;
	text-align: center;
	font-family: arial;
	font-size: 20px; 
	color: white;
}

#clanoktext {
color: white;
background-color: black;
width: 50%;

}




nav {
  background: black;
  height: 3vw;
  padding: 0;
}

nav a {
  text-decoration: none;
}

nav ul.menu {
  height: 100%;
  width: 80%;
  font-size: 0;
  margin-left: 100px;
}

nav ul.menu li {
  border-right: 1px solid #464939;
  color: rgb(255,255,255);
  display: inline-block;
  line-height: 3vw;
  width: 24%;
  text-align: center;
  font-size: 1.2vw;
  font-family: Arial Rounted MT, Arial, Tahoma, Verdana;
  position: relative;
}

nav ul.menu li:first-child {
  border-left: 1px solid #464939;
}

nav ul.menu li:hover {
  background-color: red;
}

nav ul.menu li:hover ul.hover_menu {
  display: list-item;
  z-index: 1;
}


a { 
	font-weight: bold; 
}

a:link, a:visited { 
	text-decoration: none; 
	color: #333; 
}	

a:hover, a:active {  
	color: #FFFFFF; 
}





/* container */

#container {
  width: 80%;
  margin: 0 auto;
  padding: 0.5vw 0 0.5vw 0;
}



/* sponzori */

aside {
  width: 29%;
  float: right;
  margin: 0 0 1vw 0; 
}

#sponsors {
  width: 50%;
  text-align: center;
  border: 0.1vw solid red;
  border-top: none;
  display: block;
  float:right; 

  
}

#sponsors img{
  height: 2vw;
  padding: 0.3vw 0 0.3vw 0;
  border: 1px solid red;
  margin: 0 0.2vw 0 0.2vw;
}




#sponsors header#s_header {
  background-color: red;
  margin: 1vw 0 1vw 0;
}

#sponsors header#s_header h1{
  padding: 0.6vw 0 0.6vw 0;
  text-align: center;
  font-size: 1.2vw;
  color: #FFFFFF;
  text-transform: uppercase;
  font-family: Arial Rounted MT, Arial, Tahoma, Verdana;
}



footer{
  width:68%;
  height: 3vw;
  background: red;
  margin: 0 auto;
  text-align: center;
  line-height: 3vw;
  clear: both;
}
footer p{
  color: white;
  font-family: arial; 
}

Dufam, že pomôžete. Potrebujem to dost rýchlo.