Mali problemi sa HTML & CSS

Perkone · 10.02.2014., 13:35

Imam par malih problema pa prepostavljam za samo malo iskusnijeg nece ovo biti problem da mi pomogne.

Prvi problem je sto me vraca na pocetnu stranu preko celog headera a ja hocu preko slike samo, znaci samo kada kliknem na sliku da mi da mogucnost da se vratim na pocetnu stranu a ne i bilo gde u okviru headera.

Code:

<body>	
	<div id="header"> <a href="../pocetna.html"><img src="slika.png"</img></a></div>
....
</body>

Evo ovde i css deo:

Code:

#header {
	position: relative;		
	margin-top: -1px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	padding-top: 4px;
	padding-bottom: 5px;
	background: linear-gradient(#4683b8, #48819d);
	
}

Drugi problem je sto zavisnosti od strane do strane, ako je sadrzaj teksta veci zbog toga ce umanjiti sliku u headeru za par piksela tj ceo header ce se smanjiti. Kako to da ispravim? Prepostavljam da ima neke veze sa fiksiranjem. Sa ovim sa cime vezbam necu da mi se skroluje slika dole-gore nego sve da bude na jednom ekranu.

Ako treba da se vidi i css deo za img

Code:

img {	
    display: block;
    margin-left: auto;
    margin-right: auto;			
}

A za body je samo ovo:

Code:

body {
	background-color: #BCD2EE;
	text-align: center;
}

wnbeeeE · 10.02.2014., 13:42

Code:

<header> 

<div class="logo">
<h1><a href="../pocetna.html"><img src="slika.png" alt="logo"></a></h1>
</div>

</header>

Koristi header a ne div sa id=header, html5.
Bilo bi poželjno da logo prvo staviš u div i u h1.
U div jer ga onda mozes lako pozicionirati u odnosu na <header>, i u h1 jer je to tvoj logo, i jer zelis da klikom na h1 baca na home.

Druga stvar, krivo si zatvorio <img> tag, tj. img tag nema closing tag.

Perkone · 10.02.2014., 14:58

Hvala na pomoci, namestio sam sada da kada kliknem na sliku da se samo na nju odnosi da treba da preusmeri na pocetnu stranu.

Imam sada novi problem. Nekim razlogom sada ta slika sto je u hederu nece da stoji padding kako sam hteo. A treba da se spusti od ivice vrha za 1px i od dna hadera za 1px. Znaci izmedju top i bottom padding da postoji 1px prostora da ne bude slika slepljena ivica na ivicu sa hederom.

Code:

