[ bolepks @ 12.11.2013. 11:40 ] @
znam da postoje

<div id="">
<div class="">

da li je ispravno
<div id="okvir cele strane">
<div class="meni">

.......
[ plus_minus @ 12.11.2013. 11:53 ] @
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.
[ bolepks @ 12.11.2013. 12:20 ] @
Hvala. Kako bi sada postavio <form> za css
[ plus_minus @ 12.11.2013. 12:59 ] @
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
[ bolepks @ 12.11.2013. 19:23 ] @
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>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</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>
[ plus_minus @ 12.11.2013. 21:54 ] @
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/