Problem z dodaniem galerii do strony


(Michaldeo) #1

Witam, mój problem polega na tym że nie wiem jak dodać galerie stworzoną przez program jalbum do swojego szablonu/strony. Gdy wklejam kod html z pliku galerii do szablonu to zdjęcia nawigacyjne nad zdjęciem głównym zmieniają szyk, nie wiem jak sobie z tym poradzić;/


(Drobok) #2

Konflikt klas / id / wymiarów :slight_smile:

Bez kodu więcej nie da rady :slight_smile:


(Michaldeo) #3

Też tak myślę ale nie wiem co zrobić żeby pogodzić dwa pliki css;/ Mam tu wstawić ich treśc?


(Drobok) #4

Najlepiej je wstawić tutaj. Ogólnie nie powinieneś mieć dwóch styli dla jednego selektora. Np dla div ul etc łatwo to posypać. Wystarczy wszędzie w jednym wypadku dodać klasę :slight_smile:


(Michaldeo) #5

Css szablonu

/*

Design by Free CSS Templates

Released for free under a Creative Commons Attribution 2.5 License

*/

body {

margin: 0;

padding: 0;

background: #749865 url(images/img01.gif) repeat-x;

font: normal small Arial, Helvetica, sans-serif;

line-height: 1.8em;

color: #838B91;

}

h1, h2, h3, h4, h5, h6 {

margin: 0;

padding: 0;

font-family: Georgia, "Times New Roman", Times, serif;

font-weight: normal;

color: #468259;

}

h2 {

padding-left: 20px;

background: url(images/img07.gif) no-repeat left center;

font-size: 22px;

}

h3 {

margin-bottom: 1em;

text-transform: uppercase;

letter-spacing: 2px;

font-size: .9em;

font-weight: bold;

}

p, blockquote, ul, ol {

margin-top: 0;

}

blockquote {

padding: 0 0 0 40px;

background: url(images/img11.gif) no-repeat;

font: italic small Georgia, "Times New Roman", Times, serif;

line-height: 1.6em;

}

a {

background: url(images/img03.gif) repeat-x left bottom;

text-decoration: none;

color: #468259;

}

a:hover {

background: none;

text-decoration: underline;

}

/* Wrapper */

wrapper {

background: #FFFFFF url(images/img04.gif) repeat-x left bottom;

}

/* Menu */

menu {

width: 750px;

height: 60px;

margin: 0 auto;

}

menu ul {

margin: 0;

padding: 0;

list-style: none;

}

menu li {

display: block;

float: left;

width: 148px;

height: 60px;

padding: 0 0 0 2px;

background: url(images/img02.gif) no-repeat;

}

menu a {

display: block;

width: 108px;

height: 36px;

padding: 20px 20px 0 20px;

background: none;

letter-spacing: -1px;

font: normal 1.6em Georgia, "Times New Roman", Times, serif;

color: #E1E9E2;

}

menu a:hover {

border-bottom: 4px solid #5A7C50;

text-decoration: none;

color: #FFFFFF;

}

menu .active a {

background: #E1E9E2;

border-bottom: 4px solid #E1E9E2;

text-decoration: none;

color: #749865;

}

/* Header */

header {

width: 754px;

height: 247px;

margin: 0 auto;

padding: 13px 0 0 0;

}

header h1 {

float: left;

width: 104px;

height: 110px;

padding: 104px 100px 0 20px;

background: url(images/img05.jpg) no-repeat;

line-height: 32px;

font-size: 30px;

}

header h2 {

float: right;

width: 494px;

height: 34px;

padding: 180px 20px 0 0;

background: url(images/img06.jpg) no-repeat;

text-transform: lowercase;

text-align: right;

letter-spacing: -1px;

font-size: 22px;

color: #FFFFFF;

}

/* Content */

content {

width: 750px;

margin: 0 auto;

}

/* Posts */

posts {

float: right;

width: 510px;

}

posts .post {

padding-bottom: 30px;

}

posts .story {

padding: 15px 20px 0 20px;

background: url(images/img10.gif) repeat-x

}

posts .meta {

padding: 5px 0 0 20px;

background: url(images/img03.gif) repeat-x;

}

posts .meta p {

margin: 0;

line-height: normal;

font-size: smaller;

}

posts ul {

list-style: url(images/img12.gif);

}

posts ul li {

}

/* Links */

links {

float: left;

width: 220px;

}

links ul {

margin: 0;

padding: 0;

list-style: none;

}

links li ul {

padding: 15px 20px 30px 20px;

background: url(images/img10.gif) repeat-x

}

links li li {

padding: 3px 0;

background: url(images/img03.gif) repeat-x left bottom;

}

links li a {

background: none;

}

links li i {

font-size: smaller;

}

/* Footer */

footer {

padding: 40px 0 60px 0;

background: url(images/img08.gif) repeat-x;

}

footer p {

width: 750px;

font-family: Georgia, "Times New Roman", Times, serif;

color: #A6C09B;

}

footer a {

background: none;

font-weight: bold;

color: #A6C09B;

}

legal {

margin: 0 auto;

text-align: right;

font-size: 12px;

}

brand {

margin: -35px auto 0 auto;

padding: 10px 0 0 35px;

background: url(images/img09.gif) no-repeat left top;

letter-spacing: -1px;

font-size: 24px;

}

Css galerii

/*

* Global style for all skin styles.

*/

body {

background-repeat: repeat-x;

margin: 5px;

margin-top:20px;

}

h1 {

margin: 6px;

}

b {

text-transform: uppercase;

}

.indexicon {

margin-left:30px;

margin-right:30px;

}

div.row {

width: 900px;

margin-left: auto;

margin-right: auto;

}

div.thumb {

width: 150px;

height: 150px;

float:left;

}

div.title {

margin:10px;

font-family: Arial, Verdana, Tahoma;

font-size: 14px;

font-weight: 500;

text-transform:uppercase;

color: #666;

}

div.navigationrow {

width: 800px;

height:60px;

margin-left: auto;

margin-right: auto;

clear:both;

display:block;

}

div.navigationblock {

width: 160px;

height: 60px;

display:inline;

text-align:center;

float:left;

}

div.clearrow {

clear:both;

}

Niestety nie wiem jak dodać klasę.