Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Mobile.de ofera imprumut de bani ...

problema test grila

Digi24 a disparut de pe TV Lg

Drept de proprietate intelectuala...
 Jante noi shitbox

Trinitas TV 4K

Dacia 1316 cu 6 usi ...

Frecventa modificata radio
 Un nou pericol pt batrani

Ar trebuii sa vindem imobiliarele...

Dupa renuntarea la aparat dentar

pelerinaj in Balcik
 Noul format Jpegli iși propu...

Dade, dade

Probleme accesare nr test telefon

Parola la lock screen
 

asezare CSS

- - - - -
Last Updated: Jan 03 2010 02:12, Started by raduhulubas , Dec 27 2009 17:35  
  ·  
  • Please log in to reply
10 replies to this topic

#1
raduhulubas
Posted 27 December 2009 - 17:35

raduhulubas

    Member

  • Grup: Members
  • Posts: 279
  • Înscris: 24.02.2008
Salut
Ma intereseaza sa fac acest header -
[ http://zoomitflash.net/sample.jpg - Pentru incarcare in pagina (embed) Click aici ].
Deocamdata sunt aici - http://raduhulubas.net/wordpress/

Problema 1:
Nu stiu cum sa pun gradientul din stanga sus - l-as fi pus ca o imagine pe background la body dar am folosit deja pt reteat - background: #0c0c0A url(images/bg.png) repeat-x top left; color: #434343;

Problema 2:
este o linie cu gradient deasupra la content dar fiindca div-ul content are width 960 iar imaginea cu linia e de 968 se taie in dreapta.

Putin ajutor ar fi apreciat :(
Multumesc


Codul meu CSS:
body {
	text-align: left;
	
	background: #0c0c0A url(images/bg.png) repeat-x top left; color: #434343;
	color:#999999;
}
h12 {
	
	text-align: right;
	
	font-size: 40px;
	color:#FFFFFF;
}
h4 {
	
	text-align: left;
	margin-left:10px;
	font-size: 8px;
	color:#FFFFFF;
}
h5{
	
	text-align: left;
	margin-left:10px;
	font-size: 12px;
	color:#999999;
}
h1{
display: inline;
text-decoration:none;   font-weight:bold;
margin-left:10px;
margin-right:0px auto;
	background: #FFFFFF;
	text-align: left;
	font:arial;
	font-size: 25px;
	color:#000000;
	padding: 4px 4px 4px 4px;
	border: 0px auto;
	
}
img.banner
{

margin: 10px 10px 10px 10px;
}

#navmenu ul {margin: 0; padding: 0; 
	list-style-type: none; list-style-image: none; }
#navmenu li {display: inline;  }
#navmenu ul li a {text-decoration:none;  margin: 4px; font-weight:bold;
	padding: 4px 4px 4px 4px; color: #807768;
	}
#navmenu ul li a:hover {color: #000000;
	background: #FFFFFF; }

#wrapper {
	display: block; 
   
	width:960px; 
	margin:0px auto;
}

#header {
   
	margin:0px auto;
	margin-right:0px;
	text-align:right;
}

#content {
	margin-top: 100px;
	 
	width: 960px;
	background: #161616 url(images/linegradient.jpg) no-repeat;
  
   
}

#sidebar {
	width: 430px;
	border: 10px;
	float: right;
}



#footer {
	border: 10px;
	background: #000000;
	
}

.title {
	font-size: 11pt;
	font-family: verdana;
	font-weight: bold;
}

Edited by raduhulubas, 27 December 2009 - 17:36.

#2
MembruAnonim
Posted 28 December 2009 - 10:50

MembruAnonim

    MembruAnonim

  • Grup: Banned
  • Posts: 398,284
  • Înscris: 08.10.2015
Fie pui bg și la html, fie mai faci un div în care pui tot site-ul.

#3
raduhulubas
Posted 28 December 2009 - 18:16

raduhulubas

    Member

  • Grup: Members
  • Posts: 279
  • Înscris: 24.02.2008
ok am bagat poza aia in stanga  sus folosind - <img class="gradient" src="<?php bloginfo('template_directory'); ?>/images/gradiente.png"/> inainte de header
si la css am bagat 
img.gradient
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 0px auto;
float:left;
z-index:1;
}
http://raduhulubas.net/wordpress

