Szablon pod Allegro malutki blad w kodzie

0

Witam,

Pisze w tym wątku z tego względu ,iż sam pisałem stronkę na allegro, jednakże są tam jakieś błędy, zresztą jak to na Allegro przystało :), tam zawsze coś nie tak widać...

A więc wracając do mojej prośby mam taki kłopot, gdy jestem w Edytorze Allegrowskim ,wszystko jest tam w porządku, natomiast gdy przejdę do podsumowania ,występują drobne błędy . Postaram się to zobrazować:

Podczas Edytora w Allegro:
user image

Podczas Podsumwania w Allegro , gdy następuję już wystawienie aukcji:
user image

Mój kod (Wszystkie obrazki są już na imageshacku , także wystarczy sam kod):

<!DOCTYPE HTML>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
  <title>Szablon Allegro</title>

 <style>

 body {
     background: url(http://imageshack.com/a/img661/179/MHbJKa.jpg);

} 

.clear(
    clear:both;
)

/* header elements */
h1, h2, h3, h4, h5, h6 {
    font-family:Tahoma, Arial, Helvetica, sans-serif;
    font-weight:bold;
    line-height:100%;
    margin:0 0 15px 0;
}

h1 {
    font-size:14px;
    text-shadow:#FFF 1px 1px 0;
    font-weight:normal;
    display: block;
    float: top;
    margin: 10px;
    padding: 0;

}

 #container {

    clear: both;
    width: 1000px;
    margin-left; auto
    margin-right; auto
 }

 #logo {
    background-color: black;
    padding: 30px;
    width: 890px;
    position: relative;
    left: 157px;
    top: -9px;

 }

 #menu1 {

    outline:none;
    float:left ;
    height: 53px; /*Wysokość obrazka*/
    width: 267px; /* połowa szerokości obrazka*/
    background: transparent url(http://imagizer.imageshack.us/a/img673/3290/WNMdZS.png) 0 0 no-repeat;
    position: relative;
    left: 200px;
    top: 49px;

 }

 #menu1:hover {

    background-position: 0 -53px;
 }

 #menu2 {
    outline:none;
    float:left ;
    height: 53px; /*Wysokość obrazka*/
    width: 267px; /* połowa szerokości obrazka*/
    background: transparent url(http://imageshack.com/a/img537/3647/s9JvFv.png) 0 0 no-repeat;
    position: relative;
    left: 230px;
    top: 49px;
 }

 #menu2:hover {

    background-position: 0 -53px;
 }

 #menu3 {
    outline:none;
    float:left ;
    height: 53px; /*Wysokość obrazka*/
    width: 267px; /* połowa szerokości obrazka*/
    background: transparent url(http://imageshack.com/a/img538/807/p0N9j7.png) 0 0 no-repeat;
    position: relative;
    left: 260px;
    top: 49px;

 }

  #menu3:hover {

    background-position: 0 -53px;
 }

  #informacje1 {
    clear: both;
    width: 300px ;
    float:left ;
    position: relative;
    top: 50px ;
    left: 184px ;
    opacity: 1.0;

 }

 #informacje1:hover {
    opacity: 0.8;
    filter: alpha(opacity=100); /* For IE8 and earlier */
    }

   #informacje2 {
    float:left ;
    width: 300px ;
    position: relative;
    top: 50px ;
    left: 185px ;
    opacity: 1.0;

 }

 #informacje2:hover {
    opacity: 0.8;
    filter: alpha(opacity=100); /* For IE8 and earlier */
    }

   #informacje3 {
    float:left ;
    width: 300px ;
    position: relative;
    top: 50px ;
    left: 186px ;
    opacity: 1.0;
 }

  #informacje3:hover {
    opacity: 0.8;
    filter: alpha(opacity=100); /* For IE8 and earlier */
    }

  #content1 {
    clear: both;
    background:url(http://imageshack.com/a/img673/7167/6w2WhE.png) 0 no-repeat;
    padding: 57px;
    position: relative;
    top: 46px;
    left: 340px;

 }

   #content2 {
    background:url(http://imageshack.com/a/img661/1310/IPgCCO.png) 0 ;
    background-repeat;
    height: auto;
    width: 629px;
    position: relative;
    top: 8px;
    left: 340px;

 }

   #content3 {

    background:url(http://imageshack.com/a/img661/6238/DP6qUH.png) 0 no-repeat;
    padding: 68px;
    position: relative;
    top: 96px;
    left: 0px;

 }
 </style>
