Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [html/css] problem z obrazem w divach
skali
post
Post #1





Grupa: Zarejestrowani
Postów: 70
Pomógł: 3
Dołączył: 21.08.2006
Skąd: Zheshuv

Ostrzeżenie: (0%)
-----


witam. mam problem taki ze zrobilem div i ustalilem na nim border 1px. w lewym gornym rogu i w prawym dolnym chcialbym umiescic takie 2 male obrazki zeby urozmaicic div bo taki prostokat prosty troszke mi sie nie podoba. a mianowicie chce wrzucic TEN i TEN img w diva zeby wygladalo TAK. ale jak wrzucam to nie nachodzi na border tylko zaraz obok ;/ help (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif)
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 10)
Darti
post
Post #2





Grupa: Zarejestrowani
Postów: 1 076
Pomógł: 62
Dołączył: 6.03.2005
Skąd: Wroc

Ostrzeżenie: (0%)
-----


w pierwszym:
margin-left: -1px;
margin-top: -1px;

w drugim:
float: right;
margin-right: -1px;
margin-bottom: -1px;
Go to the top of the page
+Quote Post
skali
post
Post #3





Grupa: Zarejestrowani
Postów: 70
Pomógł: 3
Dołączył: 21.08.2006
Skąd: Zheshuv

Ostrzeżenie: (0%)
-----


kurcze no juz prawie. ten pierwszy lezy idealnie ale drugi zamiast pojsc calkiem na dol czyli na zakonczenie diva w rogu to siedzi po prawej stronie ale pod tym pierwszym (IMG:http://forum.php.pl/style_emoticons/default/sad.gif) taki blad

dzieki wielkie @Darti za pomoc (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) (IMG:http://forum.php.pl/style_emoticons/default/guitar.gif)
Go to the top of the page
+Quote Post
Darti
post
Post #4





Grupa: Zarejestrowani
Postów: 1 076
Pomógł: 62
Dołączył: 6.03.2005
Skąd: Wroc

Ostrzeżenie: (0%)
-----


Kod
<style type="text/css">
#ramka {
width: 100px;
border: 1px solid black;
padding: 5px;
}

#lg {
float: left;
background-image: url(lgr.PNG);
width: 15px;
height: 15px;
margin-top: -6px;
margin-left: -6px;
}

#pd {
position: relative;
background-image: url(pdr.PNG);
width: 15px;
height: 15px;
bottom: 9px;
right: -6px;
float: right;
}
</style>

<div id="ramka">
<div id="lg"></div>
a as a a a aa a a a a a a a a a
<div id="pd"></div>
</div>
Go to the top of the page
+Quote Post
skali
post
Post #5





Grupa: Zarejestrowani
Postów: 70
Pomógł: 3
Dołączył: 21.08.2006
Skąd: Zheshuv

Ostrzeżenie: (0%)
-----


