[es] - Kako da npravim konstrukciju sa DIV tagovima

plus_minus

Član broj: 289459
Poruke: 2242
*.dynamic.isp.telekom.rs.

Sajt: https://hardcoder.xyz

+2247 Profil

Re: Kako da npravim konstrukciju sa DIV tagovima

^{12.11.2013. u 11:53 - pre 126 meseci}

Takav naziv za ID nije ispravan. Umesto praznog polja koristi donju ili normalnu crticu. Važi i za class i za id.
S' tim što kad pišeš klase, možeš imati i razmak, ali to onda naznačava da se radi o više klasa prlepljenih na jedan element.

primer ..

Code (html):

<div id="productsContainer">

 <div class="oneClassName"> Bla, bla, truć </div>

 <div class="firstClassName secondClassName"> Bla, bla, truć, truć </div>

</div>

A css za to gore.. npr..

Code:

#productsContainer {

background-color: Khaki;

}

.oneClassName {

color:LightSLateGrey;

}

.firstClassName {

border: 6px double Olive;

}

.firstClassName.secondClassName {

border-top-width:1px;

}

Isto tako nije dozvoljeno ponavljati ime ID elementa više od jednom. Možeš imati iste nazive za ID - ali ne na istoj html stranici.
Dakle, svaki ID naziv je unikatan. Za klase to ne važi.

I kad započinješ nazive, broj ne treba bude prvi karakter, može da se nađe u nazivu klase ili id elementa, ali ne kao prvi karakter.

about:networking

Odgovor na temu

bolepks
Nis

Član broj: 233371
Poruke: 426
*.dynamic.isp.telekom.rs.

+1 Profil

Re: Kako da npravim konstrukciju sa DIV tagovima

^{12.11.2013. u 12:20 - pre 126 meseci}

Hvala. Kako bi sada postavio <form> za css

Odgovor na temu

plus_minus

Član broj: 289459
Poruke: 2242
*.dynamic.isp.telekom.rs.

Sajt: https://hardcoder.xyz

+2247 Profil

Re: Kako da npravim konstrukciju sa DIV tagovima

^{12.11.2013. u 12:59 - pre 126 meseci}

Zavisi od slučaja do slučaja.

Osim toga, obavezno pročitaj ovo.

http://www.elitesecurity.org/t13303-Pravilnik-Obavezno-procitati

Stavka broj 1 i stavka broj 5

about:networking

Odgovor na temu

bolepks
Nis

Član broj: 233371
Poruke: 426
*.dynamic.isp.telekom.rs.

+1 Profil

Re: Kako da npravim konstrukciju sa DIV tagovima

^{12.11.2013. u 19:23 - pre 126 meseci}

Postavio sam neki probni kod treba mi tvoje stručno mišljenje, dodao bi meni i heder videću ... kod je naveden dole u
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Boleaplikacije</title>
<link href="css.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="konteiner">
<div class="header">
<div align="center">APLIKATIVNO PROGRAMIRANJE </div>
</div>

<form name="contactform" method="post" action="send_form_email.php">
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>

<div class="table">
<center> PHP e-mail forma</center>
<table width="450" align="center">
<tr>
<td valign="top">
<label for="first_name">Ime *</label>
</td>
<td valign="top">
<input type="text" name="first_name" maxlength="50" size="30">
</td>
</tr>
<tr>
<td valign="top"">
<label for="last_name">Prezime *</label>
</td>
<td valign="top">
<input type="text" name="last_name" maxlength="50" size="30">
</td>
</tr>
<tr>
<td valign="top">
<label for="email">E-mail adresa*</label>
</td>
<td valign="top">
<input type="text" name="email" maxlength="80" size="30">
</td>
</tr>
<tr>
<td valign="top">
<label for="telephone">Broj telefona</label>
</td>
<td valign="top">
<input type="text" name="telephone" maxlength="30" size="30">
</td>
</tr>
<tr>
<td valign="top">
<label for="comments">Tekst*</label>
</td>
<td valign="top">
<textarea name="comments" maxlength="1000" cols="25" rows="6"></textarea>
</td>
</tr>
<tr>
<td colspan="2" style="text-align:center">
<input type="submit" value="Po&scaron;alji">
<a href="http:///"> vratite se na predhodnu stranu</a>
</td>
</tr>
</table>
</div>
</form>
</div>
</body>

</html>

Odgovor na temu

plus_minus

Član broj: 289459
Poruke: 2242
*.dynamic.isp.telekom.rs.

Sajt: https://hardcoder.xyz

+2247 Profil

Re: Kako da npravim konstrukciju sa DIV tagovima

^{12.11.2013. u 21:54 - pre 126 meseci}

Probaj da obmotaš taj html u es bb code tagove (sa leve strane ćeš ih naći).
Kad obmotaš na klik, onda prepravi početni code tag u code:html a završni ostavi takav kakav je.

Ovako nekako..

Code (html):

<!DOCTYPE html>

<html> 

<!-- itd, itd. --> 

<head> <!-- itd, idt. --> </head>

<body> <!-- itd, idt. --> </body> 

</html>

Isto to kasnije možeš i za php i js a i ostalim jezicima.

Što se tog koda tiče, ove paragrafe, možeš da u css-u uradiš ovako, umesto svih nadžidžanih p elemenata,
unutrašnjim odstupanjem samog form elementa.

Code:

form {
padding-top: 50px; /* Izmeri sam koliko ti treba */
}

Između ostalog, ovo zaboravi da postoji kao opcija, bez obzira što postoji » <center> </center> ...
stavi ovako..

Code:

div.table {
text-align:center;
}

Dalje, za svaki element, bio on u sklopu tabele ili ne, praktikuj isključivo css.
Prilepi klase td i tr elementima. Zapravo svakom elementu.
Od svih atributa u sklopu samih tagova, svi koji nisu vezani za box model, dakle boje, pozicioniranje, itd.. trebaju biti prisutni.
Koliki broj atributa, to zavisi od kompleksnosti same boletove aplikacije.
Svi ostali atributi - css.

npr.

Code:

table.bTable {
border-collapse: collapse;
text-align: center;
width: 450px;
height: auto;
}

td.tdClass {
vertical-align: top;
}

..

a u html ostaje samo ...

Code (html):

<table class="bTable">

<tr>

<td class="tdClass">

<label for="first_name">Ime *</label>

</td>

<!-- itd, itd .. -->

Dakle, mnogo trebaš da čitaš.
Pritom, dok čitaš to što čitaš, primere i primere,
upaljen ti je tekstualni editor u pozadini i samo primenjuj.

Tekstualnih, gotovih primera NA TONE i QUAD-TONE imaš što na elitesecurity,
što na još 300.000 lokacija.

Evo ti jedna, taman za tebe u tom stadijumu, koja je jedino za css dobra i za ništa više.
w3schools.com/

about:networking

Odgovor na temu