WordPress, Shopify ir PHPFusion programuotojų bendruomenė

Temos pavadinimas: WordPress, Shopify ir PHPFusion programuotojų bendruomenė :: Html Pattio klausimai

Parašė Memento Mori· 2011 Bir. 11 18:06:39

Mano html klausimai

1.Sukeliu navigacijos paveikslėlius ,bet nežinau kaip padaryti tarpus tarp jų? [Atsakytas]

2.Matote ten tą skype paveikslėlį šone. Tai va jo kodas. Kokią nuorodą man reik įrašyti ,kad paspaudus išmestu mano skype? [Atsakytas]

<div id="skype">
					<a href="#"><img src="images/blank.gif" width="100" height="100" border="0" /></a>
		    </div>

Uploaded with ImageShack.us

3. Yra toksai kodas va kaip viskas atrodo ten yra užsakyti vip,admin,unban , o aš noriu ,kad po apačiau butu dar spec. ir mygtukas užsakyti nu maždaug su paintu nupiešiau gal kas galit paeditint kodą? [Atsakytas]

Uploaded with ImageShack.us

<tr>
		<td class="paslaugos">
			<div id="plotas2">
				<div id="uzrasas2">
 
					<span style="font-family:Tahoma;font-weight:bold;font-size:14px;color:#fff;">Paslaugos</span>
				</div>
					<div id="paslaugos" style="color:#fff;">
						<table>
							<tr align="center">
								<td>Admin</td>
								<td>VIP</td>
 
								<td>Unban</td>
							</tr>
							<tr>
								<td><a href="#" style="text-decoration:none; font-family: Tahoma;" onclick="window.open('http://amxbans.tophost.lt/sistema/admin/index.php','','width=500,height=200,scrollbars=yes');return false;" title="ADMIN Uzsakymas"><img src="images/IMG_uzsakyti.png" border="0" /></a></td>
								<td><a href="#" style="text-decoration:none; font-family: Tahoma;" onclick="window.open('http://amxbans.tophost.lt/sistema/vip/index.php','','width=500,height=200,scrollbars=yes');return false;" title="VIP Uzsakymas"><img src="images/IMG_uzsakyti.png" border="0" /></a></td>
								<td><a href="/unban.html"><img src="images/IMG_uzsakyti.png" border="0" /></a></td>
 
							</tr>
						</table>
 
					</div>
			</div>
		</td>
	</tr>

4.Tai va jau antra kart susiduriu su tokia problema tekstas ne vietoj noriu ,kad būtų šalia paveikslėlio [Atsakytas]

Uploaded with ImageShack.us

<div class="pagrindinis">
 
	<div class="naujiena_img">
 
 
    </div>
 
 
 
    <div class="naujiena">
    as esu
    </div>
 
    <div class="server">
 
    </div>
 
 
 
 
</div>

.pagrindinis {
height: 124px;
width: 608px;
background-color:#FFF;
margin-right:auto;
margin-left:auto;
}
 
.naujiena_img {
margin-top: 30px;
height: 124px;
width: 124px;
background-image:url(../images/naujiena.png)
}
 
 
.naujiena {
height:124px;
width: 484px;
float:right;
}

Redagavo Memento Mori· 2011 Rugs. 14 18:09:35

Parašė zilvenas· 2011 Bir. 11 18:06:13

Stumdyk.Su skaičiukais,juk yra style.css failiuke :)
margin: 2px 0px 0px 0px;

Parašė Donatas· 2011 Bir. 11 18:06:38

Arba padding keisk. ( Iš tiesų jau nebe pamenu nieko, senai kažką kodinau. )

Parašė Memento Mori· 2011 Bir. 11 19:06:46

Supranti aš juos padaręs esu į vieną bloką. O kaip su margin darau per stlyle.css tada visas tas blokas pasislenka ,o ne vienas nuo kito. Tai vienintelė išeitis daryti kiekvienam meniu punktui po atskira bloka?

Parašė Donatas· 2011 Bir. 11 19:06:33

Tai taip ir reikia daryti. :)

Parašė IPaulius· 2011 Bir. 11 19:06:19

Darai vieną div containerį pavadinimu meniu_container. Jis turi būti tokio dydžio kaip tu nori ,kad būtų visas meniu tik šiek tiek didesnis, keliais pixeliais. Tuomet dedi į jį visą šį paveiksliuką. Ir tuomet sudedi (tavo atveju) 5 mažesnius div containerius ir sudelioji pagal mygtukus. O šiaip aš tai dėčiau visą paveiksliuką ir su nuoroda dėliočiau dydžius... Bet meniu_container vistiek pasidaryk.

