Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Descarcator de supratensiune tip 2

Reparare "șanțuri&#...

De ce i se zice Mariei "Stapa...

Colet valoare Londra București
 BMW seria 3 rulat vs SsangYong Ko...

Share abonament Netflix

Cum pot sa fac rost de un negativ...

Lant Bicicleta
 Un designer artist: Raymond Loewy

ATS din contactor modular

Parere apartament ~150k

Limitare la 100mb/s
 Altercație

Cartonașe și stickere t...

Ciobanesc german - zgarda electro...

Ce este instalatia asta? (Valea B...
 

Cod css pe care nu il inteleg

- - - - -
  • Please log in to reply
5 replies to this topic

#1
zelphp

zelphp

    Junior Member

  • Grup: Members
  • Posts: 70
  • Înscris: 09.02.2010
body { background-color:#E0E0E0;
	 }

#menu {  position:relative;
			vertical-align:middle;
			background-color:#000000;
			color:#FFFFFF;
			margin-left:5%;
			margin-right:5%;
			margin-top:2%;
			margin-bottom:1%;
			height:2.5em;
			width:90%;
			padding-bottom:1%;
			border-width:thin;
			border-color:black;
			border-style:solid;	
			font-size:x-large;
			overflow:visible;}

#menu ul{
			margin-top: 0.8em;
			overflow:visible;
			}

#menu ul li{
			display: inline;
			margin-left:2%;
			margin-right:2%;
			}
			
#menu a:link{
			color: white;
			font-family: sans-serif;
			font-size:x-large;
			text-decoration:none;
			}
#menu a:visited{
			color:white;
			font-family: sans-serif;
			font-size:x-large;
			text-decoration:none;
			}
#menu a:hover{
			text-decoration:underline;
			}
			
.menuleft{
	position:fixed;
	background-color:#E0E0E0;
	float:left;
	margin-left:5%;
	margin-right:3%;
	margin-top:3%;
	padding:0em;
	width:15%;
	display:inline;
	overflow:visible;
	}

	
.menuleft a{
	display:block;
	background-color:white;
	color:black;
	text-decoration:none;
	padding:5px 10px;
	margin:0 0 6px;
	overflow:visible;
	}

.menuleft a:hover{
	background-color:black;
	color:white;
	text-decoration:none;
	}

#text{	
			position:absolute;
			text-align:left;
			background-color:#FFFFFF;
			color:#000000;
			margin-left:23%;
			margin-right:5%;
			margin-top:3%;
			margin-bottom:3%;
			width:60%;
			border-color:black;
			border-style:solid;
			padding-bottom:2%;
			padding-left:5%;
			padding-right:5%;
			padding-top:2%;
			padding-bottom:2%;
			font-family:sans-serif;
			float:right;
		}
		
#text a:link{
			color:black;
			text-decoration:underline;
			font-style:italic;
			}
#text a:visited{
			font-style:italic;
			color:black;
			text-decoration:underline;
			}
#text a:hover{
			color:#C9C9C9;
			text-decoration:underline;
			}
			
#text h2{
			margin-left:-3%;
			}
			
#text h3{
			margin-left:-3%;
			margin-top: 6%;
			}
			


#text li{
	margin-top:0.5em;
}	
.menuleft a.link-active{(active???asta este un css selector?)
	border-style:thin;
	border-width:1px;
	}

.menuleft a.link-level2{(nu inteleg ce e cu link-level2)
	margin-left:8%;
	}
	
.menuleft a.link-level2-active{(nu inteleg nici aici ce e cu level2-active)
	margin-left:8%;
	border-style:solid;
	border-width:1px;
	}

a.uploaded{(nu e definit nicaieri in html asta, cel putin eu nu am vazut)
	text-decoration:none;
	color:#E31F1F;
	}