</head>
<body>
    <div id="container">

    </div>
    <div id="logo">

    </div>
    <a href="http://allegro.pl/listing/user.php?us_id=4900951" id="menu1"></a>

    <a href="http://allegro.pl/show_user.php?uid=4900951" id="menu2"></a>

    <a href="http://allegro.pl/SendMailToUser.php?userId=4900951" id="menu3"></a>

    <div id="informacje1">
        <img src="http://imagizer.imageshack.us/a/img540/9421/bZSk4W.png">
    </div>

    <div id="informacje2">
        <img src="http://imageshack.com/a/img661/1676/r0PxWK.png">

    </div>

    <div id="informacje3">
        <img src="http://imageshack.com/a/img538/5760/dwB9TI.png">
    </div>

    <div id="content1">
    </div>
    <div id="content2">
        <div id="h1">
        <h1>Witam mam na sprzedaż w chuj rzeczy i jeszcze więcejitam mam na sprzedaż w chuj rzeczy i jeszcze więcejitam mam na sprzedaż w chuj rzeczy i jeszcze więcejWitam mam na sprzedaż w chuj rzeczy i jeszcze więcejitam mam na sprzedaż w chuj rzeczy i jeszcze więcejitam mam na sprzedaż w chuj rzeczy i jeszcze więce
        Witam mam na sprzedaż w chuj rzeczy i jeszcze więcejitam mam na sprzedaż w chuj rzeczy i jeszcze więcejitam mam na sprzedaż w chuj rzeczy i jeszcze więcejWitamWitam mam na sprzedaż w chuj rzeczy i jeszcze więcejitam mam na sprzedaż w chuj rzeczy i jeszcze więcejitam mam na sprzedaż w chuj rzeczy i jeszcze więce
        Witam mam na sprzedaż w chuj rzeczy i jeszcze więcejitam mam na sprzedaż w chuj rzeczy i jeszcze więcejitam mam na sprzedaż w chuj rzeczy i jeszcze więce
        Witam mam na sprzedaż w chuj rzeczy i jeszcze więcejitam mam na sprzedaż w chuj rzeczy i jeszcze więcejitam mam na sprzedaż w chuj rzeczy i jeszcze więce

        </h1>

    </div>
    <div id="content3">
    </div>

 </body>
</html>

Jak widać ,również opis aukcji, tam gdzie wpisujemy swój tekst, na Edytorze jest inny wygląd a na podsumowaniu jeszcze inaczej :(.
Czy ktoś ma pojęcie jak to naprawić? Bardzo proszę o waszą pomoc :)

1

Masz niezamknięty div:

    <div id="content2">
    /*Poniższy DIV jest otarty ale brakuje zamknięcia*/
        <div id="h1">
        <h1>... </h1>
    </div>

Masz div container, który jest pusty, a wydaje mi się, że powinien obejmować zawartość. Przenieś jego zamykający tag przed < / body>

<div id="container">

    </div>

Tak poza tym, jeśli chcesz wypełnić stronę jakimś przykładowym tekstem, dość popularne jest używanie tekstu "Lorem ipsum" lub podobnych.
Tu masz linki do przykładowych generatorów, myślę, że mogą Ci się przydać:

0

Hmmm czy czy mógłbyś poprawić to w kodzie? Bo patrze tak i nie wiem za bardzo jak mam to zmienić zrobiłem to tak , dobrze?