Parašė Memento Mori· 2011 Bir. 11 19:06:36

IPaulius gali jei netingi surašyti ta meniu_container ir tuos mažesnius div ,tada viską išsiaiškinsiu. Duosiu +11 ;)

Parašė IPaulius· 2011 Bir. 11 20:06:30

Nu ir nafik. Kol rašiau išsilogino iš php-fusion. Tyngiu iš naujo aiškint. Rašyk į skype : AnakondaX7X

Parašė Memento Mori· 2011 Rugp. 13 14:08:28

2. Matote ten tą skype paveikslėlį šone. Tai va jo kodas. Kokią nuorodą man reik įrašyti ,kad paspaudus išmestu mano skype?

<div id="skype">
					<a href="#"><img src="images/blank.gif" width="100" height="100" border="0" /></a>
		    </div>

[IMG]http://imageshack.us/f/713/skypm.png/[/IMG]

Parašė KiraLT· 2011 Rugp. 13 14:08:06

#10

tipo kad ismestu chata, ar tiesiog pridetu?
pvz jei nori kad pridetu rasyk nuoroda: skype:TavoSkype?add
Jei nori kad isijungtu chatas rasyk skype:TavoSkype?chat

Padejau? Nepagailek + 11 :D

Parašė Martynas.· 2011 Rugp. 13 14:08:45

#11

<div id="skype">
 
					<a href="skype:YourSkype?chat"><img src="images/blank.gif" width="100" height="100" border="0" /></a>
</div>

Redagavo Martynas.· 2011 Rugp. 13 16:08:53

Parašė Memento Mori· 2011 Rugp. 13 14:08:26

#12

Abiem ačiū hs +11 Martynas. Jau davęs ;) Dar vienas riešutėlis:

3. Yra toksai kodas va kaip viskas atrodo ten yra užsakyti vip,admin,unban , o aš noriu ,kad po apačiau butu dar spec. ir mygtukas užsakyti nu maždaug su paintu nupiešiau gal kas galit paeditint kodą?

[IMG]http://imageshack.us/f/580/63974750.png/[/IMG]

<tr>
		<td class="paslaugos">
			<div id="plotas2">
				<div id="uzrasas2">
 
					<span style="font-family:Tahoma;font-weight:bold;font-size:14px;color:#fff;">Paslaugos</span>
				</div>
					<div id="paslaugos" style="color:#fff;">
						<table>
							<tr align="center">
								<td>Admin</td>
								<td>VIP</td>
 
								<td>Unban</td>
							</tr>
							<tr>
								<td><a href="#" style="text-decoration:none; font-family: Tahoma;" onclick="window.open('http://amxbans.tophost.lt/sistema/admin/index.php','','width=500,height=200,scrollbars=yes');return false;" title="ADMIN Uzsakymas"><img src="images/IMG_uzsakyti.png" border="0" /></a></td>
								<td><a href="#" style="text-decoration:none; font-family: Tahoma;" onclick="window.open('http://amxbans.tophost.lt/sistema/vip/index.php','','width=500,height=200,scrollbars=yes');return false;" title="VIP Uzsakymas"><img src="images/IMG_uzsakyti.png" border="0" /></a></td>
								<td><a href="/unban.html"><img src="images/IMG_uzsakyti.png" border="0" /></a></td>
 
							</tr>
						</table>
 
					</div>
			</div>
		</td>
	</tr>

Redagavo Memento Mori· 2011 Rugp. 13 14:08:00

Parašė Martynas.· 2011 Rugp. 13 15:08:35

#13

	<td class="paslaugos">
 
			<div id="plotas2">
 
				<div id="uzrasas2">
 
 
 
					<span style="font-family:Tahoma;font-weight:bold;font-size:14px;color:#fff;">Paslaugos</span>
 
				</div>
 
					<div id="paslaugos" style="color:#fff;">
 
						<table>
 
							<tr align="center">
 
								<td>Admin</td>
 
								<td>VIP</td>
 
 
 
								<td>Unban</td>
 
                                                                 <td>Spec</td>
 
							</tr>
 
							<tr>
 
								<td><a href="#" style="text-decoration:none; font-family: Tahoma;" onclick="window.open('http://amxbans.tophost.lt/sistema/admin/index.php','','width=500,height=200,scrollbars=yes');return false;" title="ADMIN Uzsakymas"><img src="images/IMG_uzsakyti.png" border="0" /></a></td>
 
								<td><a href="#" style="text-decoration:none; font-family: Tahoma;" onclick="window.open('http://amxbans.tophost.lt/sistema/vip/index.php','','width=500,height=200,scrollbars=yes');return false;" title="VIP Uzsakymas"><img src="images/IMG_uzsakyti.png" border="0" /></a></td>
 
								<td><a href="/unban.html"><img src="images/IMG_uzsakyti.png" border="0" /></a></td>
 
								<td><a href="/spec.html"><img src="images/spec.png" border="0" /></a></td>
 
 
 
							</tr>
 
						</table>
 
 
 
					</div>
 
			</div>
 
		</td>

