[HTML][CSS][PHP] Miejsce na video i poziome wyświetlanie stron Opcje

[sokojoko]

Witam.
Problem jest następujący, chcę zamieścić filmik z youtuba na stronie dokładnie tutaj gdzie macie różowy krzyżyk:

Trzeba zaingerować w kod niestety, a że moje próby spełzły na niczym, to muszę się zwrócić tutaj o pomoc jak zmodyfikować ten kod, żeby to ładnie działało
Druga sprawa :

Tutaj gdzie macie strzałeczkę, chcę umieścić po prostu numery kolejnych podstron i...........to nie jest problem, ale pionowa kolejność cyferek już tak.
Sprawa prosta, zamiast w pionie mają się kolejno umieszczać w poziomie .Jeżeli jest jakieś fajne jeszcze rozwiązanie, to śmiało proszę podawać swoje sugestie
Jeśli jest potrzebny strona ze stylem to proszę:
main.css

PS.
Odnośniki do stron, które dotyczy temat http://djdiline.com/site/?page=home oraz http://djdiline.com/site/?page=compilations

[krzysztof_kf]

wrzuć po selektorze

[HTML] pobierz, plaintext 
<div class="home-col1">
</div>
[HTML] pobierz, plaintext 

filmik

[sokojoko]

Robiłem już tak i niestety, pokazuje się okienko w prawym górnym rogu fotografi

[krzysztof_kf]

Nawalone jest trochę selektorów ;/ widzę że już masz filmik wrzuć dla

[CSS] pobierz, plaintext 
 
div.content {
overflow: hidden;
}
[CSS] pobierz, plaintext 

Ten post edytował krzysztof_kf 11.07.2010, 22:44:33

[sokojoko]

Spróbowałem na "cepa" zrobić skasowałem linijkę tam z tłem w col-1 i wstawiłem zdjęcie to które jest umieszczone właśnie w css, tylko za pomocą img src w home.php.....potem wstawiłem link z filmem i było prawie spoko, ale wiem, że to nie powinno tak działać ://///

Wrzuciłem to co podałeś, nie wiem czy poprawnie, ale nadal jest to samo

Ten post edytował sokojoko 11.07.2010, 22:56:34

[krzysztof_kf]

Kopiuj i zmieniaj kawałek css i html lub podglądaj co zmieniłem powodzenia .

[HTML] pobierz, plaintext 
<div class="content">
<div class="home">
<div class="home-col1">
</div>
<div id="video">
<center>
<object width="200" height="146"><param name="movie" value="http://www.youtube.com/v/Zh7SyDth77A&amp;hl=pl_PL&amp;fs=1?border=1"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="Dj%20Diline%20aka.%20Dan%20Price_pliki/Zh7SyDth77Ahlpl_PLfs1.swf" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="200" height="146"></object>
</center>
</div>
   </div>
[HTML] pobierz, plaintext 

[CSS] pobierz, plaintext 
}
div.content {
	width:950px;
	margin:5px;
}
div.menu {
	float:left;
	clear:both;
	width:100%;
	text-align:center;
	margin:202px 0 0 0;
}
 
/* Buttons */
a.menu-home {
	background:url('images/home_off.png') no-repeat;
	display:inline-block;
	width:82px;
	height:51px;
}
a.menu-home:hover {
	background:url('images/home_on.png') no-repeat;
}
a.menu-home-on {
	background:url('images/home_on.png') no-repeat;
	display:inline-block;
	width:82px;
	height:51px;
}
a.menu-bio {
	background:url('images/bio_off.png') no-repeat;
	display:inline-block;
	width:58px;
	height:51px;
}
a.menu-bio:hover {
	background:url('images/bio_on.png') no-repeat;
}
a.menu-bio-on {
	background:url('images/bio_on.png') no-repeat;
	display:inline-block;
	width:58px;
	height:51px;
}
a.menu-news {
	background:url('images/news_off.png') no-repeat;
	display:inline-block;
	width:75px;
	height:51px;
}
a.menu-news:hover {
	background:url('images/news_on.png') no-repeat;
}
a.menu-news-on {
	background:url('images/news_on.png') no-repeat;
	display:inline-block;
	width:75px;
	height:51px;
}
a.menu-contact {
	background:url('images/contact_off.png') no-repeat;
	display:inline-block;
	width:94px;
	height:51px;
}
a.menu-contact:hover {
	background:url('images/contact_on.png') no-repeat;
}
a.menu-contact-on {
	background:url('images/contact_on.png') no-repeat;
	display:inline-block;
	width:94px;
	height:51px;
}
a.menu-compilations {
	background:url('images/compilations_off.png') no-repeat;
	display:inline-block;
	width:134px;
	height:51px;
}
a.menu-compilations:hover {
	background:url('images/compilations_on.png') no-repeat;
}
a.menu-compilations-on {
	background:url('images/compilations_on.png') no-repeat;
	display:inline-block;
	width:134px;
	height:51px;
}
a.menu-releases {
	background:url('images/releases_off.png') no-repeat;
	display:inline-block;
	width:98px;
	height:51px;
}
a.menu-releases:hover {
	background:url('images/releases_on.png') no-repeat;
}
a.menu-releases-on {
	background:url('images/releases_on.png') no-repeat;
	display:inline-block;
	width:98px;
	height:51px;
}
a.menu-featured {
	background:url('images/featured_off.png') no-repeat;
	display:inline-block;
	width:103px;
	height:51px;
}
a.menu-featured:hover {
	background:url('images/featured_on.png') no-repeat;
}
a.menu-featured-on {
	background:url('images/featured_on.png') no-repeat;
	display:inline-block;
	width:103px;
	height:51px;
}
a.menu-audioproductions {
	background:url('images/audioproductions_off.png') no-repeat;
	display:inline-block;
	width:134px;
	height:51px;
}
a.menu-audioproductions:hover {
	background:url('images/audioproductions_on.png') no-repeat;
}
a.menu-audioproductions-on {
	background:url('images/audioproductions_off.png') no-repeat;
	display:inline-block;
	width:134px;
	height:51px;
}
 