<!DOCTYPE HTML>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
  <title>Szablon Allegro</title>

 <style>

 body {
     background: url(http://imageshack.com/a/img661/179/MHbJKa.jpg);

} 

.clear(
    clear:both;
)

/* header elements */
h1, h2, h3, h4, h5, h6 {
    font-family:Tahoma, Arial, Helvetica, sans-serif;
    font-weight:bold;
    line-height:100%;
    margin:0 0 15px 0;
}

h1 {
    font-size:14px;
    text-shadow:#FFF 1px 1px 0;
    font-weight:normal;
    display: block;
    float: top;
    margin: 10px;
    padding: 0;

}

 #container {

    clear: both;
    width: 1000px;
    margin-left; auto
    margin-right; auto
 }

 #logo {
    background-color: black;
    padding: 30px;
    width: 890px;
    position: relative;
    left: 157px;
    top: -9px;

 }

 #menu1 {

    outline:none;
    float:left ;
    height: 53px; /*Wysokość obrazka*/
    width: 267px; /* połowa szerokości obrazka*/
    background: transparent url(http://imagizer.imageshack.us/a/img673/3290/WNMdZS.png) 0 0 no-repeat;
    position: relative;
    left: 200px;
    top: 49px;

 }

 #menu1:hover {

    background-position: 0 -53px;
 }

 #menu2 {
    outline:none;
    float:left ;
    height: 53px; /*Wysokość obrazka*/
    width: 267px; /* połowa szerokości obrazka*/
    background: transparent url(http://imageshack.com/a/img537/3647/s9JvFv.png) 0 0 no-repeat;
    position: relative;
    left: 230px;
    top: 49px;
 }

 #menu2:hover {

    background-position: 0 -53px;
 }

 #menu3 {
    outline:none;
    float:left ;
    height: 53px; /*Wysokość obrazka*/
    width: 267px; /* połowa szerokości obrazka*/
    background: transparent url(http://imageshack.com/a/img538/807/p0N9j7.png) 0 0 no-repeat;
    position: relative;
    left: 260px;
    top: 49px;

 }

  #menu3:hover {

    background-position: 0 -53px;
 }

  #informacje1 {
    clear: both;
    width: 300px ;
    float:left ;
    position: relative;
    top: 50px ;
    left: 184px ;
    opacity: 1.0;

 }

 #informacje1:hover {
    opacity: 0.8;
    filter: alpha(opacity=100); /* For IE8 and earlier */
    }

   #informacje2 {
    float:left ;
    width: 300px ;
    position: relative;
    top: 50px ;
    left: 185px ;
    opacity: 1.0;

 }

 #informacje2:hover {
    opacity: 0.8;
    filter: alpha(opacity=100); /* For IE8 and earlier */
    }

   #informacje3 {
    float:left ;
    width: 300px ;
    position: relative;
    top: 50px ;
    left: 186px ;
    opacity: 1.0;
 }

  #informacje3:hover {
    opacity: 0.8;
    filter: alpha(opacity=100); /* For IE8 and earlier */
    }

  #content1 {
    clear: both;
    background:url(http://imageshack.com/a/img673/7167/6w2WhE.png) 0 no-repeat;
    padding: 57px;
    position: relative;
    top: 46px;
    left: 340px;

 }

   #content2 {
    background:url(http://imageshack.com/a/img661/1310/IPgCCO.png) 0 ;
    background-repeat;
    height: auto;
    width: 629px;
    position: relative;
    top: 8px;
    left: 340px;

 }

   #content3 {

    background:url(http://imageshack.com/a/img661/6238/DP6qUH.png) 0 no-repeat;
    padding: 68px;
    position: relative;
    top: 96px;
    left: 0px;

 }
 </style>