Redagavo Martynas.· 2011 Rugp. 13 16:08:58

Parašė Memento Mori· 2011 Rugp. 13 17:08:36

#14

Va kas gavos





Uploaded with ImageShack.us

Reik kad jis butu po apačia.

Redagavo Memento Mori· 2011 Rugp. 13 17:08:00

Parašė Martynas.· 2011 Rugp. 13 18:08:27

#15

	<td class="paslaugos">
			<div id="plotas2">
				<div id="uzrasas2">
					<span style="font-family:Tahoma;font-weight:bold;font-size:14px;color:#fff;">Paslaugos</span>
				</div>
					<div id="paslaugos" style="color:#fff;">
						<table>
							<tr align="center">
								<td>Admin</td>
								<td>VIP</td>
								<td>Unban</td>
                                                                 <td>Spec</td>
							</tr>
							<tr>
								<td><a href="#" style="text-decoration:none; font-family: Tahoma;" onclick="window.open('http://amxbans.tophost.lt/sistema/admin/index.php','','width=500,height=200,scrollbars=yes');return false;" title="ADMIN Uzsakymas"><img src="images/IMG_uzsakyti.png" border="0" /></a></td>
								<td><a href="#" style="text-decoration:none; font-family: Tahoma;" onclick="window.open('http://amxbans.tophost.lt/sistema/vip/index.php','','width=500,height=200,scrollbars=yes');return false;" title="VIP Uzsakymas"><img src="images/IMG_uzsakyti.png" border="0" /></a></td>
								<td><a href="/unban.html"><img src="images/IMG_uzsakyti.png" border="0" /></a></td><br>
								<td><a href="/spec.html"><img src="images/spec.png" border="0" /></a></td>
							</tr>
						</table>
					</div>
			</div>
		</td>

Parašė Memento Mori· 2011 Rugp. 13 18:08:24

#16

Tas pats tik visi keturi biški nusileido į apačią.

Parašė Faitas.· 2011 Rugp. 13 19:08:04

#17

Kam tu div'e naudoji table'us? Naudok div klases ir viskas bus ok. :)

Parašė viminkas· 2011 Rugp. 14 11:08:15

#18

isviso siulyciau situso navigacijos padaryti su listu kaip pavizdi turiu ghr.lt ten dabar dirbu listas su paveiksliukais ir gerai atrodo

Parašė Faitas.· 2011 Rugp. 14 11:08:24

#19

Nebūtų paprasčiau naudoti div ir float funkciją? :) Pvz:

HTML:

 
<div class='first_dropdown'></div>
<div class='second_dropdown'></div>
<div class='third_dropdown'></div>

CSS:

.first_dropdown {
background-image:url(...);
background-repeat: no-repeat;
width: ...px;
height: ...px;
}
.second_dropdown {
background-image:url(...);
background-repeat: no-repeat;
width: ...px;
height: ...px;
}
.third_dropdown {
background-image:url(...);
background-repeat: no-repeat;
width: ...px;
height: ...px;
}
.first_dropdown, .second_dropdown, .third_dropdown {
float: left;
margin: 0 3px 0 0;
}

Parašė Memento Mori· 2011 Rugp. 20 16:08:12

#20

Tai va jau antra kart susiduriu su tokia problema tekstas ne vietoj noriu ,kad būtų šalia paveikslėlio

Uploaded with ImageShack.us

<div class="pagrindinis">
 
	<div class="naujiena_img">
 
 
    </div>
 
 
 
    <div class="naujiena">
    as esu
    </div>
 
    <div class="server">
 
    </div>
 
 
 
 
</div>

.pagrindinis {
height: 124px;
width: 608px;
background-color:#FFF;
margin-right:auto;
margin-left:auto;
}
 
.naujiena_img {
margin-top: 30px;
height: 124px;
width: 124px;
background-image:url(../images/naujiena.png)
}
 
 
.naujiena {
height:124px;
width: 484px;
float:right;
}

