CSS header opakovanie

eror · Príspevok od používateľa **eror** » 24 jan 2013, 10:41

Hello mam header.png ktory ma sirka 150 vyska 150 Ako by vyzeral kod ktory by ten header.png opakoval na sirku od lavej strany az po pravu (je jedno aký siroký bude mať uz. monitor nech je header.png po celej obrazovke)

xolau

Kód: Vybrať všetko

#nieco alebo .nieco {
    background: url("cestakobrazku.png") repeat-x;
    height: 150px;
    width: 100%;
}

eror · Príspevok od používateľa **eror** » 24 jan 2013, 11:02

ok ok diky a este jedna malickost ked chcem do toho header.png dat od lava 450px. text Webstránka ako na to?

xolau

Kód: Vybrať všetko

<!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>Untitled Document</title>

<style type="text/css">
#lista {
		background: url(image.png) repeat-x;
		width: 100%;
		height: 150px;
}
#text {
		float: left;
		padding-left: 450px;
}
</style>

</head>
<body>

<div id="lista">
	<div id="text">
    	<strong>Webstránka</strong>
    </div>
</div>

</body>
</html>

eror · Príspevok od používateľa **eror** » 24 jan 2013, 12:23

thx a este otazka v style mám

Kód: Vybrať všetko

#textheader {
      float: left;
      padding-left: 30%;
      padding-top: 30px;
      color: #FFFFFF;
}

#textmenu {
      float: left;
      padding-left: 75%;
      padding-top: 15px;
      color: #FFFFFF;
}

v indexe

Kód: Vybrať všetko

<div id="header">
  <div id="textheader">
   <strong>Webstránka</strong>
   </div>


  <div id='textmenu'>
   <strong>Vitajte na webstránke dnes je 10.1.2012</strong>
  
</div>
 </div>

a to Vitajte na webstránke dnes je 10.1.2012 mám na svojom monitore pri konci a v 1. riadku a na segrinom (má mensi monitor) to má pod sebou (na 2 riadkoch) Ako to spraviť nech to je 75% od lavej strany pri akejkolvek velkosti monitora... ?

Daj odkaz živú ukážku.

eror · Príspevok od používateľa **eror** » 24 jan 2013, 12:43

robim to cez xamp cez lan siet...

Tak to hoď na nejaký free hosting.

xolau

Prečo to robíš tak divne, a vôbec čo chceš dosiahnuť?

eror · Príspevok od používateľa **eror** » 24 jan 2013, 15:05

xolau napísal:Prečo to robíš tak divne, a vôbec čo chceš dosiahnuť?

ok uz to mam posledna otazka ohladom css

Kód: Vybrať všetko

#menu {
        background: url("images/button.png") repeat-x;
        height: 94px;
        width: 50%;
        float: right;

index...

Kód: Vybrať všetko

<div id="menu"> bla
</div>

ked zadam do indexu medzi div id=menu trebars 5 odkazov tak nech sa vytvorí 5x button
teraz sa vytvorí do pol stránky button.png...

xolau

No preto lebo máš nastavený div#menu na width: 50% a repeat-x. Takže sa ti na 50% stránky opakuje obrázok button.png z lava doprava. Ak chceš aby mal každý button pozadie tak musíš nastaviť jemu priamo class a tam nastaviť.

Ak som zle pochopil tak sorry, inak sa to nedá pochopiť asi

dadko123456789

Ked si zaciatocnik tato stranka ti pomoze: http://www.w3schools.com/

dadko: Prečo neodkazuješ radšej na JPW?

dadko123456789

weroro napísal:dadko: Prečo neodkazuješ radšej na JPW?

Pretoze W3 schools tam ma viac tem

CSS header opakovanie

CSS header opakovanie

Re: CSS header opakovanie

Re: CSS header opakovanie

Re: CSS header opakovanie

Re: CSS header opakovanie

Re: CSS header opakovanie

Re: CSS header opakovanie

Re: CSS header opakovanie

Re: CSS header opakovanie

Re: CSS header opakovanie

Re: CSS header opakovanie

Re: CSS header opakovanie

Re: CSS header opakovanie

Re: CSS header opakovanie