kurcze nie dziala dalej (IMG:http://forum.php.pl/style_emoticons/default/sad.gif) robi sie tak samo jak wczesniej. gora gra idealnie a dol po dobrej stronie jest no ale nie na samym koncu. moze opera inaczej wyswietla, nie wiem. dzieki wielkie jeszcze raz za pomoc sprobuje jeszcze pokombinowac
Go to the top of the page
+Quote Post
Darti
post
Post #6





Grupa: Zarejestrowani
Postów: 1 076
Pomógł: 62
Dołączył: 6.03.2005
Skąd: Wroc

Ostrzeżenie: (0%)
-----


Może to w czymś pomoże ?
Nifty Corners: rounded corners without images By Alessandro Fulciniti

Ten post edytował Darti 19.07.2007, 00:15:20
Go to the top of the page
+Quote Post
skali
post
Post #7





Grupa: Zarejestrowani
Postów: 70
Pomógł: 3
Dołączył: 21.08.2006
Skąd: Zheshuv

Ostrzeżenie: (0%)
-----


przeczytalem to ale dalej nic nie moge skleic sensownego... jeszcze niechcacy zamienilem sobie plik i caly plik style.css usunalem (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif) ale napisalem jeszcze raz i jest wszystko ok. myslalem ze cos pomylilem w stylach no ale 2 razy chyba nie da sie popelnic bledu.
Go to the top of the page
+Quote Post
qwaq
post
Post #8





Grupa: Zarejestrowani
Postów: 162
Pomógł: 1
Dołączył: 15.05.2007
Skąd: Łódź

Ostrzeżenie: (0%)
-----


  1. <table style="border-style: solid; border-width: 1" cellspacing="0" border="0" width="500" >
  2. <tr>
  3. <td valign="top" align="left" >
  4. <img border="0" src="lgr.PNG" >
  5. </td>
  6. </tr>
  7. <tr>
  8. <td valign="top" align="left" >dfgdfg
  9. <BR>fghfgh
  10. <BR>vbcvbcvb</td>
  11. </tr>
  12. <tr>
  13. <td valign="bottom" align="right">
  14. <img border="0" src="pdr.PNG" >
  15. </td>
  16. </tr>
  17. </table>
Go to the top of the page
+Quote Post
NorthPole
post
Post #9





Grupa: Zarejestrowani
Postów: 34
Pomógł: 0
Dołączył: 20.02.2007
Skąd: Kraków

Ostrzeżenie: (0%)
-----


  1. .cont {
  2. position: relative;
  3. width: 200px;
  4. padding: 10px;
  5. border: 1px solid #666666;
  6. margin: 5px;
  7. }
  8. .cont .dol {
  9. background: transparent url(pdr.PNG) no-repeat right bottom;
  10. display: block;
  11. height: 15px;
  12. width: 15px;
  13. position: absolute;
  14. right: -1px;
  15. bottom: -1px;
  16.  
  17. }
  18. .cont .gora {
  19. background: transparent url(lgr.PNG) no-repeat left top;
  20. display: block;
  21. height: 15px;
  22. width: 15px;
  23. position: absolute;
  24. left: -1px;
  25. top: -1px;
  26.  
  27. }
  28.  
  29.  
  30. <div class="cont">
  31. <span class="gora"></span>
  32. <p>dfvdfvdf rtrt rt grtg rt grt grtgr rthrtyhjty jty jtyjtyujyujk yu yujyujy dfvdfvdf rtrt rt grtg rt grt grtgr rthrtyhjty jty jtyjtyujyujk yu yujyujy </p>
  33. <span class="dol"></span>
  34. </div>


Powinno działać, zamiast górnego <span /> można użyć nagłówek (np. <h3>) i go ostylować - będzie poprawniej.
Dolny też przydałoby się czymś sensownym zastąpić ale nie wiem co w tym divie będziesz miał (np jakiś link na dole typu "czytaj więcej...")

Ten post edytował NorthPole 20.07.2007, 10:36:05
Go to the top of the page
+Quote Post
skali
post
Post #10





Grupa: Zarejestrowani
Postów: 70
Pomógł: 3
Dołączył: 21.08.2006
Skąd: Zheshuv

Ostrzeżenie: (0%)
-----


DZIALA!!!!!!!!!!!!!!!!!!!!! :*:*:*:*

@NorthPole
Dziekuje slicznie za pomoc (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) o to mi chodzilo ale jest lipa bo nie wiem jak to dziala hehe (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif) ale to nic obczaje sobie powoli i bedzie git. Jeszcze raz dziekuje! (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

@qwaq
Dzieki wielkie za pomoc ale sprobowalem to w divach i zadzialalo wiec zostawiam (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
-Jasko323-
post
Post #11





Goście







Witam wszystkich:) mam problem a dokladniej z gram Counter-Strike Soruce gdy gram mam obraz wszystko ok ale po chwili robima mi sie prawie wszedzie takie jakby kwadraciki lub prostokaty szare i czarne na borni i na planszy niewiem jak to usunac grzeal w opcjach to nic nie dalo chyba ze robie to zle bardzo prosze o pomoc :impreza:
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 22.08.2025 - 16:39