Søg
Avatar billede human Nybegynder
09. juli 2003 - 02:37 Der er 19 kommentarer og
1 løsning

Lave "felt" til kode

Heysa!

Jeg sidder lige og laver en lille side hvad jeg og andre har mulighed for at skrive artikler.
Det er så meningen at koden skal "indrammes".

Jeg vil gerne have så jeg kan sætte en <div></div> uden om alt koden, og det så automatisk bliver farvet. Så det bliver styret igennem min style.css fil.
Eksempel på farvet kode: http://www.phpfreaks.com/tutorials/73/0.php

Mit spørgsmål er så, hvordan skal den kode se ud der skal i .css filen?

Hvis dette er for en besværlig opgave, så kommer der her en anden opgave:
Istedet for den bliver farvet kunne man lave det så det blev smidt ind i et slags blåt gennemsigtigt felt, så man kan se baggrunden igennem. Stadig skal det styres af en <div></div>.

CSS er desværre ikke lige min kop té :o/


// Human
Avatar billede htmlaga Nybegynder
09. juli 2003 - 02:45 #1
På det link du henviser til, er der i html koden skiftet mellem de forskellige farver. Så jeg tror ikke du skal forvente mirakler!
Avatar billede roenving Novice
09. juli 2003 - 02:45 #2
Det er altså ik' ligefrem lavet smart der -- de må have enserver til at ændre det for hvert andet ord , men det kan ret nemt laves med spans og forskellige classes ...
Avatar billede human Nybegynder
09. juli 2003 - 02:51 #3
Okay.. Men jeg leder efter et svar på hvordan man gør det, ikke hvordan de har gjort ;o)

Men har i nogen forslag til hvordan jeg kan gøre det med nr. 2 løsning?
Avatar billede roenving Novice
09. juli 2003 - 02:52 #4
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<TITLE>Spans med farver</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style TYPE="text/css">
.red{color:red;}
.blue{color:blue;}
.green{color:green;}
span{
font-family:verdana, arial, sans-serif;
font-size:10px;
}
</STYLE>
</HEAD>
<BODY>
<SPAN class="green">En span-tekst </SPAN><SPAN class="red"> - en ny span-tekst</SPAN><SPAN class="blue">-- en tredje span-tekst</SPAN><SPAN class="red">-- en fjerde span-tekst</SPAN><SPAN class="green">-- en femte span-tekst</SPAN><SPAN class="blue">-- en sjette span-tekst</SPAN><SPAN class="red">-- en syvende span-tekst</SPAN><SPAN class="green">-- en ottende span-tekst</SPAN>
</BODY>
</HTML>
Avatar billede human Nybegynder
09. juli 2003 - 02:57 #5
Ja det er jeg godt klar over man kan gøre. Men så kunne man jo lige så godt skrive <text color="farve">farve</text>

Det der er der ikke noget smart ved. Der er en løsning på det, så php farver koden automatisk. Ved godt det nok mere er et php spørgsmål. Derfor valgt som 2. løsning css kategori.

Desuden hvis jeg bare begyndte at fyre kode af inden i din <span> der, så ved jeg ikke liiige hvor længe mit site ville stå på benene. der bliver jo lavet en del <?php ?>, de vil jo ikke blive vist, de vil blive fortolket. Tror ikke lige du er helt med på det her.
Avatar billede htmlaga Nybegynder
09. juli 2003 - 03:00 #6
Så tror jeg du skal spørge i PHP kategorien, det har intet med css at gøre.
Avatar billede roenving Novice
09. juli 2003 - 03:03 #7
I css kan du ikke sætte mere end een farve på en text pr. class, så du skal den vej, jeg anviser -- grunden til at det ikke er smart med den måde phpfreaks gør det er, at <font> kræver selvstændige ressourcer, css går så at sige videre på de samme ressourcer ...
Avatar billede human Nybegynder
09. juli 2003 - 03:04 #8
Som jeg siger har min nr. 2 løsning.

