Kolidacja stylów CSS

[pietras65]

Witam,
mam problem ponieważ chciałem na mojej stronie biura podróży umieścić wyszukiwarkę hostelów, otrzymałem kod tej wyszukiwarki jednak po wklejeniu tegoż kodu wyszukiwarka jest cała porozwalana można to zobaczyć pod linkiem: http://www.discover-ee.com/poland-hotels-en/villas a powinna wyglądać tak: http://www.odkrywca.co.uk/polska-hotels-pl/polska-villas-pl.

Pod tym drugim linkiem rozwiązanie jest bardzo głupie i nie działa poprawnie ponieważ zrobiłem tam tak, że stworzyłem plik html do którego wkleiłem kod tej wyszukiwarki a następnie za pomocą <iframe wstawiłem na stronę joomla...

Istnieje może jakieś inne obejście tego problemu? Za wszelakie sugestie oraz pomoc będę bardzo wdzięczny.

Kod wyszukiwarki od dostawcy:
<script language='Javascript' src='http://www.bookhostels.com/files/index.php?UserID=discovereasterneurope&File=bighw&Language=English&Currency=GBP&NewWindow=1&PropTypeSelect=1'></script>

[Robster]

Jeśli masz dostęp tylko do tej jednej linijki importującej skrypt, to raczej nic mądrzejszego niż iframe nie wymyślisz. Gdybyś miał przynajmniej dostęp do CSS'a, wtedy można by stworzyć warstwę zewnętrzną zawierającą ten kod i wtedy dopisać do CSS'a, klasę tej warstwy, ale tak...?

[TLo]

Ja wkleiłem kod tego scriptu bezpośrednio do artykułu. Rezultat - http://www.smzk.org/index.php?option=com_content&view=article&id=358

[pietras65]

Faktycznie działa bez problemu, kurde to nie mam pojęcia dlaczego u mnie jest tak porozrzucana;/ Pisałem do twórców i mówili, że problem taki pojawiał się na WordPress również napisali również coś takiego:


in the mean time attached is a HTML code for a express search engine that you can customize to fit the look and feel of your website, you need to include your own styling, if you are familiar with the design might be even a better option to integrate on the website.
PSÇ you will need to include your affiliate ID on the HTML as well

<div class="hw_wrapper">
<form action="http://www.hostelworld.com/affiliates/search" method="post"
name="theForm" >
<input type="hidden" name="UserID" value="<!-- PLEASE PASTE HOSTEL WORLD'S
'AffiliateID' HERE -->">Z tego co zrozumiałem mam napisać sam style i dopasować do swojej strony wygląd..

[a_m]

niestety, bo szablon którego używasz narzuca style dla elementów tabeli, czyli trzeba style szablonu "zresetować" albo wywalić, to co dotyczy tabel;
w ostatnim przypadku - nie wiadomo co z tego wyjdzie dobrego dla innych stron, gdzie być może używasz tabel;

resetowanie jest dość proste - wrzuć kod w np. w <div class="table-reset"> kod </div> a potem już tylko ręczna robótka - podglądanie kodu firebugiem i dopisywanie reguł np.


.art-article .table-reset th, .art-article .table-reset td {
border:none;
padding: 0;
}
.art-article .table-reset img{
border:none;
margin:0
}

i tak do zupełnej reanimacji wyglądu

[pietras65]

udało się z tym resetowaniem stylów dziękuję bardzo za pomoc! Wygląd nie jest jeszcze idealny ale to już na spokojnie sobie to dopracuje:)

Pozdrawiam