Peršokti į turinį
  • ŽAIDIMAI
  • , ŽAIDIMAI
  • ŽAIDIMAI

[Pagalbos] Dėl image pozicijų

NeRlz

Parašė NeRlz
forume HTML / HTML5

 Pasidalinti

Ši tema yra neaktyvi. Paskutinis pranešimas šioje temoje buvo prieš 4150 dienas (-ų). Patariame sukurti naują temą, o ne rašyti naują pranešimą.

Už neaktyvių temų prikėlimą galite sulaukti įspėjimo ir pranešimo pašalinimo!

Recommended Posts

NeRlz Dalyvis (-ė)

NeRlz

(redaguota)

Ką ir vėl sveiki, bei aišku, jog vėl prašau jūsų pagalbos (gal būt aš čia vienas toks HTML sritį aktyviauses :D), tai visgi dar kyla problemų su tuo pačiu ne savo kurtu HTML dizainu. Šį kartą beveik tas pats kaip ir praeitą ir vėl neina keisti pozicijų. Vienu žodžiu bandau naujienų (pavadinimo) langą paversti žemiau su komandomis:
 

margin-top: -20 (neveikia)
margin-bottom: 20 (neveikia)
top: -20 (neveikia)
bottom: -20 (irgi neveikia

 
Problema tame, jog parašius man šias komandas į .css failą, tai pagal idėja langas turėtų pasislinkti 20px į apačia, bet tas neįvyksta, o dažniausiai pasislenka pats pavadinimo langas su turinio langu.
 
Čia , kad būt aiškiau foto kaip viskas turėtų atrodyti, ir kaip atrodo.
 
0649ad88370f709917fa71f7fce3e0d229.png
 
 
Be to, jeigu galite padėkit ir su nuoroda, ką irgi matot paveikslėlyje.
Gerai kodai visi čia:
 
HTML:

<!DOCTYPE html>
<html>
<head>
<title>LOSANGELES.LT - Los Angel Gyvenimas Tau!</title>
<link rel="stylesheet" type="text/css" href="Style.css" />
</head>
<!--
	Dizainas idėja: GReddy.
	Dizaino kodas: Žukas.
-->
<body>
	<div id="logotipas"></div>
			<div id="navig">
				<div class="linkai">
					<ul>
						<li><a href="#">PAGRINDINIS</a></li>
						<li><a href="#">FORUMAS</a></li>
						<li><a href="#">PASLAUGOS</a></li>
						<li><a href="#">APIE MUS</a></li>
						<li><a href="#">KONTAKTAI</a></li>
					</ul>
				</div>
			</div>
				<div id="naujiena">
					<div class="pavadinimas">
						<a>Naujiena 2013.16.24</a>
					</div>
				</div>
					
		
</body>
</html> 

 

CSS 

body{
background-image:url(images/bg.png);
background-repeat:no-repeat;
}
	
	#logotipas {
	background-image:url(images/logo.png);
	background-repeat:no-repeat;
	margin-left:325px;
	position:top;
	width:803px;
	height:316px;
	}

	#navig {
	background-image:url(images/navig.png);
	background-repeat:no-repeat;
	position:relative;
	margin-left:290px;
	margin-top: -100px;
	width: 542px;
	height:20px;
	}
	
#navig a {
color:#aeaeae;
text-decoration:none;
font-weight:bold;
font-family:myriad pro;
font-size:12px;
}

#navig a:visited {
color:#e5e5e5;
text-decoration:none;
font-weight:semibold;
}

#navig a:hover {
color:#515151;
text-decoration:none;
font-weight:bold;
}

.linkai {
position:absolute;
top:-16px;
left:-47px
}

.linkai li {
margin: 15px 20px 10px 23px;
list-style-type:none;
margin:none;
display:inline;
}

	#naujiena {
	background-image:url(images/nlang.png);
	width:545px;
	height:241px;
	margin-left:290px;
	margin-top:10px;
	}

.pavadinimas {
background-image: url(images/npav.png);
width:529px;
height:29px;
margin-left:8px;
margin-top:20px;
bottom:2px;
}

.pavadinimas a {
color:white;
text-decoration:none;
font-family:arial;
font-size:12px;
margin-left:50px;
position:absolute;
bottom:14px;
}
 

Redaguota , nario Žukas.
NeRlz Dalyvis (-ė)

NeRlz

  • Autorius

 

Maybe this will work:

 

.pavadinimas {
    background-image: url(images/npav.png);
    width: 529px;
    height: 29px;
    position: relative;
    top: 20px;
    left: 8px;
}

 

Yea, this work :D Ačiū labai.

 

 

Kodas spėju išvis baisus :D

 

Mhm... Kodą pateikiau tiek HTML tiek CSS. Bet anyway aš žinau pats, jog jis baisus ir dėl to pats niekam neprieštarauju, kaip pasakyt, nesu toks specas kuris kodą gali padaryti profesonalų, aš dar tik mokinys ir mokinuosi iš to ką moku. Bet ačiū už pastebėjimą, kitą kartą pasistengsiu geriau :)

Ši tema yra neaktyvi. Paskutinis pranešimas šioje temoje buvo prieš 4150 dienas (-ų). Patariame sukurti naują temą, o ne rašyti naują pranešimą.

Už neaktyvių temų prikėlimą galite sulaukti įspėjimo ir pranešimo pašalinimo!

Prisijungti prie diskusijos

Palikti atsakymą galite iš karto, o užsiregistruoti vėliau. Jeigu jau turite paskyrą mūsų forume, Prisijunkite.

Svečias
Atsakyti šioje temoje...

×   Įklijuotas tekstas turi teksto formatavimą.   Pašalinti teksto formatavimą

  Galimi tik 75 veidukai.

×   Nuoroda buvo automatiškai įterpta.   Įterpti nuorodą paprastai

×   Jūsų ankstesnis pranešimas buvo atkurtas.   Išvalyti redaktorių

×   Jūs negalite įkelti nuotraukas tiesiogiai.Įkelkite arba įdėkite nuotraukas iš URL.

×
 Pasidalinti
Eiti į

  • Šiame puslapyje naršo:   0 nariai

    • Nėra registruotų narių peržiūrinčių šį forumą.

Skelbimai


×
×
  • Sukurti naują...