</head>
<body>
    <div id="container">

    <div id="logo">

    </div>
    <a href="http://allegro.pl/listing/user.php?us_id=4900951" id="menu1"></a>

    <a href="http://allegro.pl/show_user.php?uid=4900951" id="menu2"></a>

    <a href="http://allegro.pl/SendMailToUser.php?userId=4900951" id="menu3"></a>

    <div id="informacje1">
        <img src="http://imagizer.imageshack.us/a/img540/9421/bZSk4W.png">
    </div>

    <div id="informacje2">
        <img src="http://imageshack.com/a/img661/1676/r0PxWK.png">

    </div>

    <div id="informacje3">
        <img src="http://imageshack.com/a/img538/5760/dwB9TI.png">
    </div>

    <div id="content1">
    </div>
    <div id="content2">
    </div>
        <div id="h1">
        <h1>Witam mam na sprzedaż w chuj rzeczy i jeszcze więcejitam mam na sprzedaż w chuj rzeczy i jeszcze więcejitam mam na sprzedaż w chuj rzeczy i jeszcze więcejWitam mam na sprzedaż w chuj rzeczy i jeszcze więcejitam mam na sprzedaż w chuj rzeczy i jeszcze więcejitam mam na sprzedaż w chuj rzeczy i jeszcze więce
        Witam mam na sprzedaż w chuj rzeczy i jeszcze więcejitam mam na sprzedaż w chuj rzeczy i jeszcze więcejitam mam na sprzedaż w chuj rzeczy i jeszcze więcejWitamWitam mam na sprzedaż w chuj rzeczy i jeszcze więcejitam mam na sprzedaż w chuj rzeczy i jeszcze więcejitam mam na sprzedaż w chuj rzeczy i jeszcze więce
        Witam mam na sprzedaż w chuj rzeczy i jeszcze więcejitam mam na sprzedaż w chuj rzeczy i jeszcze więcejitam mam na sprzedaż w chuj rzeczy i jeszcze więce
        Witam mam na sprzedaż w chuj rzeczy i jeszcze więcejitam mam na sprzedaż w chuj rzeczy i jeszcze więcejitam mam na sprzedaż w chuj rzeczy i jeszcze więce

        </h1>
    </div>

    <div id="content3">
    </div>

</div>
 </body>
</html>
0

Okej chyba mam, jesteś cudotwórcą kolego :)

Poprawiłem to na tak:

<!DOCTYPE HTML>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
  <title>Szablon Allegro</title>

 <style>

 body {
     background: url(http://imageshack.com/a/img661/179/MHbJKa.jpg);

} 

.clear(
    clear:both;
)

/* header elements */
h1, h2, h3, h4, h5, h6 {
    font-family:Tahoma, Arial, Helvetica, sans-serif;
    font-weight:bold;
    line-height:100%;
    margin:0 0 15px 0;
}

h1 {
    font-size:14px;
    text-shadow:#FFF 1px 1px 0;
    font-weight:normal;
    display: block;
    float: top;
    margin: 10px;
    padding: 0;

}

 #container {

    clear: both;
    width: 1000px;
    margin-left; auto
    margin-right; auto
 }

 #logo {
    background-color: black;
    padding: 30px;
    width: 890px;
    position: relative;
    left: 157px;
    top: -9px;

 }

 #menu1 {

    outline:none;
    float:left ;
    height: 53px; /*Wysokość obrazka*/
    width: 267px; /* połowa szerokości obrazka*/
    background: transparent url(http://imagizer.imageshack.us/a/img673/3290/WNMdZS.png) 0 0 no-repeat;
    position: relative;
    left: 200px;
    top: 49px;

 }

 #menu1:hover {

    background-position: 0 -53px;
 }

 #menu2 {
    outline:none;
    float:left ;
    height: 53px; /*Wysokość obrazka*/
    width: 267px; /* połowa szerokości obrazka*/
    background: transparent url(http://imageshack.com/a/img537/3647/s9JvFv.png) 0 0 no-repeat;
    position: relative;
    left: 230px;
    top: 49px;
 }

 #menu2:hover {

    background-position: 0 -53px;
 }

 #menu3 {
    outline:none;
    float:left ;
    height: 53px; /*Wysokość obrazka*/
    width: 267px; /* połowa szerokości obrazka*/
    background: transparent url(http://imageshack.com/a/img538/807/p0N9j7.png) 0 0 no-repeat;
    position: relative;
    left: 260px;
    top: 49px;

 }

  #menu3:hover {

    background-position: 0 -53px;
 }

  #informacje1 {
    clear: both;
    width: 300px ;
    float:left ;
    position: relative;
    top: 50px ;
    left: 184px ;
    opacity: 1.0;

 }

 #informacje1:hover {
    opacity: 0.8;
    filter: alpha(opacity=100); /* For IE8 and earlier */
    }

   #informacje2 {
    float:left ;
    width: 300px ;
    position: relative;
    top: 50px ;
    left: 185px ;
    opacity: 1.0;

 }

 #informacje2:hover {
    opacity: 0.8;
    filter: alpha(opacity=100); /* For IE8 and earlier */
    }

   #informacje3 {
    float:left ;
    width: 300px ;
    position: relative;
    top: 50px ;
    left: 186px ;
    opacity: 1.0;
 }

  #informacje3:hover {
    opacity: 0.8;
    filter: alpha(opacity=100); /* For IE8 and earlier */
    }

  #content1 {
    clear: both;
    background:url(http://imageshack.com/a/img673/7167/6w2WhE.png) 0 no-repeat;
    padding: 57px;
    position: relative;
    top: 46px;
    left: 340px;

 }

   #content2 {
    background:url(http://imageshack.com/a/img661/1310/IPgCCO.png) 0 ;
    background-repeat;
    height: auto;
    width: 629px;
    position: relative;
    top: 8px;
    left: 340px;

 }

   #content3 {

    background:url(http://imageshack.com/a/img661/6238/DP6qUH.png) 0 no-repeat;
    padding: 68px;
    position: relative;
    top: -42px;
    left: 340px;

 }
 </style>
