Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [html/css] problem z obrazem w divach
Forum PHP.pl > Forum > Przedszkole
skali
18.07.2007, 19:45:21
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 biggrin.gif
Darti
18.07.2007, 20:29:45
w pierwszym:
margin-left: -1px;
margin-top: -1px;

w drugim:
float: right;
margin-right: -1px;
margin-bottom: -1px;
skali
18.07.2007, 20:49:43
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 sad.gif taki blad

dzieki wielkie @Darti za pomoc smile.gif guitar.gif
Darti
18.07.2007, 23:31:36
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>
skali
18.07.2007, 23:45:59
kurcze nie dziala dalej 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
Darti
19.07.2007, 00:11:21
Może to w czym¶ pomoże ?
Nifty Corners: rounded corners without images By Alessandro Fulciniti
skali
19.07.2007, 18:35:32
przeczytalem to ale dalej nic nie moge skleic sensownego... jeszcze niechcacy zamienilem sobie plik i caly plik style.css usunalem 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.
qwaq
20.07.2007, 09:42:50 
[HTML] pobierz, plaintext 
  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>
[HTML] pobierz, plaintext
NorthPole
20.07.2007, 10:17:49 
[HTML] pobierz, plaintext 
  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>
[HTML] pobierz, plaintext


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...")
skali
20.07.2007, 16:34:53
DZIALA!!!!!!!!!!!!!!!!!!!!! :*:*:*:*

@NorthPole
Dziekuje slicznie za pomoc smile.gif o to mi chodzilo ale jest lipa bo nie wiem jak to dziala hehe tongue.gif ale to nic obczaje sobie powoli i bedzie git. Jeszcze raz dziekuje! smile.gif

@qwaq
Dzieki wielkie za pomoc ale sprobowalem to w divach i zadzialalo wiec zostawiam smile.gif
Jasko323
12.01.2008, 00:16:26
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:
To jest wersja lo-fi głównej zawarto¶ci. Aby zobaczyć pełn± wersję z większ± zawarto¶ci±, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.