Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
Wypunktowanie listy i float
#1
Mam 2 problemy :
1.Jak przesunąć wypunktowanie w kształcie strzałek żeby nie wchodziło na txt?
2.Jak ustawić div'a z textem żeby był po prawej stronie obrazka i przylegał. Bo jak daje float: right to jest z prawej ale niżej.
adres: www.pgol.za.pl[/quote]

Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Strona o mnie</title>
<link rel="stylesheet" href="style_omnie.css" type="text/css">
</head>

<body>
<div id="pojemnik">
    <div id="tytul"><h1>Auto<span style="color:red">r</span></h1></div>
    
   <div id="obrazek"><img src="profilowe.jpg" alt="foto" /></div>
    <div id="txt">
            <ul>
                <li>___Imi i nazwisko: Pawe Gol</li>
                <li>Wiek : 17</li>
                <li>Miejscowoc: Skrobw</li>
                <li>Zainteresowania: grafika,fotografia,tworzenie stron WWW,koszykwka</li>
                <li>Strona WWW: www.moje_www.ww.pl</li>
            </ul>
      </div>
    

</div>


</body>
</html>
Kod:
body {
    background: #F1F1F1  url(../images/img01.gif) repeat-x left top;
    color:#C7C7C7;
    font-family:Verdana, Geneva, sans-serif;
    font-size:12px;
}
#pojemnik{
  text-align:left;
  margin:0 auto;
  width:800px;
}
      
#obrazek {
    margin:10px;
    width:200px;
    height:172px;
    /*loat:left;*/
}
#txt {
    width:590px;
    height:400px;
    float:right;
}
ul{
    line-height:2.0;
    list-style:none;
}
ul li{
    background:url(li.png)  no-repeat;
    margin: 1px;
    
}
#tytul {
    border-bottom:#FEFEFE dashed;
}
Odpowiedz
#2
Ad 1. Daj w <li> padding-left:20px powinno wystarczyć;
Ad 2.
#obrazek daj float: left;
#txt float: left;
#txt width: 575px

lub
#obrazek float: left;
#txt margin-left: 200px
Odpowiedz


Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Google maps+pozycja wybierana z listy harvester2001 13 10,443 13-02-2013, 13:18
Ostatni post: harvester2001
  Css3 właściwość float-offset. finito 1 2,379 11-02-2013, 03:12
Ostatni post: Kartofelek
Question Float a img Moody 4 3,081 03-02-2012, 17:25
Ostatni post: kornell
  [CSS] Float, Clear, Position Damian19 3 3,068 17-10-2011, 14:01
Ostatni post: Kartofelek
  Problem z float w dwóch divach obok siebie VuQ 4 3,955 02-10-2011, 23:57
Ostatni post: Kartofelek

Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości
Sponsorzy i przyjaciele
SeoHost.pl