Daca se poate pun si linkul catre site, nu e nimic genial, doar ca e mai simplu ca si aspect vizual si mai usor de digerat.  Scopul acestul post nu e de a aduce vizitatori spre site, ci de a intelege acel cod css. Sa nu intelegeti gresit, multumesc.
Ps:scuze pentru codul kilometric,  la sfarsit sunt comentate in paranteza ce nu inteleg.

Edited by zelphp, 08 April 2010 - 14:45.


#2
senoctar

senoctar

    Member

  • Grup: Members
  • Posts: 733
  • Înscris: 01.07.2006
Toate cele indicate de tine sunt clase si atat.
Spre exemplu ".menuleft a.link-level2" se aplica la ceva de genul :
<div class="menuleft">
  ...
  <a class="link-level2">blabla</a>
  ...
</div>
Adica nu sunt constructii speciale de css cum sunt starile :hover sau altceva, sunt pur si simplu clase. Daca nu gasesti in html nu inseamna ca este gresit CSS-ul, poate este in alta pagina sau se adauga dinamic.

Edited by senoctar, 08 April 2010 - 14:50.


#3
unu

unu

    Active Member

  • Grup: Members
  • Posts: 1,564
  • Înscris: 05.11.2005

Quote

.menuleft a.link-active{(active???asta este un css selector?)
.menuleft a.link-level2{(nu inteleg ce e cu link-level2)  
.menuleft a.link-level2-active{(nu inteleg nici aici ce e cu level2-active)
toate asta-s clase la cum le-ai scris acolo, nu selectori.
selectori ar fi:
.menuleft a.link:active{ ...  }

Quote

a.uploaded{(nu e definit nicaieri in html asta, cel putin eu nu am vazut)
probabil ca e adaugat dinamic, cu javascript dupa ce s-a incarcat pagina, sau ajax etc..

#4
OriginalCopy

OriginalCopy

    I'm harmful, fear me please! :))

  • Grup: Senior Members
  • Posts: 27,268
  • Înscris: 10.08.2006
Si clasele tot selectori sunt.

#5
zelphp

zelphp

    Junior Member

  • Grup: Members
  • Posts: 70
  • Înscris: 09.02.2010
https://www.pipsfrank.de/
Acesta este site-ul, nu are Javascript, Ajax sau altceva. Va asigur, site-ul nu e warez sau ceva, vad ca are probleme cu certificatul ssl, insa nu va speriati. Sa nu intelegeti gresit, nu vreau sa-i fac publicitate sau ceva, pur si simplu vreau sa inteleg. Voi vedeti undeva definit codul pentru a.link-level2?Sau poate e pus acolo doar pentru a fi folosit si in alte pagini, ma refer altele decat acest site, vad ca daca le sterg, aspectul site-ului nu se schimba deloc. (lucrez cu o copie offline a site-ului).

#6
boghy933

boghy933

    Member

  • Grup: Members
  • Posts: 702
  • Înscris: 16.10.2009
uite aici este linlk-level2 https://www.pipsfran...al/pictures.php
daca deschizi meniul ala din stanga, lista de link-uri care iti apare area clasa asta

Edited by boghy933, 11 April 2010 - 14:18.


Anunturi

Second Opinion Second Opinion

Folosind serviciul second opinion ne puteți trimite RMN-uri, CT -uri, angiografii, fișiere .pdf, documente medicale.

Astfel vă vom putea da o opinie neurochirurgicală, fără ca aceasta să poată înlocui un consult de specialitate. Răspunsurile vor fi date prin e-mail în cel mai scurt timp posibil (de obicei în mai putin de 24 de ore, dar nu mai mult de 48 de ore). Second opinion – Neurohope este un serviciu gratuit.

www.neurohope.ro

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

Forumul Softpedia foloseste "cookies" pentru a imbunatati experienta utilizatorilor Accept
Pentru detalii si optiuni legate de cookies si datele personale, consultati Politica de utilizare cookies si Politica de confidentialitate