</head>
<body>
    <div id="container">

    <div id="logo">

    </div>
    <a href="http://allegro.pl/listing/user.php?us_id=4900951" id="menu1"></a>

    <a href="http://allegro.pl/show_user.php?uid=4900951" id="menu2"></a>

    <a href="http://allegro.pl/SendMailToUser.php?userId=4900951" id="menu3"></a>

    <div id="informacje1">
        <img src="http://imagizer.imageshack.us/a/img540/9421/bZSk4W.png">
    </div>

    <div id="informacje2">
        <img src="http://imageshack.com/a/img661/1676/r0PxWK.png">

    </div>

    <div id="informacje3">
        <img src="http://imageshack.com/a/img538/5760/dwB9TI.png">
    </div>

    <div id="content1">
    </div>
    <div id="content2">

        <div id="h1">
        <h1>Witam mam na sprzedaż w chuj rzeczy i jeszcze więcejitam mam na sprzedaż w chuj rzeczy i jeszcze więcejitam mam na sprzedaż w chuj rzeczy i jeszcze więcejWitam mam na sprzedaż w chuj rzeczy i jeszcze więcejitam mam na sprzedaż w chuj rzeczy i jeszcze więcejitam mam na sprzedaż w chuj rzeczy i jeszcze więce
        Witam mam na sprzedaż w chuj rzeczy i jeszcze więcejitam mam na sprzedaż w chuj rzeczy i jeszcze więcejitam mam na sprzedaż w chuj rzeczy i jeszcze więcejWitamWitam mam na sprzedaż w chuj rzeczy i jeszcze więcejitam mam na sprzedaż w chuj rzeczy i jeszcze więcejitam mam na sprzedaż w chuj rzeczy i jeszcze więce
        Witam mam na sprzedaż w chuj rzeczy i jeszcze więcejitam mam na sprzedaż w chuj rzeczy i jeszcze więcejitam mam na sprzedaż w chuj rzeczy i jeszcze więce
        Witam mam na sprzedaż w chuj rzeczy i jeszcze więcejitam mam na sprzedaż w chuj rzeczy i jeszcze więcejitam mam na sprzedaż w chuj rzeczy i jeszcze więce

        </h1>
    </div>
    </div>

    <div id="content3">
    </div>

</div>
 </body>
</html> 

Dobrze zrobione? to miałeś na myśli :)?

Jeszcze raz wielkie dzięki, naprawde browar by się należał :), mam nadzieje że Lotka puściłeś bo na pewno zgarniesz 21mln z kumulacji :D

1

Może coś takiego:

<body>
    <div id="container">
        <div id="logo">
        </div>

        <div> 
            <a href="http://allegro.pl/listing/user.php?us_id=4900951" id="menu1"></a>
            <a href="http://allegro.pl/show_user.php?uid=4900951" id="menu2"></a>
            <a href="http://allegro.pl/SendMailToUser.php?userId=4900951" id="menu3"></a>
        </div>

        <div id="informacje1">
            <img src="http://imagizer.imageshack.us/a/img540/9421/bZSk4W.png">
        </div>

        <div id="informacje2">
            <img src="http://imageshack.com/a/img661/1676/r0PxWK.png">
        </div>

        <div id="informacje3">
            <img src="http://imageshack.com/a/img538/5760/dwB9TI.png">
        </div>

        <div id="content1">
        </div>

        <div id="content2">
            <h1> Witam! </h1>
            <p>Tu tekst..</p>
        </div>

        <div id="content3">
        </div>
    </div>
 </body>
0

nie mam zaprogramowanego w Stylu , a jak dam

Witam!

Tu tekst..

Przeszkadza?
1

Strasznie kłuje w oczy. Tagi h używane są dla nagłówków (header)
Może zamiast h1 w:

h1 {
    font-size:14px;
    text-shadow:#FFF 1px 1px 0;
    font-weight:normal;
    display: block;
    float: top;
    margin: 10px;
    padding: 0;
}

zrób p:

p {
    font-size:14px;
    text-shadow:#FFF 1px 1px 0;
    font-weight:normal;
    display: block;
    float: top;
    margin: 10px;
    padding: 0;
}

:)

0

@Shagrin

zrobiłem tak i mam taki dziwny błąd w Allegro podsumowaniu :< :

user image

KOD:

<!DOCTYPE HTML>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
  <title>Szablon Allegro</title>

 <style>

 body {
     background: url(http://imageshack.com/a/img661/179/MHbJKa.jpg);

} 

.clear(
    clear:both;
)

/* header elements */
p {
    font-family:Tahoma, Arial, Helvetica, sans-serif;
    font-weight:bold;
    line-height:100%;
    margin:0 0 15px 0;
}

p {
    font-size:14px;
    text-shadow:#FFF 1px 1px 0;
    font-weight:normal;
    display: block;
    float: top;
    margin: 10px;
    padding: 0;

}

 #container {

    clear: both;
    width: 1000px;
    margin-left; auto
    margin-right; auto
 }

 #logo {
    background-color: black;
    padding: 30px;
    width: 890px;
    position: relative;
    left: 157px;
    top: -9px;

 }

 #menu1 {

    outline:none;
    float:left ;
    height: 53px; /*Wysokość obrazka*/
    width: 267px; /* połowa szerokości obrazka*/
    background: transparent url(http://imagizer.imageshack.us/a/img673/3290/WNMdZS.png) 0 0 no-repeat;
    position: relative;
    left: 200px;
    top: 49px;

 }

 #menu1:hover {

    background-position: 0 -53px;
 }

 #menu2 {
    outline:none;
    float:left ;
    height: 53px; /*Wysokość obrazka*/
    width: 267px; /* połowa szerokości obrazka*/
    background: transparent url(http://imageshack.com/a/img537/3647/s9JvFv.png) 0 0 no-repeat;
    position: relative;
    left: 230px;
    top: 49px;
 }

 #menu2:hover {

    background-position: 0 -53px;
 }

 #menu3 {
    outline:none;
    float:left ;
    height: 53px; /*Wysokość obrazka*/
    width: 267px; /* połowa szerokości obrazka*/
    background: transparent url(http://imageshack.com/a/img538/807/p0N9j7.png) 0 0 no-repeat;
    position: relative;
    left: 260px;
    top: 49px;

 }

  #menu3:hover {

    background-position: 0 -53px;
 }

  #informacje1 {
    clear: both;
    width: 300px ;
    float:left ;
    position: relative;
    top: 50px ;
    left: 184px ;
    opacity: 1.0;

 }

 #informacje1:hover {
    opacity: 0.8;
    filter: alpha(opacity=100); /* For IE8 and earlier */
    }

   #informacje2 {
    float:left ;
    width: 300px ;
    position: relative;
    top: 50px ;
    left: 185px ;
    opacity: 1.0;

 }

 #informacje2:hover {
    opacity: 0.8;
    filter: alpha(opacity=100); /* For IE8 and earlier */
    }

   #informacje3 {
    float:left ;
    width: 300px ;
    position: relative;
    top: 50px ;
    left: 186px ;
    opacity: 1.0;
 }

  #informacje3:hover {
    opacity: 0.8;
    filter: alpha(opacity=100); /* For IE8 and earlier */
    }

  #content1 {
    clear: both;
    background:url(http://imageshack.com/a/img673/7167/6w2WhE.png) 0 no-repeat;
    padding: 57px;
    position: relative;
    top: 46px;
    left: 340px;

 }

   #content2 {
    background:url(http://imageshack.com/a/img661/1310/IPgCCO.png) 0 ;
    background-repeat;
    height: auto;
    width: 629px;
    position: relative;
    top: 8px;
    left: 340px;

 }

   #content3 {

    background:url(http://imageshack.com/a/img661/6238/DP6qUH.png) 0 no-repeat;
    padding: 68px;
    position: relative;
    top: -42px;
    left: 340px;

 }
 </style>