/* Home */
 
div.video {
float: left;
}
 
div.home {
	width:360px;
	float: left;
}
div.home-col1 {
        float: left;
        display: inline;
	background:url('images/home_1_1.jpg') no-repeat;
	width:356px;
	height:457px;
}
 
div.home-col3 {
	float:left;
	clear:none;
	width:356px;
	height:457px;
}
div.home-col2 {
        float: left;
	width:518px;
}
div.home-row1 {
	background:url('images/home_2.jpg') no-repeat;
	float:left;
	width:518px;
	height:272px;
}
div.home-row1-c {
	float:left;
	padding:96px 10px 0 10px;
	font-size:11px;
	color:#dfbcbc;
}
[CSS] pobierz, plaintext 

[sokojoko]

Stary jesteś wielki !.
Dziękuję pięknie za pomoc, jednak można jeszcze liczyć na ludzi w tym kraju <piwo>!
Tylko jeszcze pytanie co trzeba wstawić jaki kod i w którym miejscu żebym mógł operować filmem, bo jest nie wyrównany co do całości i odstaje co nie dobrze wygląda ?

Ten post edytował sokojoko 12.07.2010, 14:21:56

[krzysztof_kf]

Up ale gafa zamiast klasy podałem ci id


pomęcz się sam z ustawianiem zmień tylko zawartość klasy na

[CSS] pobierz, plaintext 
div.video {
padding: 10px 0 0 85px;
}
[CSS] pobierz, plaintext 

i zmień w html

z

[HTML] pobierz, plaintext 
 
<div id="video">
 
[HTML] pobierz, plaintext 

na

[HTML] pobierz, plaintext 
 
<div class="video">
[HTML] pobierz, plaintext 

plus usuń tagi htmlowskie <center></center> z filmiku .

i powinno być git

[sokojoko]

Działa znakomicie:)
Jeszcze raz wielkie piękne dzięki !
Pozdrawiam serdecznie, oby więcej takich ludzi w internecie

[krzysztof_kf]

dla podstron wrzuć css

[CSS] pobierz, plaintext 
#podstrony {
width: 200px;
margin: 0 auto;
padding: 0 0 8px 0 200px;
}
 
#podstrony li {
float: left;
display: inline;
}
 
#podstrony li a {
padding-left: 6px;
font-size: 1em;
text-decoration: none;
color: #ffffff;
}
 
#podstrony li a:hover {
text-decoration: underline;
color: #ff0000;
}
[CSS] pobierz, plaintext 

i zmień html

[HTML] pobierz, plaintext 
<div id="podstrony">
<li><a href="http://djdiline.com/site/?page=compilations1" title="Page 1">1</a><li>
<li><a href="http://djdiline.com/site/?page=compilations1" title="Page 1">1</a><li>
<li><a href="http://djdiline.com/site/?page=compilations1" title="Page 1">1</a><li>
<li><a href="http://djdiline.com/site/?page=compilations1" title="Page 1">1</a><li>
</div>
[HTML] pobierz, plaintext 

Ten post edytował krzysztof_kf 12.07.2010, 19:11:05

[sokojoko]

Stary......
Nie wiem co powiedzieć dosłownie....
Jeżeli są tutaj jakieś pochwały etc. z chęcią wystawie ich 10 !
Dziękuje Ci pięknie jeszcze raz niech Ci Bóg w dzieciach wynagrodzi hah
Pozdrawiam gorąco temat wyczerpany

<piwo>!!