header {
	position: relative;		
	margin-top: -1px;	
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	padding-top: 1px;
	padding-bottom: -1px;
	background: linear-gradient(#4683b8, #48819d);
	
}

padding-top je sada za nekih 5,6px i ako stoji na 1px. Ako stavim na 0px slepi se sa ivicom headera.

Sto se tice drugog pitanja iznad. Izgleda da je pojedine stranice memorisao u Chromeu na 110% zoom. A posle sam nastavio da radim u 100% i iz tog razloga je izgledalo kao da uvecava

Perkone · 17.02.2014., 14:19

Kako covek moze da pogresi oko mesta gde ce postaviti pitanje nadajuci se da ce dobiti odgovor...
Sada sam uzeo da ispravljam sitnice ali opet sam ovde zaglavio, dok nisam menjao po konvecionalnim pravilima mogao sam lepo da podesim.
Realno sam postavio pitanje na koje svako zna koje duze bavi html/css, sada od kada sam ubacio kako si mi rekao ne mogu nista da podesim jer ne znam sta nad cime ima prioritet.
Ali ok, posto se nisi zainteresovao dalje da pomognes kao ni ostali nije ni bitno. Sitni problemi treba da budu za svakog izazovi ko je zasao u ove vode a ne da ignorise.

wnbeeeE · 17.02.2014., 14:32

kolega,

nema se smisla ici igrati sa htmlom i cssom ako neznas niti osnove osnova istih. Ti trazis od nas doslovno ispravljanje css koda dok mi niti ne vidimo samu stranicu i njen kod.

Nitko ti nece znat napamet koliko tebi treba pixela i sto ti ima nad cime prioritet bez da vidimo kompletan kod.

Ako ti u cssu neznas povezat html element nemamo o cemu pricati, nego se uhvati ucenja barem osnova, jer bez njih ti nitko nemoze pomoci.
Baci oko barem na codeacademy, imas cca tjedan dana ucenja, i onda ti ovakve osnove nece predstavljati problem.
Neznam zasto dosta ljudi na ovom forumu ima za obicaj se uopce upustati u takvo nesto bez ikakvog predznanja, i jos na ovaj bezobrazni nacin.

Nitko ti nije kriv sto radis nesto sto neznas, niti ce te itko preko foruma nauciti kako se to radi, jer je to prosto nemoguce.

Perkone · 17.02.2014., 14:59

Kako odma dobijem odgovor cim se neko oseti prozvan, pa i jesi donekle, a cekao sam nedelju dana za bilo kakvu pomoc a sada si u trenutku tu.
Ne radi stranicu, nego vezbam web infromacioni centar na localhostu, ovo mi je samo usput da to na nesto lici kroz html/css tako da mi ovo nije prioritet.
Osnovne stvari donekle znam i u ovom trenutku mi nije potrebno vise od toga, da se ne bi zamajavao pa sam ljubazno hteo da pitam za pomoc a na kraju sam jos ispao i bezobrazan sto neko ne zna da prodiskutuje samnom o pocetnickim stvarima i da uputi na greske.
Mislim da sam dovoljno dobro obajsnio sta mi problem a da si hteo da pomognes pitao bi i za dodatnom informacijom a s obzirom da vise ne vlada pozitivna energija i za uzajnom pomaganju, neka hvala ignorisacu dalju konverzaciju ovde i naci neki forum gde ljudi ne klikcu bezveze po temama i traze "teske" probleme gde ce istaci svoje besprekorno znanje.

wnbeeeE · 17.02.2014., 15:37

Ti i dalje po svom, a ja ću ti samo reći da sa dobrim razlogom nisi dobio odgovor na drugo pitanje, ne od mene, nego od bilo kog drugoga. Ovdje ima dosta ljudi koji rade baš taj posao, i znaju taj posao. Međutim, ti odgovor nisi dobio jer odgovora nema. Kažeš da znaš osnove? Neznaš osnove. U tome i je problem, i zato ti nitko nemože pomoći.

Ako nešto već ideš radit sam, onda si barem mogao u ovih nedjelju dana što kažeš proći te osnove i onda bismo mogli dalje diskutirati. Ali ako ti neznaš namjestit padding i povezat u cssu html element, a očekuješ da ti netko sa čarobnim štapićem složi css fajl dok pritom ne vidi html, not gonna happen. Uvijek su drugi krivi. Krivi mentalitet.

Ovaj forum ima predivne ljude, i uvijek je spreman pomoći drugome kad zapne. Kod tebe nije ništa zapelo, već ti pokušavaš napraviti nešto što neznaš, a pritom očekuješ da te drugi nauče. Uvijek se mogu naučiti konkretni problemi, uvijek može zapeti, ali ako ti neznaš niti jedan niti drugi jezik, kako da ti itko pomogne? Kao da ideš pričati francuski, a neznaš ga. Niti kužiš šta ti onaj drugi govori. Ali ako znaš osnove jezika, pa dođeš pitati za određenu stvar, kako se nešto izgovara ili imaš pitanje oko gramatike, dobit ćeš pravi odgovor.

Kakvo pitanje, takav i odgovor.

sinisa1989 · 17.02.2014., 17:10

Ako ne želiš/ne možeš dati cijeli html/css kôd, okači taj problematični dio na nešto poput ovog.

fre@k · 18.02.2014., 11:55

Citiraj:

Autor Perkone

Kako odma dobijem odgovor cim se neko oseti prozvan, pa i jesi donekle, a cekao sam nedelju dana za bilo kakvu pomoc a sada si u trenutku tu.
Ne radi stranicu, nego vezbam web infromacioni centar na localhostu, ovo mi je samo usput da to na nesto lici kroz html/css tako da mi ovo nije prioritet.
Osnovne stvari donekle znam i u ovom trenutku mi nije potrebno vise od toga, da se ne bi zamajavao pa sam ljubazno hteo da pitam za pomoc a na kraju sam jos ispao i bezobrazan sto neko ne zna da prodiskutuje samnom o pocetnickim stvarima i da uputi na greske.
Mislim da sam dovoljno dobro obajsnio sta mi problem a da si hteo da pomognes pitao bi i za dodatnom informacijom a s obzirom da vise ne vlada pozitivna energija i za uzajnom pomaganju, neka hvala ignorisacu dalju konverzaciju ovde i naci neki forum gde ljudi ne klikcu bezveze po temama i traze "teske" probleme gde ce istaci svoje besprekorno znanje.

Ne moram ja trazit od tebe vise podataka, ti si taj s problemom pa cim vise stvari prilozis svima ce nam biti jasnije

...a sinisa1989 ti je stavio link pa cijeli html i css zakelji gore pa cemo odma znat s cime radimo te ti pomoc.

ovo boldano bolje da ni ne komentiram jel to je ponasanje 13 god djevojcice

MajaMica · 18.02.2017., 03:48

Upomoc

Nedavno sam ovorila sajt, sredila temu, delim postove na drustvenim mrezama- super se cita i mislila sam da sve ide ok. Ali ja sa googla imam samo po 3-4 pregleda dnevno, a sve ostalo sa fb, pomalo i sa tvitera- al to nije bitno....
Onda sam pomocu Yoast SEO plugina isla na analizu stranice (Analyze this page,opcija HTML Validator) i naslo mi je gomilu nekih greški i pojma nemam ni ja sta.... I šta sad da radim, ovamo kao pise i kako se to ispravlja ali me strah da nesto ne izbutam i sve pokvarim.... Pa ako bi neko bio ljubazan da pomogne, bila bih vrlo zahvalna

10.02.2014., 13:35	#1
Perkone Registered User Datum registracije: Jan 2010 Lokacija: NewNow Postovi: 25	Mali problemi sa HTML & CSS Imam par malih problema pa prepostavljam za samo malo iskusnijeg nece ovo biti problem da mi pomogne. Prvi problem je sto me vraca na pocetnu stranu preko celog headera a ja hocu preko slike samo, znaci samo kada kliknem na sliku da mi da mogucnost da se vratim na pocetnu stranu a ne i bilo gde u okviru headera. Code: <body> <div id="header"> <a href="../pocetna.html"><img src="slika.png"</img></a></div> .... </body> Evo ovde i css deo: Code: #header { position: relative; margin-top: -1px; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; padding-top: 4px; padding-bottom: 5px; background: linear-gradient(#4683b8, #48819d); } Drugi problem je sto zavisnosti od strane do strane, ako je sadrzaj teksta veci zbog toga ce umanjiti sliku u headeru za par piksela tj ceo header ce se smanjiti. Kako to da ispravim? Prepostavljam da ima neke veze sa fiksiranjem. Sa ovim sa cime vezbam necu da mi se skroluje slika dole-gore nego sve da bude na jednom ekranu. Ako treba da se vidi i css deo za img Code: img { display: block; margin-left: auto; margin-right: auto; } A za body je samo ovo: Code: body { background-color: #BCD2EE; text-align: center; }

10.02.2014., 13:42	#2
wnbeeeE Premium Datum registracije: Mar 2009 Lokacija: Pula Postovi: 599	Code: <header> <div class="logo"> <h1><a href="../pocetna.html"><img src="slika.png" alt="logo"></a></h1> </div> </header> Koristi header a ne div sa id=header, html5. Bilo bi poželjno da logo prvo staviš u div i u h1. U div jer ga onda mozes lako pozicionirati u odnosu na <header>, i u h1 jer je to tvoj logo, i jer zelis da klikom na h1 baca na home. Druga stvar, krivo si zatvorio <img> tag, tj. img tag nema closing tag. __________________ Darker than a moonless night and hotter than hell itself, that is coffee.

10.02.2014., 14:58	#3
Perkone Registered User Datum registracije: Jan 2010 Lokacija: NewNow Postovi: 25	Hvala na pomoci, namestio sam sada da kada kliknem na sliku da se samo na nju odnosi da treba da preusmeri na pocetnu stranu. Imam sada novi problem. Nekim razlogom sada ta slika sto je u hederu nece da stoji padding kako sam hteo. A treba da se spusti od ivice vrha za 1px i od dna hadera za 1px. Znaci izmedju top i bottom padding da postoji 1px prostora da ne bude slika slepljena ivica na ivicu sa hederom. Code: header { position: relative; margin-top: -1px; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; padding-top: 1px; padding-bottom: -1px; background: linear-gradient(#4683b8, #48819d); } padding-top je sada za nekih 5,6px i ako stoji na 1px. Ako stavim na 0px slepi se sa ivicom headera. Sto se tice drugog pitanja iznad. Izgleda da je pojedine stranice memorisao u Chromeu na 110% zoom. A posle sam nastavio da radim u 100% i iz tog razloga je izgledalo kao da uvecava

17.02.2014., 14:32	#5
wnbeeeE Premium Datum registracije: Mar 2009 Lokacija: Pula Postovi: 599	kolega, nema se smisla ici igrati sa htmlom i cssom ako neznas niti osnove osnova istih. Ti trazis od nas doslovno ispravljanje css koda dok mi niti ne vidimo samu stranicu i njen kod. Nitko ti nece znat napamet koliko tebi treba pixela i sto ti ima nad cime prioritet bez da vidimo kompletan kod. Ako ti u cssu neznas povezat html element nemamo o cemu pricati, nego se uhvati ucenja barem osnova, jer bez njih ti nitko nemoze pomoci. Baci oko barem na codeacademy, imas cca tjedan dana ucenja, i onda ti ovakve osnove nece predstavljati problem. Neznam zasto dosta ljudi na ovom forumu ima za obicaj se uopce upustati u takvo nesto bez ikakvog predznanja, i jos na ovaj bezobrazni nacin. Nitko ti nije kriv sto radis nesto sto neznas, niti ce te itko preko foruma nauciti kako se to radi, jer je to prosto nemoguce. __________________ Darker than a moonless night and hotter than hell itself, that is coffee. Zadnje izmijenjeno od: wnbeeeE. 17.02.2014. u 15:27.

17.02.2014., 15:37	#7
wnbeeeE Premium Datum registracije: Mar 2009 Lokacija: Pula Postovi: 599	Ti i dalje po svom, a ja ću ti samo reći da sa dobrim razlogom nisi dobio odgovor na drugo pitanje, ne od mene, nego od bilo kog drugoga. Ovdje ima dosta ljudi koji rade baš taj posao, i znaju taj posao. Međutim, ti odgovor nisi dobio jer odgovora nema. Kažeš da znaš osnove? Neznaš osnove. U tome i je problem, i zato ti nitko nemože pomoći. Ako nešto već ideš radit sam, onda si barem mogao u ovih nedjelju dana što kažeš proći te osnove i onda bismo mogli dalje diskutirati. Ali ako ti neznaš namjestit padding i povezat u cssu html element, a očekuješ da ti netko sa čarobnim štapićem složi css fajl dok pritom ne vidi html, not gonna happen. Uvijek su drugi krivi. Krivi mentalitet. Ovaj forum ima predivne ljude, i uvijek je spreman pomoći drugome kad zapne. Kod tebe nije ništa zapelo, već ti pokušavaš napraviti nešto što neznaš, a pritom očekuješ da te drugi nauče. Uvijek se mogu naučiti konkretni problemi, uvijek može zapeti, ali ako ti neznaš niti jedan niti drugi jezik, kako da ti itko pomogne? Kao da ideš pričati francuski, a neznaš ga. Niti kužiš šta ti onaj drugi govori. Ali ako znaš osnove jezika, pa dođeš pitati za određenu stvar, kako se nešto izgovara ili imaš pitanje oko gramatike, dobit ćeš pravi odgovor. Kakvo pitanje, takav i odgovor. __________________ Darker than a moonless night and hotter than hell itself, that is coffee.

17.02.2014., 14:19	#4
Perkone Registered User Datum registracije: Jan 2010 Lokacija: NewNow Postovi: 25	Kako covek moze da pogresi oko mesta gde ce postaviti pitanje nadajuci se da ce dobiti odgovor... Sada sam uzeo da ispravljam sitnice ali opet sam ovde zaglavio, dok nisam menjao po konvecionalnim pravilima mogao sam lepo da podesim. Realno sam postavio pitanje na koje svako zna koje duze bavi html/css, sada od kada sam ubacio kako si mi rekao ne mogu nista da podesim jer ne znam sta nad cime ima prioritet. Ali ok, posto se nisi zainteresovao dalje da pomognes kao ni ostali nije ni bitno. Sitni problemi treba da budu za svakog izazovi ko je zasao u ove vode a ne da ignorise.

17.02.2014., 14:59	#6
Perkone Registered User Datum registracije: Jan 2010 Lokacija: NewNow Postovi: 25	Kako odma dobijem odgovor cim se neko oseti prozvan, pa i jesi donekle, a cekao sam nedelju dana za bilo kakvu pomoc a sada si u trenutku tu. Ne radi stranicu, nego vezbam web infromacioni centar na localhostu, ovo mi je samo usput da to na nesto lici kroz html/css tako da mi ovo nije prioritet. Osnovne stvari donekle znam i u ovom trenutku mi nije potrebno vise od toga, da se ne bi zamajavao pa sam ljubazno hteo da pitam za pomoc a na kraju sam jos ispao i bezobrazan sto neko ne zna da prodiskutuje samnom o pocetnickim stvarima i da uputi na greske. Mislim da sam dovoljno dobro obajsnio sta mi problem a da si hteo da pomognes pitao bi i za dodatnom informacijom a s obzirom da vise ne vlada pozitivna energija i za uzajnom pomaganju, neka hvala ignorisacu dalju konverzaciju ovde i naci neki forum gde ljudi ne klikcu bezveze po temama i traze "teske" probleme gde ce istaci svoje besprekorno znanje.

17.02.2014., 17:10	#8
sinisa1989 Bazinga Moj komp Datum registracije: Nov 2007 Lokacija: Križevci Postovi: 3,873	Ako ne želiš/ne možeš dati cijeli html/css kôd, okači taj problematični dio na nešto poput ovog. __________________ The best place to hide a dead body is page 2 of Google search results.

18.02.2017., 03:48	#10
MajaMica Registered User Datum registracije: Jan 2017 Lokacija: Krusevac Postovi: 6	Upomoc Nedavno sam ovorila sajt, sredila temu, delim postove na drustvenim mrezama- super se cita i mislila sam da sve ide ok. Ali ja sa googla imam samo po 3-4 pregleda dnevno, a sve ostalo sa fb, pomalo i sa tvitera- al to nije bitno.... Onda sam pomocu Yoast SEO plugina isla na analizu stranice (Analyze this page,opcija HTML Validator) i naslo mi je gomilu nekih greški i pojma nemam ni ja sta.... I šta sad da radim, ovamo kao pise i kako se to ispravlja ali me strah da nesto ne izbutam i sve pokvarim.... Pa ako bi neko bio ljubazan da pomogne, bila bih vrlo zahvalna

Oglasni prostor
PC Ekspert Forum Oglas