Pereiti prie turinio

Html/CSS Problema

edvinas112

Sukūrė edvinas112
Programuotojų kampas

 Dalintis Sekėjai 1

Rekomenduojami pranešimai

edvinas112

edvinas112 234

Sukurta
Sukurta

Galbūt Jums ir lengvas klausimas, bet man dizainą nupaišė labai didelios rezoliucijos. Pradėjau koduoti html/css ir man header'is nurodžius nuotraukos pixelius pagal 16 colių įstrižainę tik pusė matosi. Kaip man padaryti, kad Headerį visą atvaizduotų? :)

Nuoroda į pranešimą
Dalintis kituose puslapiuose
Imago

Imago 25

Atrašyta
Atrašyta (redaguota)

Siūlyčiau naudoti boostraps jeigu dar nenaudoji.

 

Priklausomai nuo projekto, jis gali visiskai netikti. Reiktu moketi pasirinkti, kas tinka pagal reikalavimus.

 

 

 

O atsakyti i klausima, viskas priklauso nuo tavo headerio ir bendro dizaino.

Vienas variantas butu:

<html>
   <head></head>
   <style>
        img {
           width:100%; 
           height: auto;
       }
   </style>
   <body>
       <img src="pic.jpg"/>
   </body>
</html>

 

Siuo budu paveiksliukas prisitaikys prie ekrano dydzio.

Redagavo Imago
Nuoroda į pranešimą
Dalintis kituose puslapiuose
edvinas112

edvinas112 234

Atrašyta
  • Autorius
Atrašyta

Priklausomai nuo projekto, jis gali visiskai netikti. Reiktu moketi pasirinkti, kas tinka pagal reikalavimus.

 

 

 

O atsakyti i klausima, viskas priklauso nuo tavo headerio ir bendro dizaino.

Vienas variantas butu:

<html>
   <head></head>
   <style>
        img {
           width:100%; 
           height: auto;
       }
   </style>
   <body>
       <img src="pic.jpg"/>
   </body>
</html>

 

Siuo budu paveiksliukas prisitaikys prie ekrano dydzio.

 

 

Ačiū! Padėjai :)

 

Siūlyčiau naudoti boostraps jeigu dar nenaudoji.

 

Tikrai išbandysiu ir pasinagrinėsiu. ačiū už patarimą :)

Nuoroda į pranešimą
Dalintis kituose puslapiuose
edvinas112

edvinas112 234

Atrašyta
  • Autorius
Atrašyta

Priklausomai nuo projekto, jis gali visiskai netikti. Reiktu moketi pasirinkti, kas tinka pagal reikalavimus.

 

 

 

O atsakyti i klausima, viskas priklauso nuo tavo headerio ir bendro dizaino.

Vienas variantas butu:

<html>
   <head></head>
   <style>
        img {
           width:100%; 
           height: auto;
       }
   </style>
   <body>
       <img src="pic.jpg"/>
   </body>
</html>

 

Siuo budu paveiksliukas prisitaikys prie ekrano dydzio.

 

Galbūt padėsi ties šituo klausimu dar. Kaip man geriau padaryti, kad "Bendravimas atsirastų toje vietoje. Nors aš visa kodą rašau pilkoje vietoje. <div clas='informacija'></div> bet man vistiek apačioje atvaizduoja.

 

post-55794-0-62431500-1411828142_thumb.png

 

 

 

HTML:

<div class='informacija'>
		<div class='apie_mus'>
			<img src='images/apie_mus.png'/>
				<br>
					<br>
						<p style='font-family: Myriad Pro; font-size: 21px;'>APIE MUS
						</p>
							<p style='font-family: Myriad Pro;font-size: 15px; color: #767c7e'>Mes esame patys  POPULIARIAUSI visoje<br> Lietuvoje. Mūsų rekordas - 270<br> prisijungusių vartotojų. Mes gyvuojame<br> nuo 2013 metų 
							</p>

		</div>

		<div class='bendravimas'>
			<img src='images/bendravimas.png'/>
				<br>
					<br>	
						<p style='font-family: Myriad Pro; font-size: 21px;'>BENDRAVIMAS
						</p>
							<p style='font-family: Myriad Pro;font-size: 15px; color: #767c7e'>Tik pas mus yra neeilinis bendravimas, be<br> galo draugiški lankytojai, bei žinoma visada<br> paslaugi administracija! Užsuk, ir įsitikink<br> tuo pats!
							</p>

		</div>
	</div>

 

CSS:

.informacija {
background-color: #e7e7e7;
height: 200px;
width: 100%;

}

.apie_mus img{
float: left;
margin-top: 70px;
margin-left: 250px;
}


.apie_mus p {
margin-left: 350px;
}

.bendravimas img {
float: left;
margin-left: 700px;




}

Nuoroda į pranešimą
Dalintis kituose puslapiuose
lunaticas

lunaticas 1

Atrašyta
Atrašyta 