dar nu sta lipita de colt :(

#4
raduhulubas
Posted 29 December 2009 - 17:12

raduhulubas

    Member

  • Grup: Members
  • Posts: 279
  • Înscris: 24.02.2008
are cineva vreun sfat cum s-o sa se lipeasca de colt :-s ?

#5
sergiu_spooky
Posted 29 December 2009 - 17:43

sergiu_spooky

    Senior Member

  • Grup: Senior Members
  • Posts: 3,738
  • Înscris: 23.06.2006
body, html {
   margin: 0;
   padding: 0;
}

#6
MembruAnonim
Posted 29 December 2009 - 17:50

MembruAnonim

    MembruAnonim

  • Grup: Banned
  • Posts: 398,284
  • Înscris: 08.10.2015
Sau mai bine folosește un CSS reset :)

Edited by i0nutzb, 29 December 2009 - 18:02.

#7
raduhulubas
Posted 30 December 2009 - 01:11

raduhulubas

    Member

  • Grup: Members
  • Posts: 279
  • Înscris: 24.02.2008

View Postsergiu_spooky, on 29th December 2009, 17:43, said:

body, html {
   margin: 0;
   padding: 0;
}
multumesc mult sergiu, arata mai bine acum
am pus si linia aia gradient :D
http://raduhulubas.net/wordpress/

o sa-mi foloseasca sigur si CSS Reset, multumesc

inca o intrebare daca se mai poate - cum scot mesajul ala de la roll over pe butoane ( de exemplu: tineti 2 sec pe ABOUT US o sa apara o casuta de titlu care scrie ABOUT US :( ) ?

Edited by raduhulubas, 30 December 2009 - 01:11.

#8
MembruAnonim
Posted 30 December 2009 - 13:57

MembruAnonim

    MembruAnonim

  • Grup: Banned
  • Posts: 398,284
  • Înscris: 08.10.2015
Nu mai pui title la linkuri

#9
raduhulubas
Posted 31 December 2009 - 18:55

raduhulubas

    Member

  • Grup: Members
  • Posts: 279
  • Înscris: 24.02.2008

View Posti0nutzb, on 30th December 2009, 13:57, said:

Nu mai pui title la linkuri
corect dar folosesc wordpress si folosesc funtia 
<div id="navmenu">
		<ul>
		<?php wp_list_pages('title_li='); ?>
		<li><a href="<?php bloginfo('url'); ?>" <?php echo (is_home() ? "class='current'" : "");?>>BLOG</a></li>
		</ul></div>
care returneaza si titlurile :(
o sa caut o functie care sa elimine titlurile daca alt mod nu este.

Edited by raduhulubas, 31 December 2009 - 18:55.

#10
MembruAnonim
Posted 01 January 2010 - 22:34

MembruAnonim

    MembruAnonim

  • Grup: Banned
  • Posts: 398,284
  • Înscris: 08.10.2015
Pentru că tot ai jQuery încărcat, adaugă în footer.php, chiar înainte de </body>:

<script type="text/javascript" charset="utf-8">
/* <![CDATA[ */
	jQuery('#navmenu a').removeAttr('title');
/* ]]> */
</script>

#11
raduhulubas
Posted 03 January 2010 - 02:12

raduhulubas

    Member

  • Grup: Members
  • Posts: 279
  • Înscris: 24.02.2008

View Posti0nutzb, on 1st January 2010, 22:34, said:

Pentru că tot ai jQuery încărcat, adaugă în footer.php, chiar înainte de </body>:

<script type="text/javascript" charset="utf-8">
/* <![CDATA[ */
	jQuery('#navmenu a').removeAttr('title');
/* ]]> */
</script>
vad ca stii si wordpress :D esti tare
merci de raspuns

Edited by raduhulubas, 03 January 2010 - 02:12.

Anunturi

Chirurgia cranio-cerebrală minim invazivă Chirurgia cranio-cerebrală minim invazivă

Tehnicile minim invazive impun utilizarea unei tehnologii ultramoderne.

Endoscoapele operatorii de diverse tipuri, microscopul operator dedicat, neuronavigația, neuroelectrofiziologia, tehnicile avansate de anestezie, chirurgia cu pacientul treaz reprezintă armamentarium fără de care neurochirurgia prin "gaura cheii" nu ar fi posibilă. Folosind tehnicile de mai sus, tratăm un spectru larg de patologii cranio-cerebrale.

www.neurohope.ro
Back to Markup Languages

▶ 0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

  1. Forumul Softpedia
  2. → Professional Zone
  3. → Programming
  4. → Markup Languages
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