Parašė CyTaS· 2011 Rugp. 20 17:08:48

#21

Naudoji float funcija.

.naujiena_img {
margin-top: 30px;
height: 124px;
width: 124px;
background-image:url(../images/naujiena.png)
float: left;
}

pagal mane tai turi but
P.S. sito mane ismoke Faitas

Redagavo CyTaS· 2011 Rugp. 20 17:08:35

Parašė Memento Mori· 2011 Rugp. 21 14:08:13

#22

Nu padarau float:left ,bet tada va kur tekstas :

Uploaded with ImageShack.us

Parašė Creatium· 2011 Rugp. 21 14:08:39

#23

Tai dar pabandyk paveiksliukui uždėt display: table (arba block);.

Parašė CyTaS· 2011 Rugp. 21 15:08:27

#24

Bandyk margin det tada. pvz tau reiketu pabandyk margin-top: 5px; ir kelk kol bus ok.

Parašė Memento Mori· 2011 Rugp. 21 15:08:25

#25

Uždėjau tačiau nieko. Jau antra kart koduojant ta pati bėda neina ,kad tekstas butu prie paveikslėlio :s
Nu su margin top nuleidau prie paveikslėlio (tačiau ar tai racionalu?). Dabar problema ,kad tekstas prie pat paveikslėlio.

Redagavo Memento Mori· 2011 Rugp. 21 15:08:16

Parašė CyTaS· 2011 Rugp. 21 15:08:32

#26

Va su tekstu arti paveiksliuko man irgi neina atitraukti

Parašė Creatium· 2011 Rugp. 21 15:08:09

#27

Tai pabandyk tada margin-left.

Parašė CyTaS· 2011 Rugp. 21 15:08:07

#28

Neveikia margin-left bandziau

Parašė Memento Mori· 2011 Rugp. 21 15:08:23

#29

Bandžiau ir margin-left ir viską su margin tekstas pasitraukia į šoną ,bet tada jis jau dingsta iš pagrindinio bloko ir yra žemiau paveikslėlio. Gal čia blogai ,kad paveikslėlis ir tekstas priklauso pagrindiniam blokui? :?

Parašė Memento Mori· 2011 Rugp. 21 16:08:36

#30

Eureka :D Nu radau būdą tik nežinau ar labai racionalus tai va tiesiog naujienos width sumažinau keliais px ir gavos normaliai.

.naujiena {
height:124px;
width: 476px;
float:right;
margin-top: 35px;
}

Parašė Memento Mori· 2011 Rugs. 10 15:09:32

#31

5.Čia nėra klausimas gal net neatitinka html tačiau kadangi aš koduoju html ir man reik būtent šito dalyko todėl rašysiu čia tai va:
Gal kas galit numesti linką nivo sliderio paprasto vieno be jokių be reikalingų failų kurį galėčiau pasiredaguoti (dydi, plotį ir pan.)
Jei turite įkelkit į kokią talpyklą ir numeskit linką bučiau labai dėkingas ;)

Pačiam viršuje mano naujas klausimas :

Taigi dar vienas klausimas labai smulkus koduojant. Tarkim turiu teksto bloką ir po teksto bloku pvz mygtukas plačiau su žodžiais. Abudu jie. Viską sukodavus viskas lyg ir gerai tačiau... Mažinant rezoliuciją tekstas po truputi leidžiasi žemyn užpildydamas savo teksto bloką ir tada nustumia blokus po savimi. Kaip to išvengti ? Jei nesupratot klausimo pasistengsiu suformuluoti iš naujo :D

Netyčia pakėliau jį į viršų

Redagavo Memento Mori· 2011 Rugs. 14 19:09:11

Parašė AivarasZs· 2011 Rugs. 11 12:09:20

#32

Paprastas be pribumbasu http://nivo.dev7studios.com/demos/ :) žemiau rasi download miktukas.

Parašė Memento Mori· 2011 Rugs. 14 18:09:44

#33

Taigi dar vienas klausimas labai smulkus koduojant. Tarkim turiu teksto bloką ir po teksto bloku pvz mygtukas plačiau su žodžiais. Abudu jie. Viską sukodavus viskas lyg ir gerai tačiau... Mažinant rezoliuciją tekstas po truputi leidžiasi žemyn užpildydamas savo teksto bloką ir tada nustumia blokus po savimi. Kaip to išvengti ? Jei nesupratot klausimo pasistengsiu suformuluoti iš naujo :D

Redagavo Memento Mori· 2011 Rugs. 14 18:09:16