Problem z css na allegro.

0

Witam mam problem z allegro które nieprawidłowo wyświetla mój szablon (cały tekst zjezdża na dół i nie ma linków )czy ktoś mógłby poprawić kod.
W przeglądarce wszystko jest w porządku a na allegro się rozlatuje. Mówiono mi że mam coś zrobić na divach ale ja nie wiem jak to przekształcić z css. Prosze o pomoc. Przekształćcie chociaż kawałek a ja zobacze jak i dalej dokończe. Z góry dziękuje :)

Pozdrawiam.
oto kawałek kodu:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="PL" >
<head>
	<title>Kasia Kamińska</title>
	<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=iso-8859-2" />


</head>
<style type="text/css">
	<link href="bc-stylesheet.css" rel="stylesheet" type="text/css" />
html { height: 100%; }
body {
	margin: 0;
	padding: 0;
	font-family: Tahoma, sans-serif;
	font-size: 76%;
	color: #888;
	height: 100%;
	background: #fff url(http://img641.imageshack.us/img641/1826/83548310.jpg) repeat-x;
	}
a { text-decoration: none; color: #11A0CF; font-size: 1em; padding: 1px 2px; }
a:hover { background-color: #f4f4f4; }
acronym { border-bottom: 1px dotted #cc0000; cursor: help; }

/*------------------------------------------------------------*
**  Container
**------------------------------------------------------------*/	
#container {
	height: auto !important;
	height: 100%;
	min-height: 100%;
	position: relative;
	text-align: center;
	}	
	
/*------------------------------------------------------------*
**  Header
**------------------------------------------------------------*/	
#header { 
	background: url(http://img651.imageshack.us/img651/1363/headertoph.gif) no-repeat 100% 5px; 
	width: 750px; 
	margin: 0 auto;	
	padding: 0;
	}
#header div { 
	background: url(http://img338.imageshack.us/img338/6489/headerbotm.jpg) no-repeat 0px 70px; 
	text-align: left;
	padding: 45px 0 97px 20px;	
	}	
#header h1 {
	margin: 0; 
	clear: both;
	padding: 43px 0 0 40px;	
	font-size: 4em;	
	}
#header h1 a { 
	padding: 0;
	color: #000;
	font-family: Century Gothic, sans-serif;
	font-weight: normal;
	color: #000;	
	}	
#header h1 a:hover { background-color: transparent; }	
* html #header h1 { padding-top: 23px; }	
1

Jak wstawiasz kod, to poprzedź go znacznikiem < code > (bez spacji) i zakończ

, bo -- jak widzisz -- zrobił się burdel. W znaczniku otwierającym code powinieneś użyć adekwatnego języka, pisząc jego nazwę po znaku równości. Jeśli kod jest HTML-em, to otwórz tag w ten sposób: < code=html > (ponownie: bez tych spacji -- muszę je wstawiać, żeby mi tego nie przerobiło na kod).

```kasiarlz
Mówiono mi że mam coś zrobić na divach ale ja nie wiem jak to przekształcić z css. 

Dawno nie czytałem mniej nasyconego sensem zdania ;).


Co do Twojego problemu, to dawno do Allegro nic nie pisałem. Ale z tego co pamiętam, Allegro nie pozwala na wstawianie pełnego HTML-a, tj. z tagiem html, body i tak dalej. Możesz wstawić jedynie fragment. Ze względów bezpieczeństwa, nie wolno linkować zewnętrznych arkuszy stylów (element link).

Dodatkowo, Allegro poprzedza każdy selektor pewnym selektorem dopasowującym element na stronie Allegro, w którym umieszczony będzie Twój kod. Czyli np. na już gotowej podstronie z aukcją Allegro wygląda to tak:

<!DOCTYPE ...>
<html>
  <head>
    <!-- to jest ustalane przez Allegro -->
  ...
  </head>
  <body>
    <!-- tu jest menu nawigacyjne Allegro itp. -->

    <div id="user_field">
      TU JEST WRZUCANY TWÓJ KOD
    </div>

    <!-- tu jest stopka Allegro -->
  </body>

Zauważ, że cały Twój kod wrzucany jest w div-a mającego ID user_field (przed chwilą sprawdziłem to ID na losowej aukcji).

Wszystkie selektory w Twoich arkuszach stylów zostaną prawdopodobnie poprzedzone selektorem #user_field.

Czyli np. jak se napisałeś:

#header h1 {
  ...
}

* html {
  ...
}

to Allegro Ci to zmieni na:

#user_field #header h1 {
  ...
}

#user_field * html {
  ...
}

Tak jak mówiłem -- selektory zostały poprzedzone przez #user_field. Po co to? Ano po to, żeby Twój arkusz stylów nie mógł zmienić na stronie niczego poza środkiem strony, który jest do Twojej dyspozycji. Zauważ proszę dwie rzeczy. Po pierwsze, nie możesz zmienić stylów żadnego elementu, który w hierarchii drzewa dokumentu jest wyżej niż #user_field. Nie możesz więc dodać ŻADNYCH stylów do np. body czy html. Po drugie, nie działa hack dla ie gwiazdka-html, bo selektor "* html cośtam" jest zamieniany na "#user_field * html cośtam".

To są ogólne porady, które musisz zastosować do swojego szablonu i styli CSS. Jeśli to nie pomoże i z jakichś specyficznych powodów Twój kod nie zadziała w kontekście strony Allegro, to... i tak Ci na tę chwilę nie pomożemy, bo wstawiłeś tylko kod CSS otoczony bezużytecznym fragmentem HTML-a, a nie sposób zbyt wiele wywnioskować z samego CSS bez znajomości kodu HTML stylowanych elementów.

PS. Ponieważ Twój kod HTML ląduje wewnątrz div-a #user_field, w swoim kodzie HTML nie powinieneś mieć tagów takich jak title, body czy html, bo ich się nie umieszcza wewnątrz strony. Możesz i powinieneś ich używać testując stronę na dysku, ale powinieneś je wywalić przed wrzuceniem szablonu na Allegro (chyba że Allegro samo to wywala -- nie pamiętam).

0

a ja dodam, że allegro wycina też niektóre style css. zmienia się to cały czas, więc nie podam listy, ale głupiego vertical-align się nie dało zrobić pół roku temu o_O. użyłem HTMLowego VALIGN

0

dobra poradziłam sobie :) Dzięki za pomoc :) Chodziło o to że allegro nie czytało stopki.

1 użytkowników online, w tym zalogowanych: 0, gości: 1