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

danielbaek Nybegynder

06. marts 2008 - 00:07 Der er 12 kommentarer

Hover-effekt virker kun på links uden .dk endelser

Hej,

Jeg har en række links og benytter en css hvor links skal ændre farve når musen er over (hover). Det virker dog kun på de linkene når de er uden .dk, dvs. at på et link der hedder http://www.dr.dk virker hover-effekten ikke, men prøver jeg at have en src der hedder http://dr/ virker effekten fint.

Hvordan kan jeg løse dette/hvad kan være galt?

Synes godt om

Slettet bruger

06. marts 2008 - 10:05 #1

Kan vi få noget kode og meget gerne også et link til en side, ellers er det lidt besværligt at hjælpe.

Synes godt om

danielbaek Nybegynder

06. marts 2008 - 11:09 #2

Problemet kan ses her: http://197.dk/nyhed/index.php

KODEN I FILEN DER VISER NYHEDERNE:
<?php

$list = getNewsList();
foreach ($list as $value) {
$newsData = file("news/".$value);
$newsTitle = $newsData[0];
$submitDate = $newsData[1];
$newsLink = $newsData[3];
$newsIni = $newsData[2];
unset ($newsData['0']);
unset ($newsData['1']);
unset ($newsData['2']);
unset ($newsData['3']);

$newsContent = "";
foreach ($newsData as $value) {
$newsContent .= $value;
}

echo "<tr><th align='left'><a target='_blank' href='$newsLink'>$newsTitle</a></th><th align='right'><span class='dato'>".$submitDate."</span><span class='ini'>".$newsIni."</span></th></tr>";
echo "<tr><td colspan='2'><span class='tekst'>".$newsContent."</span><hr size='1'/></td></tr>";
}
?>

KODEN I FILEN DER OPRETTET NYHEDER:
<script language="javascript" type="text/javascript" src="js/tiny_mce.js"></script>
<script language="javascript" type="text/javascript">
tinyMCE.init({
mode : "textareas",
theme : "advanced",
theme_advanced_buttons3 : "",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",

});
</script>
</head>

<body>
<div id="main">
<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post">
<span class="mellem">Overskrift:</span> <input type="text" name="title" size="40"/><br/>
<br/><div id="mellem">URL:</div>
<input type="text" name="link" size="40"/><br/>
<br/><div id="mellem">Tilføjet af:</div>
<select name="ini">
<option value="" selected="selected">Vælg...</option>
<option value="DB1">Person1</option>
<option value="DB2">Person2</option>
<option value="DB3">Person3</option>
</select>
<br/><br/>
<div id="mellem">Kommentar:</div>
<textarea name="newstext" rows="6" cols="40"></textarea><br/>
<center><input type="submit" name="submit" value="Tilføj" /></center>
</form>

<div id="source"><a href="index.php">Tilbage til nyheder</a></div>
</div>
</body>

<?php } else {
$newsTitel = isset($_POST['title']) ? $_POST['title'] : 'Untitled';
$newsIni = isset($_POST['ini']) ? $_POST['ini'] : 'Intet link';
$newsLink = isset($_POST['link']) ? $_POST['link'] : 'Intet link';
$submitDate = date('G:i d-m-y');
$newsContent = isset($_POST['newstext']) ? $_POST['newstext'] : 'No content';

$newsLink2 = $newsLink;
if (substr($newsLink2, 0, 7) != 'http://')
{
$newsLink2 = 'http://' . $newsLink2;
}

$filename = date('YmdHis');
$f = fopen('news/'.$filename.".txt","w+");
fwrite($f,$newsTitel."\n");
fwrite($f,$submitDate."\n");
fwrite($f,$newsIni."\n");
fwrite($f,$newsLink2."\n");
fwrite($f,$newsContent."\n");
fclose($f);

header('Location:index.php');
}
?>

CSS STYLEN:
A:link {
font-family: Arial, Helvetica, sans-serif;
font-size : 12px;
color:#F28F03;
text-decoration: none;
}
A:hover {
font-family: Arial, Helvetica, sans-serif;
font-size : 12px;
color:#000000;
text-decoration: none;
}
A:visited {
font-family: Arial, Helvetica, sans-serif;
font-size : 12px;
color:#F28F03;
text-decoration: none;
}

Synes godt om

Slettet bruger

06. marts 2008 - 11:24 #3

Start lige med at validere koden, og undersøg hvorfor der er newline indeni URLerne?

Hvilke links skulle have problemer med hover? Jeg har ikke problem med nogen af dem i FF.

Synes godt om

danielbaek Nybegynder

06. marts 2008 - 11:48 #4

Det er det nederste link hvor hovereffekten ikke virker, både i Firefox og IE, og på to forskellige maskiner (mac+pc).

Synes godt om

Slettet bruger

06. marts 2008 - 12:00 #5

Jeg har ingen problemer i FF 2 på Linux.

Men tag lige og varliser din kode og fiks det med links.

Synes godt om

erikjacobsen Ekspert

06. marts 2008 - 12:11 #6

http://www.w3schools.com/css/css_pseudo_classes.asp - se note om rækkefølge.

Synes godt om

danielbaek Nybegynder

06. marts 2008 - 12:20 #7

Det virkede ved at bytte om på rækkefølgen. Laver du et svar?

Synes godt om

erikjacobsen Ekspert

06. marts 2008 - 12:34 #8

Jeg samler slet ikke på point, tak.

Synes godt om

danielbaek Nybegynder

06. marts 2008 - 12:55 #9

Jamen så tusind tak alligevel. Jeg har et tillægsspørgsmål nu hvor jeg har postet koden. Er der en måde at få denne funktion (jeg agter at kopiere den til en ny) til at i stedet for at gemme i flere txt filer, så kun gemme i en enkelt txt, og når man bruger "Tilføj nye" funktionen, ændrer man i stedet i den ene txt fil, som også hentes ind så den kan ændres. Er det muligt?

Synes godt om

roenving Novice

06. marts 2008 - 16:41 #10

Hva' dælen, er der begyndt at være fuldstændig fejlfri css-sider på w3schools, hurra !-)

Synes godt om

erikjacobsen Ekspert

06. marts 2008 - 16:52 #11

Det kan være, der er en enkelt eller 2, roenving.

Sådan noget med PHP-programmering hører nok til et andet sted, Daniel.

Synes godt om

danielbaek Nybegynder

07. marts 2008 - 11:55 #12

Ok, jeg opretter et nyt spørgsmål hvis det er.

Tak for al hjælpen :)

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
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51
Link fra form input Af jnrmgs i HTML	9	19/09/202319:10	23/09/202313:11
includere i HTML Af slein55 i HTML	3	15/09/202313:47	16/09/202309:40

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