</head>
<body>
    <div id="container">
        <div id="logo">
        </div>

        <div> 
            <a href="http://allegro.pl/listing/user.php?us_id=4900951" id="menu1"></a>
             <a href="http://allegro.pl/show_user.php?uid=4900951" id="menu2"></a>
             <a href="http://allegro.pl/SendMailToUser.php?userId=4900951" id="menu3"></a>
         </div>

        <div id="informacje1">
            <img src="http://imagizer.imageshack.us/a/img540/9421/bZSk4W.png">
        </div>

        <div id="informacje2">
            <img src="http://imageshack.com/a/img661/1676/r0PxWK.png">
         </div>

        <div id="informacje3">
            <img src="http://imageshack.com/a/img538/5760/dwB9TI.png">
        </div>

        <div id="content1">
        </div>

        <div id="content2">
            <p>Lorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsum
            Lorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsum
            Lorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsum</p>

        </div>

        <div id="content3">
        </div>
    </div>
 </body>

</html> 
0

Okej , bawiąc się namierzyłem , że używając atrybutu

tworzy mi ten dziwny biały pasek, natomiast jak używam atrybutu

to nie ma tego ,lecz traci swą czcionkę wyglada inaczej niz ta z

, a powinna być taka sama :(

Zilustrowałem to :
user image

natomiast kod na ten moment jest następujący:

 <!DOCTYPE HTML>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
  <title>Szablon Allegro</title>

 <style>

 body {
     background: url(http://imageshack.com/a/img661/179/MHbJKa.jpg);

} 

.clear(
    clear:both;
)

/* header elements */
h1, h2, h3, h4, h5, h6 {
    font-family:Tahoma, Arial, Helvetica, sans-serif;
    font-weight:bold;
    line-height:100%;
    margin:0 0 15px 0;
}

h1 {
    font-size:14px;
    text-shadow:#ffffff 1px 1px 0;
    font-weight:normal;
    display: block;
    float: top;
    margin: 10px;
    padding: 0;

}

p {
    font-size:14px;
    text-shadow:#ffffff 1px 1px 0;
    font-weight:normal;
    display: block;
    float: top;
    margin: 10px;
    padding: 0;
    padding-left: 10px;
}

 #container {

    clear: both;
    width: 1000px;
    margin-left; auto
    margin-right; auto
 }

 #logo {
    background-color: black;
    padding: 30px;
    width: 890px;
    position: relative;
    left: 157px;
    top: -9px;

 }

 #menu1 {

    outline:none;
    float:left ;
    height: 53px; /*Wysokość obrazka*/
    width: 267px; /* połowa szerokości obrazka*/
    background: transparent url(http://imagizer.imageshack.us/a/img673/3290/WNMdZS.png) 0 0 no-repeat;
    position: relative;
    left: 200px;
    top: 49px;

 }

 #menu1:hover {

    background-position: 0 -53px;
 }

 #menu2 {
    outline:none;
    float:left ;
    height: 53px; /*Wysokość obrazka*/
    width: 267px; /* połowa szerokości obrazka*/
    background: transparent url(http://imageshack.com/a/img537/3647/s9JvFv.png) 0 0 no-repeat;
    position: relative;
    left: 230px;
    top: 49px;
 }

 #menu2:hover {

    background-position: 0 -53px;
 }

 #menu3 {
    outline:none;
    float:left ;
    height: 53px; /*Wysokość obrazka*/
    width: 267px; /* połowa szerokości obrazka*/
    background: transparent url(http://imageshack.com/a/img538/807/p0N9j7.png) 0 0 no-repeat;
    position: relative;
    left: 260px;
    top: 49px;

 }

  #menu3:hover {

    background-position: 0 -53px;
 }

  #informacje1 {
    clear: both;
    width: 300px ;
    float:left ;
    position: relative;
    top: 50px ;
    left: 184px ;
    opacity: 1.0;

 }

 #informacje1:hover {
    opacity: 0.8;
    filter: alpha(opacity=100); /* For IE8 and earlier */
    }

   #informacje2 {
    float:left ;
    width: 300px ;
    position: relative;
    top: 50px ;
    left: 185px ;
    opacity: 1.0;

 }

 #informacje2:hover {
    opacity: 0.8;
    filter: alpha(opacity=100); /* For IE8 and earlier */
    }

   #informacje3 {
    float:left ;
    width: 300px ;
    position: relative;
    top: 50px ;
    left: 186px ;
    opacity: 1.0;
 }

  #informacje3:hover {
    opacity: 0.8;
    filter: alpha(opacity=100); /* For IE8 and earlier */
    }

  #content1 {
    clear: both;
    background:url(http://imageshack.com/a/img673/7167/6w2WhE.png) 0 no-repeat;
    padding: 57px;
    position: relative;
    top: 46px;
    left: 340px;

 }

   #content2 {
    background:url(http://imageshack.com/a/img661/1310/IPgCCO.png) 0 ;
    background-repeat;
    height: auto;
    width: 629px;
    position: relative;
    top: 8px;
    left: 340px;

 }

   #content3 {

    background:url(http://imageshack.com/a/img661/6238/DP6qUH.png) 0 no-repeat;
    padding: 68px;
    position: relative;
    top: -42px;
    left: 340px;

 }
 </style>
