|
|
 | Padding
Fra :  k_m_s  | Vist : 702 gange
100 point
Dato : 13-07-10 08:56 |
|
Godmorgen alle.
Jeg kan ikke få "padding" til at virke i nedenstående (ved godt at jeg også kunne bruge css)
<img style="float:left" src="foto1.jpg" padding-right="15px" alt="Foto1 tekst" border="0" />
Hvad er forkert? Rækkefølgen, kan padding stå der eller andet?
Ha en god dag
Kim
| |
 | Kommentar
Fra : ajuul |
Dato : 13-07-10 09:59 |
|
Hej k_m_s
padding-left er også en css-ting, så du skal bare skrive:
Kode
<img style="float:left; padding-right:15px" src="foto1.jpg" alt="Foto1 tekst" border="0" /> |
/ajuul
| |
| Accepteret svar
Fra : ajuul | 
Modtaget 100 point
Dato : 13-07-10 10:03 |
|
Hov - jeg kom til at trykke for hurtigt på send-knappen.
Jeg ville også skrive følgende:
Mener du egentlig ikke margin-right?
altså:
Kode
<img style="float:left; margin-right:15px" src="foto1.jpg" alt="Foto1 tekst" border="0" /> |
Ellers er jeg ikke sikker på, at det giver mening
/ajuul
| |
 | Kommentar
Fra : molokyle |
Dato : 13-07-10 11:55 |
|
Jeg ville nu også lægge border-egenskaben i inline stylesheet'et:
Kode
<img style="float:left; padding-right:15px; border:0;" src="foto1.jpg" alt="Foto1 tekst" /> |
Hvorfor?
Fordi 'border' i img er en 'deprecated' parameter og f.eks. ikke må bruges i !DOCUMENT strict DTD:
http://www.w3schools.com/tags/tag_img.asp
..og så et lille fif omkring alt="..." parameteren. Den er til brug for skærmlæsere ...IKKE for at få en pop-up tekst frem ved mouseover ...dertil benyttes title='...'. Det er derfor meningen at parameteren skal beskrive billedindholdet semantisk.
Altså; hvis et foto hedder new_image_04.png skal man ikke skrive f.eks.: "Nyt png billede 4" i sin alt="..." parameter, men beskrive hvad foto'et rent faktisk repræsenterer. Er det er billede af en flodhest? ..så skriver man naturligvis: "Flodhest".
 </MOLOKYLE>
| |
| Kommentar
Fra : molokyle |
Dato : 13-07-10 12:02 |
|
ajuul -> padding er jo 'luft' mellem elementet og dets margin. Du kan jo ikke af inline stylesheet'et se om det er lavet for at overstyre en global værdi i et externt stylesheet. Jeg benytte f.eks. selv inline egenskaber når elementer skal overstyres jf. præcedensreglerne for stylesheets:
Citat
Inline CSS has the highest priority out of external, internal, and inline CSS. This means that you can override styles that are defined in external or internal by using inline CSS. However, inline CSS detracts from the true purpose of CSS, so use it sparingly. |
</MOLOKYLE>
| |
| Godkendelse af svar
Fra : k_m_s |
Dato : 13-07-10 13:12 |
|
Tak for svaret ajuul.
Ja, det var jo margin jeg skulle bruge 
Molokyle: tak for beskrivelsen for brugen af title & alt, Havde ikke lige fanget den 
Dejlig at se man godt må overrule style-sheet, når bare det ikke sker for tit 
Har lavet et style-sheet men når det bliver for svært (ENDNU) er det let at lave en inline.
Ha en dejlig dag
Kim
| |
| Kommentar
Fra : molokyle |
Dato : 13-07-10 14:54 |
|
Ok. Kim.
Happy coding... 
</MOLOKYLE>
| |
 | Du har følgende muligheder | |
|
Eftersom du ikke er logget ind i systemet, kan du ikke skrive et indlæg til dette spørgsmål.
Hvis du ikke allerede er registreret, kan du gratis blive medlem, ved at trykke på "Bliv medlem" ude i menuen.
| |
|
|