1

tirsdag, 15. marts 2011, 20:29


Hej, jeg har bogen Webdesign - illustreret håndbog 2 .udgave

hvor jeg er kommet til tabel, hvor jeg skal skabe en annoncevirkning

Eksempel i bogen ser så ledes ud

<table width="260" border="10" cellspacing="10" cellpadding="5"
align="right">
<tr><td bgcolor="gray">
<p class="hvid">
OBS! OBS! OBS!<br>
I N F O R M A T I O N S M Ø D E<br>
om merkonomuddannelsen<br>
8. aug. kl. 19-20.
</p>
</td></tr>
</table>

Problemet er i <p class="hvid"> dette ændre bare ikke min farve på skriften, den er stadig sort.
så hvis en kunne fortælle mig hvor jeg har fejlen :D


2

onsdag, 16. marts 2011, 07:07


Har du en p.hvid eller bare .hvid regel i dit stylesheet (CSS)? Ellers virker det ikke, det har ikke noget med tabellen at gøre :) bgcolor="gray" er html, men classes er CSS


3

onsdag, 16. marts 2011, 07:34


Noget helt andet: Drop at bruge tabeller til layout - der er og bliver noget klyt! Brug div's i stedet!

/ask

IBM t42 and IBM t23 still alive and kicking

4

onsdag, 16. marts 2011, 07:58


Karga, forstår ikke helt hvad du mener ? er helt ny inde for dette område :O

jacobask, mange tak for det ;)


5

onsdag, 16. marts 2011, 08:10


Hvis du bruger en <p class="hvid"> så fortæller det bare at det p-element skal styles som klassen hvid. Denne klasse skal så beskrives i dit stylesheet, dvs i dit stylesheet skal du så have:

p.hvid {
color:white;
}

se evt.: http://www.tizag.com/cssT/class.php

Jeg ville lave det således:


<div class="annonce">
<p>OBS! OBS! OBS!<br>
I N F O R M A T I O N S M Ø D E<br>
om merkonomuddannelsen<br>
8. aug. kl. 19-20.</p>
</div>

Og i dit stylesheet:

div.annonce {
width:260px
border: 10px
padding:10px
text-align:right;
}

.annonce p {
color:white;
}

/ask

IBM t42 and IBM t23 still alive and kicking

Dette indlæg er blevet redigeret 2 gange, senest redigeret af "jacobask" (16.03.2011, 08:17)


6

onsdag, 16. marts 2011, 08:18


Citeret

Oprindeligt indlæg af jacobask
Hvis du bruger en <p class="hvid"> så fortæller det bare at det p-element skal styles som klassen hvid. Denne klasse skal så beskrives i dit stylesheet, dvs i dit stylesheet skal du så have:

p.hvid {
color:white;
}

se evt.: http://www.tizag.com/cssT/class.php

Jeg ville lave det således:


<div class="annonce">
<p>OBS! OBS! OBS!<br>
I N F O R M A T I O N S M Ø D E<br>
om merkonomuddannelsen<br>
8. aug. kl. 19-20.</p>
</div>

Og i dit stylesheet:

div.annonce {
border: 10px
padding:10px
text-align:right;
}

.annonce p {
color:white;
}

/ask


Jeg siger mange tak :D


7

fredag, 12. august 2011, 00:23


Alternativt kan du implementere style regler for et enkelt element (det er ikke anbefalelsesværdigt, men virker lige så effektivt).

F.eks.:

Kildekode

1
2
<p style="color:#FF0000;">Teksten her vil være rød</p>
<p style="background-color:#000;color:white;">Teksten her vil være hvid på sort baggrund</p>

Som du kan se kan man både bruge hex color koder og navne på de mest almindelige farver.

"style"-attributten accepterer helt almindelig CSS syntax. Så effektivt er:


Kildekode

1
2
3
4
5
6
7
<style>
p.hvid {
color:#FFFFFF;
}
</style>
[...]
<p class="hvid">...</p>


det samme som:

Kildekode

1
<p style="color:#FFFFFF;">...</p>

MSI ATX Intel 865PE Chipset || 120GB Seagate HDD, 10.700 rpm
512MB elixir DDR RAM || geForce Fx5200 128MB RAM :S
LG CD-R brænder 52x12x48x || AOC 19'' CRT

Nyeste Videoer og Trailers

Indsend nyhed
Har du fundet en fed nyhed så indsend den så alle andre på Tweak.dk kan få glæde af den.