Pereiti prie turinio

HTML/PHP/CSS Klausimai.

Spyware

Sukūrė Spyware
Programuotojų kampas

 Dalintis Sekėjai 0

Rekomenduojami pranešimai

Spyware

Spyware 4

Sukurta
Sukurta

Sveiki :lol: ,

Pradėjau banyti koduoti tokį dizainą ir bandau padaryti šitaip (foto 1).

 

 

Tai man dabar tas box'as yra viduryje, bet tekstas mano yra išėjas iš bux'o ir yra ant tos dežutės (Fone).

 

Index.php kodas :

 

<?php
	echo "<center><div id='visas'>
	<div id='virsus'></div>
	</div>
	</div></center>";


?>

 

style.css :

 

body {
background: #262627;
text-decoration: none;
}

#visas{
background: #121313;
height: 100%;
width: 763px;

}

#virsus{
background-image: url("/image/virsus.jpg");
height: 14px;
width: 787px;
color: #FFF;
padding-top: 15px;
}

 

 

2) Box'e aš nurodžiau tik <center>/</center> tag'ą. Yra parpastesnis būdas naudojant css žymę ?

post-24793-1248888989_thumb.jpg

Nuoroda į pranešimą
Dalintis kituose puslapiuose
wicked

wicked 3.321

Atrašyta
Atrašyta

kažkaip labai tu čia įdomiai nori visą tai įgyvendinti. kam tau php čia reikalingas? kam <center>?

 

<html>
<link href="style.css" rel="stylesheet" type="text/css" />
<body>
<div id="wrap">
<div id="top">TEKSTAS TEKSTAS</div>
<div id="main"></div>
</div>
</body>
</html>

 

body {
background: #262627;
text-decoration: none;
}

#wrap {
height: 100%;
width: 700px;
margin: auto;
}

#top {
height: 14px;
background-color: #255255;
padding-top: 15px;
padding-left: 15px;
line-height: 6px;
}

#main {
height: 100%;
background-color: #234543;
}

 

aišku, galima ir praktiškiau tai įgyvendinti, čia tiesiog ant greito primečiau

Nuoroda į pranešimą
Dalintis kituose puslapiuose
Zigulinis

Zigulinis 6

Atrašyta
Atrašyta
Man rodos čia tik dviračio išradinėjimas iš naujo.

Paimk paprasta <table> ir be vargo padarysi ta kas nupešta paveiksliuke aišku su css pagalba

:lol:

Blogai. Reikia mokytis ir pratintis prie div'ais koduojamų puslapių. Table'ai skirti visiskai ne tam, kam dabar dažniausiai naudojami. Jų paskirtis yra atvaizduoti schemas, duomenis lentelėse, o ne struktūrizuoti dizainą. Naudokime daiktus pagal paskirtį.

Nuoroda į pranešimą
Dalintis kituose puslapiuose
Spyware

Spyware 4

Atrašyta
  • Autorius
Atrašyta

O tai žiūrėkite, jeigu aš koduoju dizainą, ir bandau padaryti PHP'o.

Tai ar ne taisiklingiau būtų daryti viską echo ""; ir įtepri scriptus tarp

<?php

 

?>

 

Tagų ar terpti kodą tarp html tagų pvz. :

<div id="kazkas">

<?php

echo "kodas";

?>

</div>

Tai kaip būtų taisiklingiau. ?

Nuoroda į pranešimą
Dalintis kituose puslapiuose
Spyware

Spyware 4

Atrašyta
  • Autorius
Atrašyta

Ačiū, žinosiu. turiu dar klausimų.

 

Kodą kurį pateikė bgspwnz style.css yra tokios eiltuės :

 

padding-top: 15px;

padding-left: 15px;

line-height: 6px;

 

ir

margin: auto;

Kam jos reikalingos, na matau ką jos daro bet prie ko čia padding left 15px nieko gi į kairę dėti nereikia.

 

Dar vienas klausimas.

Kam yra naudojami trys <div'ai> :

 

<div id="wrap">

<div id="top">TEKSTAS TEKSTAS</div>

<div id="main"></div>

</div>

 

o ne du ? būtų tas wrap ir top, kam dar vienas ?

Nuoroda į pranešimą
Dalintis kituose puslapiuose
wicked

wicked 3.321

Atrašyta
Atrašyta

http://cs.its.uiowa.edu/wts/images/css.gif

 

tos padding-top, ir padding-left eilutės atitraukia tekstą nuo viršaus ir nuo kairės. jei šitas eilutes ištrintum, pamatytum, kad TEKSTAS TEKSTAS bus prilipęs prie viršutiniojo kairio kampo :)

 

Bandau daryti linijas tokias ir ant jų tekstas (cellpicus) ir kaip su divais padaryti trumpą ir ilgą cellpicą vienoje linijoje ?

 

jei teisingai supratau, tai tokią struktūrą patogiausią būtų kurti su <ul>

Nuoroda į pranešimą
Dalintis kituose puslapiuose
  • Administratoriai
Arvydas

Arvydas 3.379

Atrašyta
  • Administratoriai
Atrašyta (redaguota)
http://cs.its.uiowa.edu/wts/images/css.gif

tos padding-top, ir padding-left eilutės atitraukia tekstą nuo viršaus ir nuo kairės. jei šitas eilutes ištrintum, pamatytum, kad TEKSTAS TEKSTAS bus prilipęs prie viršutiniojo kairio kampo :)

jei teisingai supratau, tai tokią struktūrą patogiausią būtų kurti su

    Pavyzdys geras, tačiau nepamiršime ir tų žmogystų (anot css karpytojų - žemės kirminų), kurie naudojasi tarkim IE6 ar neduok Dieve dar kokia senesne versija... IE naršyklės kiek kitaip interpretuoja padding ir margin reikšmes:

    box_model.gif

    Redagavo Arius
    Nuoroda į pranešimą
    Dalintis kituose puslapiuose
    Spyware

    Spyware 4

    Atrašyta
    • Autorius
    Atrašyta
    http://cs.its.uiowa.edu/wts/images/css.gif

     

    tos padding-top, ir padding-left eilutės atitraukia tekstą nuo viršaus ir nuo kairės. jei šitas eilutes ištrintum, pamatytum, kad TEKSTAS TEKSTAS bus prilipęs prie viršutiniojo kairio kampo :)

     

     

     

    jei teisingai supratau, tai tokią struktūrą patogiausią būtų kurti su <ul>

     

    Labaui ačiū, už labai vaizdingus atsakymus. :)

     

     

    Gal tu išstudijuok bent w3cschool prieš klausinėdamas forume.

    Atsprašau, kitą kartą taip ir padarysiu.

    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 0
    Eiti į temų sąrašą

    • Dabar naršo   0 narių

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

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