</head>
<body>
    <div id="container">
        <div id="logo">
        </div>

        <div> 
            <a href="http://allegro.pl/listing/user.php?us_id=4900951" id="menu1"></a>
             <a href="http://allegro.pl/show_user.php?uid=4900951" id="menu2"></a>
             <a href="http://allegro.pl/SendMailToUser.php?userId=4900951" id="menu3"></a>
         </div>

        <div id="informacje1">
            <img src="http://imagizer.imageshack.us/a/img540/9421/bZSk4W.png">
        </div>

        <div id="informacje2">
            <img src="http://imageshack.com/a/img661/1676/r0PxWK.png">
         </div>

        <div id="informacje3">
            <img src="http://imageshack.com/a/img538/5760/dwB9TI.png">
        </div>

        <div id="content1">
        </div>

        <div id="content2">
            <h1> Witam! </h1>
            <p>Tu tekst..</p>
        </div>

        <div id="content3">
        </div>
    </div>
 </body>
</html> 
1

Przede wszystkim zweryfikuj ten CSS, czy faktycznie wszystkich tych atrybutów potrzebujesz?

p {
    font-size:14px;
    text-shadow:#ffffff 1px 1px 0;
    font-weight:normal;
    display: block;
    float: top;
    margin: 10px;
    padding: 0;
    padding-left: 10px;
}

Zostaw na początek tylko wielkość czcionki, ustawienia marginesów i odstępów i zweryfikuj, czy jeszcze czegoś potrzebujesz, jak cienia do tekstu, ewentualnych przesunięć, etc

p {
    font-size:14px;
    margin: 10px;
    padding: 0;
    padding-left: 10px;
}

Dodatkowo, warto byłoby utworzyć klasę dla tego stylu w < p>
Dodajesz klasę:

<p class="opis">Tu tekst..</p>

I formatowanie

p.opis{ /* lub .opis{ */
    font-size:14px;
    margin: 10px;
    padding: 0;
    padding-left: 10px;
}

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