CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

oersted Novice

19. april 2011 - 18:35 Der er 14 kommentarer og
1 løsning

Synes godt om

oersted Novice

19. april 2011 - 18:35 #1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>KROGERKVARTETTEN</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
<script src="../Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>
<body>
<div id="content">

<div class="leftfoto"><img src="foto/johan_175.jpg" width="176" height="176" /></div>

<div class="leftfoto"><img src="grafik/vio1_175.jpg" width="176" height="176" /></div>

<div class="left"></div>

<div class="leftfoto"><img src="foto/alex_175.jpg" width="176" height="176" /></div>

<div class="right"></div>

<div class="left_tekst"><strong>Kroger i Djurs og Mols</strong><br />
Krogerkvartetten er i august basisensemble på ny festival<br />
i Mols Bjerge. <a href="http://www.klassiske-koncerter.dk/" target="_blank">Læs mere her</a></div>

<div class="leftfoto"><img src="foto/maj_175_2.jpg" width="176" height="176" /></div>

<div class="leftfoto"><img src="grafik/sort_175.jpg" width="176" height="176" /></div>

<div class="rightfoto"><img src="foto/stine_175.jpg" width="176" height="176" /></div>

<div class="leftfoto"></div>

<div class="leftfoto"><img src="grafik/vio4_175.jpg" width="176" height="176" /></div>

<div class="leftfoto"><img src="grafik/vio2_175.jpg" width="176" height="176" /></div>

<div class="left360_leftfoto"><img src="grafik/360_logo.gif" width="356" height="176" /></div>

<div class="rightfoto"><img src="grafik/vio3_175.jpg" width="176" height="176" /></div>

<div class="footer">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','900','height','100','src','grafik/bund','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','grafik/bund' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="900" height="100">
<param name="movie" value="grafik/bund.swf" />
<param name="quality" value="high" />
<embed src="grafik/bund.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="900" height="100"></embed>
</object>
</noscript></div>
</div>
</body>
</html>

Synes godt om

oersted Novice

19. april 2011 - 18:36 #2

body
{
background-color: #000000;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
line-height: 1.4;
vertical-align: top;
}

#content {

background-color: #8C0F0D;
border: 1px solid #FFFFFF;
padding: 0px;
width: 900px;
margin: 0 auto;
-moz-box-shadow: 3px 3px 4px #000;
-webkit-box-shadow: 3px 3px 4px #000;
box-shadow: 3px 3px 4px #000;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

.header{
clear:both;
margin: 0 auto;
}

.left{
position: relative;
float: left;
padding: 2px;
border: 2px;
border-style:solid;
border-color:#000000;
width: 172px;
height: 172px;
margin: 0 auto;

}

.left_tekst{
position: relative;
float: left;
padding: 12px 2px 2px 12px;
border: 2px;
border-style:solid;
border-color:#000000;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
a:link;
text-decoration: none;
color: #FFFFFF;
width: 162px;
height: 162px;
margin: 0 auto;

}

.leftfoto{
position: relative;
float: left;
border: 2px;
border-style:solid;
border-color:#000000;
width: 176px;
height: 176px;
margin: 0 auto;
}

.right{
position: relative;
float: right;
padding: 2px;
border: 2px;
border-style:solid;
border-color:#000000;
width: 172px;
height: 172px;
margin: 0 auto;
}

.rightfoto{
position: relative;
float: right;
border: 2px;
border-style:solid;
border-color:#000000;
width: 176px;
height: 176px;
margin: 0 auto;
}

.left360_left{
position: relative;
float: left;
padding: 2px;
border: 2px;
border-style:solid;
border-color:#000000;
width: 352px;
height: 172px;

margin: 0 auto;
}

.left360_leftfoto{
position: relative;
float: left;
border: 2px;
border-style:solid;
border-color:#000000;
width: 356px;
height: 176px;

margin: 0 auto;
}

.footer{
clear:both;
margin: 0 auto;
background-color: #000000;
}

Synes godt om

Slettet bruger

19. april 2011 - 19:44 #3

Altså, alle links: Hvid tekst, ingen "pynt".

Hvad er problemet ?

PS: Hvis det er her: http://www.krogerkvartetten.dk
- så ser alle links hvide og upyntede ud for mig...

Synes godt om

Slettet bruger

19. april 2011 - 19:46 #4

Ahh, ser nu, det er et "rent" flash-site dér.
- og du vil erstatte det med "rigtig" HTML ?

Synes godt om

oersted Novice

19. april 2011 - 20:02 #5

ja, nemlig, flash er jo død :-)

Synes godt om

keysersoze Ekspert

19. april 2011 - 20:24 #6

er flash død?

Synes godt om

oersted Novice

19. april 2011 - 20:36 #7

kan du hjælpe med problemet her ?

Synes godt om

Slettet bruger

19. april 2011 - 21:09 #8

Du siger jo ikke HVAD problemet er, men..

a {text-decoration:none; color:#FFF; outline:0;}
a:visited {color:#FFF;}

Burde vel være nok.. ?

Der er ingen grund til at gentage :dillerdaller { definitioner } hvis ikke de adskiller sig fra den "rene" a {definition}

(outline:0; fjerner den lille stiplede markering af det aktive link)

Synes godt om

oersted Novice

19. april 2011 - 21:40 #9

så er jeg ikke præcis nok.

som du kan se har jeg allerede en class :

kan ikke få link/hover etc til at fungere i denne class

DET er mit problem :-)

.left_tekst{
position: relative;
float: left;
padding: 12px 2px 2px 12px;
border: 2px;
border-style:solid;
border-color:#000000;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
a:link;
text-decoration: none;
color: #FFFFFF;
width: 162px;
height: 162px;
margin: 0 auto;

}

Synes godt om

keysersoze Ekspert

19. april 2011 - 22:35 #10

min kommentar var ment som en "provokation" for mig bekendt er flash på ingen måde døden nær.

Omkring dit spørgsmål har jeg lidt svært ved helt at følge hvad problemet er - kan du evt visuelt, sammen med lidt forklaring, vise det på et link?

Synes godt om

oersted Novice

19. april 2011 - 22:46 #11

at jeg ikke kan finde ud af at style links i div tag

se ovenstående kode

tak, Soze

Synes godt om

keysersoze Ekspert

20. april 2011 - 09:15 #12

.left_tekst a
{
color: white;
text-decoration: none;
}

.left_tekst a:hover
{
text-decoration: underline;
}

sådan?

Synes godt om

oersted Novice

20. april 2011 - 09:38 #13

JA, simple as that.

Jeg forsøgte selv at lægge det ind den eksistrende class .left_tekst - men skal selvfølgelig bare defineres selvstændigt, som du har gjort det. Tak !

svar ?

Synes godt om

keysersoze Ekspert

20. april 2011 - 09:44 #14

du kan også give links en klasse for sig selv, fx;

a.dinklasse
{
color: white;
text-decoration: none:
}

a.dinklasse:hover
{
text-decoration: underline;
}

og så skal dine a-tags bare have class="dinklasse".

Synes godt om

oersted Novice

20. april 2011 - 10:09 #15

fedt !

DIV tags er nyt for mig, men skønt at slippe for tabeller

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS