/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Box
Fra : Henrik Woer


Dato : 22-08-08 10:34

På siden http://www.woer.dk/kortkursus.asp?id=1 har jeg bøvl med den sidste
blok hvor lærerne skal præsenteres.

Dels ser det forskelligt ud i IE og firefox - dels vil teksten ikke være ved
siden af billedet i FF. Nedenfor er kode + css styles. Er der nogen der kan
hjælpe mig?

<% strSQL = "Select * From q_kortkursusunderviser Where IDkursus = " &
Request.Querystring("ID")
Set rs = Conn.Execute(strSQL)%>
<%
while not rs.eof
%>

<%response.write " <div class='personalecontainer img'>" & "<img src =
'billeder/" & rs("jpg") & "'" & "<div class='personaletxt'>" &
rs("Underviser")& "<br/>" & rs("Kortbeskrivelse") & "</div>" & "<div
class='clear'>" & "</div>" & "</div>"
%>


<% RS.MOVENEXT
WEND
RS.CLOSE
SET RS=NOTHING%>

</div>
CSS:
..billede1 {
float: left;
width: 110px;

}
..personalecontainer img{
background-color: #0000CC;
float: left;
text-align: left;
margin-right: 5px;
margin-bottom: 10px;
}
..personaletxt {
background-color: #99FF00;
margin-left: 5px;
float: left;
text-align: left;

}.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* Skjul for IE-mac \*/
/* html */.clearfix {
height: 1%;
}
..clear {
clear: both;


 
 
Allan Vebel (22-08-2008)
Kommentar
Fra : Allan Vebel


Dato : 22-08-08 23:53

Henrik Woer skrev:

> Dels ser det forskelligt ud i IE og firefox

Prøv først at rette op på valideringsfejlene, det er
den største chance for at det bliver vist ensartet i
forskellige browsere:

http://validator.w3.org/check?uri=http%3A%2F%2Fwoer.dk%2Fkortkursus.asp%3Fid%3D1&ss=1&outline=1

--
Allan Vebel
http://html-faq.dk
http://vebel.dk



Jørn Andersen (24-08-2008)
Kommentar
Fra : Jørn Andersen


Dato : 24-08-08 17:15

On Fri, 22 Aug 2008 11:34:11 +0200, "Henrik Woer" <henrik@xpwoer.dk>
wrote:

>På siden http://www.woer.dk/kortkursus.asp?id=1 har jeg bøvl med den sidste
>blok hvor lærerne skal præsenteres.
<snip>

Der er i hvert fald noget CSS, som ser ulogisk ud:
> <%response.write " <div class='personalecontainer img'>" & "<img src =
>'billeder/" & rs("jpg") & "'" & "<div class='personaletxt'>" &
>rs("Underviser")& "<br/>" & rs("Kortbeskrivelse") & "</div>" & "<div
>class='clear'>" & "</div>" & "</div>"
>%>

Din yderste div opgives til at skulle opfylde kravene i to klasser
"personalecontainer" og "img".
Det er het lovligt - men:

I dit stylesheet har du:
>.personalecontainer img{
> background-color: #0000CC;
> float: left;
> text-align: left;
> margin-right: 5px;
> margin-bottom: 10px;
>}

Her angiver du egenskaber for et IMG element, som ligger i fx et element
med klassen "personalecontainer".
Men der er ikke sat egenskaber for elementer af klassen
"personalecontainer".
Det ser lidt dobbelttydigt ud. Selv om der ikke er noget ulovligt ved
det, så tror jeg ikke du har skrevet det, du har tænkt.

Good luck!

--
Jørn Andersen,
Brønshøj

Søg
Reklame
Statistik
Spørgsmål : 177558
Tips : 31968
Nyheder : 719565
Indlæg : 6408924
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste