Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Odstęp między tabelką a polem
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
Vays
Witam, tak mianowicie mam problem pokaże na screenie

Chce żeby te dwa pola były przyczepione do tych belek z nazwami, lub trochę przy nich bliżej:)
mar1aczi
A gdzie kod?
Vays
Cytat(mar1aczi @ 11.07.2013, 13:42:31 ) *
A gdzie kod?

Proszę :-)
Kod
body{
margin: 0 auto;
padding: 0px;
color:#000000;
background-image: url('images/bg.jpg');
background-repeat: no-repeat;
background-position:top center;
background-color:#ffffff;
font-size: 13px;
}
@font-face {
font-family: "ITCAvantGardePro-Bk";
src: url('socures/ITCAvantGardePro-Bk.otf');
}
#container{
margin: 0 auto;
width: 1002px;
}
#header{
width:1002px;
height:258px;
background: url('images/header.png') no-repeat;
margin-left:0px;
}
.logo{
padding-left: 10px;
padding-top:65px;
float:left;
}
.reklama{
width: 468px;
height: 20px;
margin-top:123px;
padding-right:70px;
float:right;
}
.slucha{
font-size: 25px;
font-family: "Myriad";
color: #000000;
margin-top:0px;
padding-right:0px;
float:right;
}
#menu{
width:990px;
height:81px;
background: url('images/menu.png');
}

.menu{
float:left;
padding-top: 16px;
padding-left: 5px;
text-decoration: none;
padding:27px 0px 0px 35px;
}
.menu a {
float: left;
font-size: 14px;
font-family: "ITCAvantGardePro-Bk";
color: white;
position: relative;
left: 4px;
padding-top: 9px;
padding-left: 10px;
padding-right: 9px;
text-align: center;
text-decoration: none;
margin: 0px;
height:26px;
text-decoration: none;

}
.menu a:hover{
height:26px;
text-decoration: none;
color: #a0d323;
}
#pozdro{
width:1002px;
height:41px;
margin-left:1px;
}
.pozdro1{
width: 796px;
height: 26px;
background: url('images/pozdro.png') no-repeat;
padding-top:9px;
float: left;
margin-left: 40px;
margin-top: 7px;
font-size: 14px;
font-family: "Myriad";
text-shadow: 0px 0px 1px #000;
}
.pozdro2{
width: 100px;
height: 26px;
float:right;
margin-top: 7px;
margin-right: 40px;
}
#staty{
margin-top: 10px;
margin-left: 20px;
}

#lewa{width:603px; margin-top: 5px; float: left;}

#srodek{width:445px; margin-top: 5px; margin-left: 6px; float: left; }

#prawa{width:375px; margin-top: 5px; float: right;}

.lewa-naglowek{
width: 272px;
height: 35px;
background: url('images/box-title.png') no-repeat;
font-family: "ITCAvantGardePro-Bk";
text-shadow: 0px 0px 1px #bd1db4;
color: white;
padding-top: 10px;
text-align: center;
}
.lewa-srodek{
width: 262px;
height: auto;
overflow: hidden;
background: url('images/box-center.png') repeat-y;
padding-left: 5px;
padding-right: 5px;
}
.lewa-koniec{
width: 272px;
height: 20px;
background: url('images/box-bottom.png') no-repeat;
}


.prawa-naglowek{
width: 336px;
height: 51px;
margin-right: 15px;
background: url('images/h3.png') no-repeat;
font-family: "ITCAvantGardePro-Bk";
text-shadow: 0px 0px 1px #white;
color: white;
padding-top: 15px;
text-align: center;
padding:20px 0px 0px 10px;
}
.prawa-srodek{
width: 336px;
height: auto;
background: url('images/bgp.png') repeat-y;
font-family: "ITCAvantGardePro-Bk";
}
.prawa-koniec{
width: 336px;
height: 9px;
background: url('images/n.png') no-repeat;
}
.srodek-naglowek{
width: 598px;
height: 52px;
font-family: 'ITCAvantGardePro-Bk';
background: url('images/h1.png') no-repeat;
color: white;
padding-top: 10px;
text-align: center;
text-decoration: none;
padding:20px 0px 0px 20px;
}
.srodek-srodek{
width: 598px;
height: auto;
font-family: 'ITCAvantGardePro-Bk';
overflow: hidden;
background: url('images/sbg.png') repeat-y;
}
.srodek-koniec{
width: 598px;
height: 6px;
background: url('images/sn.png') no-repeat;
}

.box-menu a{
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#e6e6e6));
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6');
-ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6')';
background-image: linear-gradient(top, #ffffff, #e6e6e6);
border-top: 1px solid #d1d1d1;
width:242px;
height:20px;
padding:4px 0px 0px 15px;
margin: 1px 0px;
display:block;
color: #000;
text-align: left;
margin-left: 2px;
font-size: 13px;
font-family: "Myriad";
text-shadow: 0px 0px 1px #bd1db4;
text-decoration: none;
}
.box-menu a:hover{
background-image: -moz-linear-gradient(top, #ffffff, #d9d9d9);
background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#d9d9d9));
background-image: -o-linear-gradient(top, #ffffff, #d9d9d9);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d9d9d9');
-ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d9d9d9')';
background-image: linear-gradient(top, #ffffff, #d9d9d9);
width:242px;
height:20px;
padding:4px 0px 0px 15px;
margin: 1px 0px;
display:block;
color: #bd1db4;
font-size: 13px;
font-family: "Myriad";
text-shadow: 0px 0px 1px #000;
text-align: left;
margin-left: 2px;
text-decoration: none;
}

#stopka{
width: 959px;
height: 88px;
background: url('images/stopka.png') no-repeat;
font-family: "ITCAvantGardePro-Bk";
text-shadow: 0px 0px 1px #white;
color: white;
padding:27px 0px 0px 35px;
text-align: center;
}
com
po pierwsze wrzucaj do odpowiednich tagów bo do css jest tag css, poza tym kod html gdzie ? jasnowidzem nie jestem, skąd am wiedzieć co u Ciebie jest czym...
Vays
Cytat(com @ 11.07.2013, 14:30:31 ) *
po pierwsze wrzucaj do odpowiednich tagów bo do css jest tag css, poza tym kod html gdzie ? jasnowidzem nie jestem, skąd am wiedzieć co u Ciebie jest czym...

masz :-)
  1. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
  2. <meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
  3. <title>HARDCLUB.PL ~ MUZYKA TO NASZA PASJA!</title>
  4. <meta name="Author" content="SoundPlayer">
  5. <meta name="keywords" content="radio internetowe,klubowe,energy,muzyka,pozdrowienia,ramowka,prezenterzy,sluchacze,dan
    ce,mix,muza,pompa,wixa,electro-housec,lubbing,dj,hardclub,party"
    />
  6. <meta name="description" content="Radio internetowe o tematyce klubowej. Dużo fajnej muzyki oraz wpaniali prezenterzy." />
  7. <META NAME="ROBOTS" CONTENT="all">
  8. <META HTTP-EQUIV="Reply-to" CONTENT="">
  9. <META NAME="revisit-after" CONTENT="2 days">
  10. <link rel="stylesheet" href="style.css" type="text/css"/>
  11. </head>
  12. <!-- V8WCYcWbY2ljaWVsIFBvcnRhbHU6IE1hdGV1c3ogRXNsaW5nZXI= -->
  13. <div id="container">
  14. <div id="header">
  15. <div class="logo"><img src="images/logo.png" /></div>
  16. <div class="reklama"><img src="images/reklama.png" /></div>
  17. </div>
  18. <div id="menu">
  19. <div class="menu">
  20. <a href="index.php">STRONA GŁÓWNA</a>
  21. <a href="#" >RAMÓWKA</a>
  22. <a href="#" >POZROWIENIA</a>
  23. <a href="#" >EKIPA RADIA</a>
  24. <a href="#" >REKRUTACJA</a>
  25. <a href="#" >PANEL DJ</a>
  26. <a href="#" >WSPÓŁPRACA</a>
  27. </div>
  28. </div>
  29. <div id="pozdro">
  30. <div class="pozdro1">
  31. <marquee scrollamount='3' behavior='scroll' direction='left' width="790" height="16">
  32. <font color="#bd1db4">SoundPlayer</font> - Pozdro <font color="#bd1db4">::</font> <font color="#bd1db4">Karolciaa</font> - Pozdro2 <font color="#bd1db4">:: </font><font color="#bd1db4">SoundPlayer</font> - Pozdro <font color="#bd1db4">::</font> <font color="#bd1db4">Karolciaa</font> - Pozdro2 <font color="#bd1db4">:: </font><font color="#bd1db4">SoundPlayer</font> - Pozdro <font color="#bd1db4">::</font> <font color="#bd1db4">Karolciaa</font> - Pozdro2 <font color="#bd1db4">:: </font>
  33. </marquee>
  34. </div>
  35. <div class="pozdro2"><a href="#" onclick="window.open('http://discopartyclub.panelradiowy.pl/embed.php?script=onlineform','','scrollbars=no, toolbar=no, menubar=no, location=no, personalbar=no, resizable=no, directories=no, status=no, width=500, height=250')"><img src="images/pozdro2.png"></a></div>
  36. </div>
  37.  
  38. <div id="staty">
  39. <iframe src='staty/glowny/staty.php' border='0' marginwidth='0' marginheight='0' frameborder='no' scrolling='no' width='480' height='125'></iframe>
  40. <iframe src='staty/disco/staty.php' border='0' marginwidth='0' marginheight='0' frameborder='no' scrolling='no' width='480' height='125'></iframe>
  41.  
  42. </div>
  43.  
  44. <div id="srodek">
  45.  
  46. <div class="srodek-naglowek">OGŁOSZENIE!</div>
  47. <div class="srodek-srodek">
  48. Lorem Ipsum jest tekstem stosowanym jako przykładowy wypełniacz w przemyśle poligraficznym. Został po raz pierwszy użyty w XV w. przez nieznanego drukarza do wypełnienia tekstem próbnej książki. Pięć wieków później zaczął być używany przemyśle elektronicznym, pozostając praktycznie niezmienionym. Spopularyzował się w latach 60. XX w. wraz z publikacją arkuszy Letrasetu, zawierających fragmenty Lorem Ipsum, a ostatnio z zawierającym różne wersje Lorem Ipsum oprogramowaniem przeznaczonym do realizacji druków na komputerach osobistych, jak Aldus PageMaker
  49. </div>
  50. <div class="srodek-koniec"></div>
  51.  
  52. </div>
  53.  
  54.  
  55. <div id="prawa">
  56. <div class="prawa-naglowek">FACEBOOK</div>
  57. <div class="prawa-srodek">
  58. A TAKIE TAM NIEDLUGO;)
  59. </div>
  60. <div class="prawa-koniec"></div>
  61.  
  62. </div>
  63.  
  64. <table width="1000" height="10"><td><tr></tr></td></table>
  65.  
  66. <div id="stopka"><center> || <a href="cookis.html" > POLITYKA COOKIES </a> || HARDCLUB.PL 2013 || WSZYSTKIE PRAWA ZASTRZEŻONE || </center>
  67. WYKONAŁ: SOUNDPLAYER-ART.TK || PRZEROBIŁ: VAYS
  68.  
  69. </div>
  70. </body>
  71. </html>
nospor
Cytat
to nie html tylko php już daje kod php

facepalmxd.gif
Gdzie ty tu widziss kod php?? Toż to czysty HTML ...
Vays
Cytat(nospor @ 11.07.2013, 15:02:38 ) *
facepalmxd.gif
Gdzie ty tu widziss kod php?? Toż to czysty HTML ...

baaasmiley.gif dobra już zmieniłem, można się chociaż raz pomylić -.-
com
po pierwsze to jest html, php tu nie ma ani grama, może i jest generowane za pomocą php ale tak czy tak to jest html... a problem jest tego typu ze masz na sztywno ustaloną wysokość height: 51px; co pewnie nie jest adekwatne rozmiarowi obrazka z nagłówka stąd ta przerwa smile.gif

btw czemu pliki php dodajesz do ramek? biggrin.gif
Vays
Cytat(com @ 11.07.2013, 15:05:59 ) *
po pierwsze to jest html, php tu nie ma ani grama, może i jest generowane za pomocą php ale tak czy tak to jest html... a problem jest tego typu ze masz na sztywno ustaloną wysokość height: 51px; co pewnie nie jest adekwatne rozmiarowi obrazka z nagłówka stąd ta przerwa smile.gif

btw czemu pliki php dodajesz do ramek? biggrin.gif

Pomogłeś dzięki:)
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.