GoldenLine
Zaloguj się
Anna R.

Anna R.

Temat: problem z kodem

Witam!
Na wstępie proszę o wyrozumiałość... moje pytanie jest dla Was na pewno banalne, ale dla mnie niestety nie :( nie "siedzę" w temacie programowania itp... więc pytam Was:

Co zrobić aby tekst, który umieszczam w ramce był nie po środku, ale na samej górze ramki..... (chodzi o vertical-align:top;). Pytałam wujka google..., przeglądałam fora o tej tematyce, testowałam, ale nic się nie zmienia... . Gdzie robię błąd???

Oto fragment kodu:



 <TR>

         <TD width=300 style= "vertical-align:top;"><p align="justify" style="color: gray; font-family: tahoma; font-size: 12px;">tekst....</p>

         </TD>

 </TR>
Link do wypowiedziLink

konto usunięte

Temat: problem z kodem

Kod, który podałaś jest nieco pogmatwany, aczkolwiek powinien spełniać swoje założenie i tak też się dzieje...

http://jsfiddle.net/YDLDm/146/

Podaj kod całej tabeli. Może wtedy uda się zdiagnozować przyczynę wystąpienia tego błędu.
Link do wypowiedziLink
Krzysztof Bachewicz

Krzysztof Bachewicz Grafika komputerowa,
marketing firmy,
fotografia,
program...

Temat: problem z kodem

Napisz

<TR>
<TD width=300 valign="top"><p align="justify" style="color: gray; font-family: tahoma; font-size: 12px;">tekst....</p>
</TD>
</TR>
Link do wypowiedziLink
Anna R.

Anna R.

Temat: problem z kodem

Dziękuję za odpowiedzi.

Niestety nadal nic... .
Wcześniej stosowałam znaczniki <font> ale ktoś mi odradził, bo to podobno jest już przestarzałe..... i dlatego zaczęłam szukać innych rozwiązań, ostatecznie znajdując <p style= ............ >
Ze znacznikiem <font> nie miałam problemów... a tutaj już sobie nie radzę :(

Tabelka miała być na zdjęcia, pod którymi chciałam umieścić opis.
cały kod tabelki (już po poprawce. Jedna linijka jest po staremu, ze znacznikiem <font>):

<TABLE style = "margin: auto" cellpadding="10">

 <TR> 

         <TD width=300><img src="1.jpg">

         </TD> 

         <TD width=300><img src="2.jpg">

         </TD>

 </TR>

 <TR>

         <TD width=300 valign="top"><p align="justify" style="color: gray; font-family: tahoma; font-size: 12px;">tekst....</p>

         </TD>

         <TD width=300 style = "text-align:justify;" valign="top"><FONT style="COLOR: gray" size=2 face=tahoma>tekst...</FONT>

         </TD>

 </TR>

</TABLE>


Może są jakieś inne rozwiązania, łatwiejsze niż <p>???Ten post został edytowany przez Autora dnia 09.05.13 o godzinie 13:49
Link do wypowiedziLink
Adrian Kaczmarek

Adrian Kaczmarek To czy człowiek jest
in­te­ligen­tny
poz­na­je się po
je­...

Temat: problem z kodem

Primo, to stylowanie trzeba wyciągnąć do zewn. arkusza itp. itd.
Prosty sposób na, jak rozumiem galerię:

<style type="text/css">
#gallery {
width:100%;
}
#gallery .item{
float:left;
width:30%;
margin-left:5%;
}
#gallery .item:first-child{
margin-left:0
}
#gallery .item img{
width:100%;
}
#gallery .item p{
margin-top:2px;
}
.cleaner{
width:100%;
clear:both;
height:0;
}
</style>

<div id="gallery">
<div class="item">
<img src="" alt="" />
<p>tekst....</p>
</div>

<div class="item">
<img src="" alt="" />
<p>tekst....</p>
</div>

<div class="cleaner"></div>
</div>

To da Pani listę zdjęć 3 w rzędzie, aby zmienić odstęp pomiędzy podpisem a zdjęciem zmienia Pani margin-top w #gallery .item p

Idąc za krokiem html5 można również skorzystać z figure + img + figcaption.

Proszę również sprawdzić składnię html, czy wszystko jest pozamykane i nie brakuje cudzysłowów, bo to również może powodować opisane przez Panią problemy
Link do wypowiedziLink
Anna R.

Anna R.

Temat: problem z kodem

Dziękuję :)

pomogło jednak gdy wszystko wkleiłam w <td> i całkowicie usunęłam <p>

<TD width=300 valign="top" style="color: gray; font-family: tahoma; font-size: 12px;">tekst...</TD>
Ten post został edytowany przez Autora dnia 09.05.13 o godzinie 20:01
Link do wypowiedziLink
Adrian Trzeciok

Adrian Trzeciok Właściciel firmy
ArtTechnology Ltd

Temat: problem z kodem

Anna R.:
Dziękuję :)

pomogło jednak gdy wszystko wkleiłam w <td> i całkowicie usunęłam <p>

<TD width=300 valign="top" style="color: gray; 	[/quote]> font-family: tahoma; font-size: 	[quote]12px;">tekst...</TD>

Wystarczyło usunąć atrybut 
align="justify"
i tym sposobem tekst nie będzie wyjustowany.
Ciekawostka:
"align" jest przestarzałym atrybutem prezentacyjnym, który już w językach HTML 4.01 i XHTML 1.0 był wycofywany z użycia (był niedostępny w DTD strict).

PozdrawiamTen post został edytowany przez Autora dnia 09.05.13 o godzinie 20:49
Link do wypowiedziLink
« Wróć do tematów
Odpowiedz

Podobne tematy


Następna dyskusja:

problem z kodem php




Wyślij zaproszenie do
Anuluj