"Hvis dette er for en besværlig opgave, så kommer der her en anden opgave:
Istedet for den bliver farvet kunne man lave det så det blev smidt ind i et slags blåt gennemsigtigt felt, så man kan se baggrunden igennem. Stadig skal det styres af en <div></div>."
Avatar billede human Nybegynder
09. juli 2003 - 03:04 #9
Hvor koden ikke skal farves altså!
Avatar billede roenving Novice
09. juli 2003 - 03:05 #10
Jeg skulle lige kigge efter, men så bliver det en IE-only-løsning ...
Avatar billede human Nybegynder
09. juli 2003 - 03:05 #11
Ser lige om jeg kan finde et eksempel på det.
Avatar billede roenving Novice
09. juli 2003 - 03:06 #12
Så skal du lægge to div'er præcis oveni hinanden, hvor den ene har et billede med farven gjort gennemsigtig, det andet med en transparent baggrund og teksten i ...
Avatar billede human Nybegynder
09. juli 2003 - 03:07 #13
http://www.webcafe.dk/artikler/php/phpmysqlgaestebog/

Der foreksempel. Der har de smidt alt deres kode ind i et gråt felt. Hvor den ignorere alt kode mellem <div> og </div> Så den udskriver koden på siden istedet for at fortolke den.
Avatar billede human Nybegynder
09. juli 2003 - 03:08 #14
Ved ikke lige om de har smidt den i <div> tags, men er sikker på det kan læade sig gøre.
Avatar billede htmlaga Nybegynder
09. juli 2003 - 03:08 #15
http://www.html.dk/dokumentation/html4/tags/code/
Avatar billede roenving Novice
09. juli 2003 - 03:12 #16
<html>
<head>
<title>Tekst på gennemsigtig baggrund</title>
<META NAME="Generator" CONTENT="Stone's WebWriter 3.5">
</head>
<body>
<form>
<DIV style="position:absolute;"><img src="blaa.jpg" WIDTH="100%" HEIGHT="100% "style="filter:alpha(opacity=30);"></DIV>
<div style="background:transparent;">din tekst inde i</DIV>
</form>
</body>
</html>
Avatar billede human Nybegynder
09. juli 2003 - 03:15 #17
htmlaga:

Lad os sige jeg laver en tabel inden i en <code></code>

Den fortolker stadig koden og der kommer en tabel frem som der bestemt íkke skulle. Kan du uddybe den side der lidt. Synes ikke det er ret klart det han skriver.
Avatar billede human Nybegynder
09. juli 2003 - 03:23 #18
Forstod code nu. Det er ikke det. Lukker.
Avatar billede human Nybegynder
09. juli 2003 - 03:24 #19
Opretter et nyt spg. i morgen i php kategorien.
Avatar billede human Nybegynder
14. juli 2003 - 02:52 #20
Fandt ud af en løsning på mit problem 2. (Den løsning med farver).

function phpHighlight($input)
{
$text = spliti("\[php\]|\[\/php\]",$input);
for($i = 0; $i < count($text); $i++) {
  if(ereg("(<\?php)(.*)(\?>)",$text[$i])) {
    ob_start();
    highlight_string($text[$i]);
    $text[$i] = ob_get_contents();
    ob_end_clean();
  }
  else {
    $text[$i] = nl2br(htmlspecialchars($text[$i]));
  }
}
$text = implode("",$text);
return $text;
}
Avatar billede 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.

Loading billede Opret Preview
Kategori
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 15:34 Installer alarmlyd på Samsung Galaxy XCover 7 Pro Af ErikHg i Mobiltelefoner
08/0913:06 Kan ikke starte min pc Af Malm i PC
07/0919:20 DVD program Af dcedata1977 i Andet software
07/0916:09 Bitdefender brokker sig Af FinnRasmussen i Andet sikkerhed
06/0921:00 Libre Office Impress Af Frank i Andre styresystemer
White papers
Flere white papers »