.informacija {
background-color: #e7e7e7;
height: 200px;
width: 100%;

}
.wrapper {
 width: 960px;
 margin:auto;
}
.apie_mus {
 float:left;
}

.bendravimas {
float: left;


}


<div class='informacija'>
<div class='wrapper'>
                       <div class='apie_mus'>
                               <img src='images/apie_mus.png'/>
                                       <br>
                                               <br>
                                                       <p style='font-family: Myriad Pro; font-size: 21px;'>APIE MUS
                                                       </p>
                                                               <p style='font-family: Myriad Pro;font-size: 15px; color: #767c7e'>Mes esame patys  POPULIARIAUSI visoje<br> Lietuvoje. Mūsų rekordas - 270<br> prisijungusių vartotojų. Mes gyvuojame<br> nuo 2013 metų 
                                                               </p>

                       </div>

                       <div class='bendravimas'>
                               <img src='images/bendravimas.png'/>
                                       <br>
                                               <br>    
                                                       <p style='font-family: Myriad Pro; font-size: 21px;'>BENDRAVIMAS
                                                       </p>
                                                               <p style='font-family: Myriad Pro;font-size: 15px; color: #767c7e'>Tik pas mus yra neeilinis bendravimas, be<br> galo draugiški lankytojai, bei žinoma visada<br> paslaugi administracija! Užsuk, ir įsitikink<br> tuo pats!
                                                               </p>

                       </div>
     </div>

</div>

Nuoroda į pranešimą
Dalintis kituose puslapiuose
edvinas112

edvinas112 234

Atrašyta
  • Autorius
Atrašyta 

.informacija {
background-color: #e7e7e7;
height: 200px;
width: 100%;

}
.wrapper {
 width: 960px;
 margin:auto;
}
.apie_mus {
 float:left;
}

.bendravimas {
float: left;


}


<div class='informacija'>
<div class='wrapper'>
                       <div class='apie_mus'>
                               <img src='images/apie_mus.png'/>
                                       <br>
                                               <br>
                                                       <p style='font-family: Myriad Pro; font-size: 21px;'>APIE MUS
                                                       </p>
                                                               <p style='font-family: Myriad Pro;font-size: 15px; color: #767c7e'>Mes esame patys  POPULIARIAUSI visoje<br> Lietuvoje. Mūsų rekordas - 270<br> prisijungusių vartotojų. Mes gyvuojame<br> nuo 2013 metų 
                                                               </p>

                       </div>

                       <div class='bendravimas'>
                               <img src='images/bendravimas.png'/>
                                       <br>
                                               <br>    
                                                       <p style='font-family: Myriad Pro; font-size: 21px;'>BENDRAVIMAS
                                                       </p>
                                                               <p style='font-family: Myriad Pro;font-size: 15px; color: #767c7e'>Tik pas mus yra neeilinis bendravimas, be<br> galo draugiški lankytojai, bei žinoma visada<br> paslaugi administracija! Užsuk, ir įsitikink<br> tuo pats!
                                                               </p>

                       </div>
     </div>

</div>

 

Ačiū labai!

Nuoroda į pranešimą
Dalintis kituose puslapiuose

Prisijunkite prie diskusijos

Jūs galite rašyti dabar, o registruotis vėliau. Jeigu turite paskyrą, prisijunkite dabar, kad rašytumėte iš savo paskyros.

Svečias
Parašykite atsakymą...

×   Įdėta kaip raiškusis tekstas.   Atkurti formatavimą

  Only 75 emoji are allowed.

×   Nuorodos turinys įdėtas automatiškai.   Rodyti kaip įprastą nuorodą

×   Jūsų anksčiau įrašytas turinys buvo atkurtas.   Išvalyti redaktorių

×   You cannot paste images directly. Upload or insert images from URL.

Įkraunama...
×
 Dalintis
Sekėjai 1
Eiti į temų sąrašą

  • Dabar naršo   0 narių

    Nei vienas registruotas narys šiuo metu nežiūri šio puslapio.

  • Prisijunk prie bendruomenės dabar!

    Uždarbis.lt nariai domisi verslo, IT ir asmeninio tobulėjimo temomis, kartu sprendžia problemas, dalinasi žiniomis ir idėjomis, sutinka būsimus verslo partnerius ir dalyvauja gyvuose susitikimuose.

    Užsiregistruok dabar ir galėsi:

    ✔️ Dalyvauti diskusijose;

    ✔️ Kurti naujas temas;

    ✔️ Rašyti atsakymus;

    ✔️ Vertinti kitų žmonių pranešimus;

    ✔️ Susisiekti su bet kuriuo nariu asmeniškai;

    ✔️ Naudotis tamsia dizaino versija;

    ir dar daugiau.

    Registracija trunka ~30 sek. ir yra visiškai nemokama.

  • Naujausios temos

  • Karštos temos

×
×
  • Pasirinkite naujai kuriamo turinio tipą...