Začiatočnik HTML,CSS potrebuje pomoc

Sekcia o programovaní, programovacích jazykoch...
Janci524
Nový používateľ
Nový používateľ
Príspevky: 24
Dátum registrácie: Št 24. Mar, 2016, 17:31

Začiatočnik HTML,CSS potrebuje pomoc

Príspevok od užívateľa Janci524 » Ut 19. Apr, 2016, 18:51

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. :help: :help: :help:

https://ctrlv.cz/q631

Užívateľov profilový obrázok
newmi
Moderátor
Moderátor
Príspevky: 7511
Dátum registrácie: Ut 23. Jan, 2007, 08:00
Bydlisko: Trnava
Kontaktovať užívateľa:

Re: Začiatočnik HTML,CSS potrebuje pomoc

Príspevok od užívateľa newmi » Ut 19. Apr, 2016, 20:37

skus nieco z tohoto
myPC CPU:i5 3350P, MB:Gigabyte B75M D3H, RAM:8GB Kingston 1600MHz cl9, VGA:MSI R9 270 Gaming DVD-RW:LG H12NR, HDD:Toshiba 1TB, SSD:Toshiba HG2 256GB, LCD:LG W2220P-BF, Case: SilentiumPC Gladius M35,PSU:Seasonic M12II 520W, Router: Netgear JNR3210 myPhone Xiaomi Mi A1 myStation Playstation 3 myHeadphones: JBL 450

Užívateľov profilový obrázok
wedro
Používateľ
Používateľ
Príspevky: 507
Dátum registrácie: Po 15. Okt, 2007, 08:00
Bydlisko: bardejov/KE
Kontaktovať užívateľa:

Re: Začiatočnik HTML,CSS potrebuje pomoc

Príspevok od užívateľa wedro » Ut 19. Apr, 2016, 22:21

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
Nový používateľ
Nový používateľ
Príspevky: 24
Dátum registrácie: Št 24. Mar, 2016, 17:31

Re: Začiatočnik HTML,CSS potrebuje pomoc

Príspevok od užívateľa Janci524 » Št 21. Apr, 2016, 19:43

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

Janci524
Nový používateľ
Nový používateľ
Príspevky: 24
Dátum registrácie: Št 24. Mar, 2016, 17:31

Re: Začiatočnik HTML,CSS potrebuje pomoc

Príspevok od užívateľa Janci524 » Pi 22. Apr, 2016, 19:23

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
Pokročilý používateľ
Pokročilý používateľ
Príspevky: 7016
Dátum registrácie: Po 28. Feb, 2011, 11:49
Bydlisko: Bratislava/Kežmarok
Kontaktovať užívateľa:

Re: Začiatočnik HTML,CSS potrebuje pomoc

Príspevok od užívateľa LordKJ » Pi 22. Apr, 2016, 22:29

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

Užívateľov profilový obrázok
newmi
Moderátor
Moderátor
Príspevky: 7511
Dátum registrácie: Ut 23. Jan, 2007, 08:00
Bydlisko: Trnava
Kontaktovať užívateľa:

Re: Začiatočnik HTML,CSS potrebuje pomoc

Príspevok od užívateľa newmi » Pi 22. Apr, 2016, 23:01

najprv si sprav wireframe a potom si navrhni grafiku napr vo photoshope, nasekaj grafiku a nakoduj.
myPC CPU:i5 3350P, MB:Gigabyte B75M D3H, RAM:8GB Kingston 1600MHz cl9, VGA:MSI R9 270 Gaming DVD-RW:LG H12NR, HDD:Toshiba 1TB, SSD:Toshiba HG2 256GB, LCD:LG W2220P-BF, Case: SilentiumPC Gladius M35,PSU:Seasonic M12II 520W, Router: Netgear JNR3210 myPhone Xiaomi Mi A1 myStation Playstation 3 myHeadphones: JBL 450

Janci524
Nový používateľ
Nový používateľ
Príspevky: 24
Dátum registrácie: Št 24. Mar, 2016, 17:31

Re: Začiatočnik HTML,CSS potrebuje pomoc

Príspevok od užívateľa Janci524 » So 23. Apr, 2016, 13:01

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ď.

Užívateľov profilový obrázok
newmi
Moderátor
Moderátor
Príspevky: 7511
Dátum registrácie: Ut 23. Jan, 2007, 08:00
Bydlisko: Trnava
Kontaktovať užívateľa:

Re: Začiatočnik HTML,CSS potrebuje pomoc

Príspevok od užívateľa newmi » So 23. Apr, 2016, 21:34

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.
myPC CPU:i5 3350P, MB:Gigabyte B75M D3H, RAM:8GB Kingston 1600MHz cl9, VGA:MSI R9 270 Gaming DVD-RW:LG H12NR, HDD:Toshiba 1TB, SSD:Toshiba HG2 256GB, LCD:LG W2220P-BF, Case: SilentiumPC Gladius M35,PSU:Seasonic M12II 520W, Router: Netgear JNR3210 myPhone Xiaomi Mi A1 myStation Playstation 3 myHeadphones: JBL 450

Janci524
Nový používateľ
Nový používateľ
Príspevky: 24
Dátum registrácie: Št 24. Mar, 2016, 17:31

Re: Začiatočnik HTML,CSS potrebuje pomoc

Príspevok od užívateľa Janci524 » Ne 24. Apr, 2016, 12:45

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
Nový používateľ
Nový používateľ
Príspevky: 24
Dátum registrácie: Št 24. Mar, 2016, 17:31

Re: Začiatočnik HTML,CSS potrebuje pomoc

Príspevok od užívateľa Janci524 » Ut 26. Apr, 2016, 19:27

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
Nový používateľ
Nový používateľ
Príspevky: 24
Dátum registrácie: Št 24. Mar, 2016, 17:31

Re: Začiatočnik HTML,CSS potrebuje pomoc

Príspevok od užívateľa Janci524 » Ut 10. Máj, 2016, 20:13

č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.

Napísať odpoveď

Návrat na "Programovanie"