CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg
Cookie ikon
Avatar billede champ1 Nybegynder
22. februar 2006 - 13:10 Der er 6 kommentarer og
1 løsning

Boks udfra http://peecee.dk/?id=29667

Jeg ønsker en boks der ligner den på http://peecee.dk/?id=29667 ..

Den må ikke laves med <table>, og skal indholde så få billeder som muligt. :)

På forhånd tak!
Avatar billede doggy82 Praktikant
22. februar 2006 - 13:25 #1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<style type="text/css">
body {
    font:10px verdana;
    color:#333;
    background:#fff;
    margin:40px;
}
.main {
    border:1px #333 solid;
    width:200px;
    padding:0 10px 10px 10px;
    background:#ffe;
}
.main .wide {
    width:220px;
    margin-left:-20px;
    border:1px #333 solid;
    background:#ddd;
    padding:10px;
}
</style>
</head>
<body>
<div class="main">
<h2>Titel</h2>
<p class="wide">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus urna. Vestibulum imperdiet. Nullam ornare dictum pede. Praesent eros. Nulla lectus est, auctor non, euismod quis, pulvinar sed, quam. Aliquam sed ante. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec rutrum auctor dui. Aenean mollis risus eget est. Sed dapibus scelerisque dolor. </p>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus urna. Vestibulum imperdiet. Nullam ornare dictum pede. Praesent eros. Nulla lectus est, auctor non, euismod quis, pulvinar sed, quam. Aliquam sed ante.

</div>   

</body>

</html>
Avatar billede champ1 Nybegynder
22. februar 2006 - 13:30 #2
imponerende :S

kan du tilmed hjælpe mig med skygge på .wide uden brug af billeder - eller er det ikke muligt?
Avatar billede doggy82 Praktikant
22. februar 2006 - 13:35 #3
ja.. jooo.... Man kan gøre sådan her:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<style type="text/css">
body {
    font:10px verdana;
    color:#333;
    background:#fff;
    margin:40px;
}
.main {
    border:1px #333 solid;
    border-width:1px 2px 2px 1px;
    width:200px;
    padding:0 10px 10px 10px;
    background:#ffe;
}
.main .wide {
    width:220px;
    margin-left:-20px;
    border:1px #333 solid;
    border-width:1px 2px 2px 1px;
    background:#ddd;
    padding:10px;
}
</style>
</head>
<body>
<div class="main">
<h2>Titel</h2>
<p class="wide">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus urna. Vestibulum imperdiet. Nullam ornare dictum pede. Praesent eros. Nulla lectus est, auctor non, euismod quis, pulvinar sed, quam. Aliquam sed ante. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec rutrum auctor dui. Aenean mollis risus eget est. Sed dapibus scelerisque dolor. </p>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus urna. Vestibulum imperdiet. Nullam ornare dictum pede. Praesent eros. Nulla lectus est, auctor non, euismod quis, pulvinar sed, quam. Aliquam sed ante.

</div>   
</body>
</html>
Avatar billede doggy82 Praktikant
22. februar 2006 - 13:36 #4
Ups, den kom på begge to.

Fjern blot følgende linie fra .main

"border-width:1px 2px 2px 1px;"

:D
Avatar billede champ1 Nybegynder
22. februar 2006 - 13:41 #5
kanon. men det ser ikke så godt ud i IE :(
Avatar billede doggy82 Praktikant
22. februar 2006 - 14:38 #6
Heh. Jeg fik ikke lige testet i IE...
Avatar billede doggy82 Praktikant
22. februar 2006 - 14:41 #7
Ved sgu ikke lige om det kan lade sig gøre i den primitive browser ;)
Men altså.. selv om det ikke giver den ønskede effekt er det da ikke helt af helvede til. Det kunne ha' set meget værre ud.
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
Se alle it-kurser fra Computerworld Kurser
IT-kurser om Microsoft 365, sikkerhed, personlig vækst, udvikling, digital markedsføring, grafisk design, SAP og forretningsanalyse.
Se alle it-kurser

Flere spørgsmål fra Småopgaver kategorien

Titel Indlæg Oprettet Seneste aktivitet
Gode råd til kommende supporter Af SilentSloth i Småopgaver 4 31/12/202423:10 01/01/202515:09
Udregning af vinkel på brædder. Af Peter i Småopgaver 14 11/12/202415:12 13/12/202415:40
Dos program til at rette i .txt filer Af scharff i Småopgaver 10 11/12/202408:52 12/12/202410:45
Beregning af modstand Af Børge Skindhøj i Småopgaver 3 18/11/202414:32 18/11/202417:38
Bistand søges til Wordpress, kalenderfunktion og infoskærme. Af Jens Andreas i Småopgaver 1 13/09/202411:29 14/09/202415:48
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 dag 10:38 Ændre udseende move tool i PhotoShop Af clausito i Billedbehandling
I dag 09:53 massgrave-afhjælpe problem med microsoft licens Af Uvanga i Andet software
I går 14:07 mulig ukendt virus Af jackie18 i Virus
I går 13:40 Synology NAS -> Docker -> qBitTorrent "errored" Af MortenBoye i NAS & storage
I går 12:14 Find og indsæt et tal i en "database" Af 1Dorte i Excel
White papers
Flere white papers »


Premium
Teaser billede
Danske Commodore 64-entusiaster mødtes til en hemmelig undergrundsfest: I dag har de sat varige spor på den danske it-branche
Læs mere »
I dag træder ny stor sikkerhedslov fra EU i kraft: Dora-forordningen er nu gældende lov
Apps fra danske Trophy Games udnyttes i overvågningsnetværk - topchef Søren Gleie er frustreret
Ib Kunøe overvejer at trække nye ejere ind eller fusionere Columbus med andre selskaber - aktiekursen buldrer i vejret
Se alle »
Computerworld
Teaser billede
Kendt udvikler-platform bløder brugere: "Har mindre end et år tilbage"
Læs mere »
Apples vilde 2025-planer: To nye iPhone-serier kan være på vej
Anmeldes til datatilsyn: Disse kinesiske selskaber overfører data til Kina, når du anvender deres løsninger
Han har i 11 år forsøgt at genfinde begravede bitcoin-milliarder – nu sætter dommer punktum i sagen
Se alle »
CIO
Teaser billede
Her er deres månedsløn: Så meget tjener CIO'erne i de danske regioner - den bedst lønnede får mere end digitaliseringsministeren
Læs mere »
Konkurs: Kendt dansk hostingselskab er nu endeligt lukket efter ransomware-angreb
Se deres løn: Så meget får it-cheferne i Danmarks 10 største kommuner i løn
Region Midtjylland dropper LibreOffice: Flytter 36.000 medarbejdere over på Microsoft 365
Se alle »
Job & Karriere
Teaser billede
Merete Søby klar med nyt top-job efter pludselig exit fra Schultz: Her er hendes nye job
Læs mere »
40 år gammelt dansk it-selskab fusionerer med hollandsk firma og skifter navn
Dansk headhunter: Dette spørgsmål bliver jeg næsten altid stillet, når jeg forsøger at rekruttere it-folk
Her er deres månedsløn: Så meget tjener CIO'erne i de danske regioner - den bedst lønnede får mere end digitaliseringsministeren
Se alle »
White paper
Teaser billede
Sæt professionel døgnvagt på din it-infrastruktur
Læs mere »
Sådan: Én løsning til compliance, sikkerhed og overblik
SAP: Skab værdi og minimér omkostninger med effektiv dokumenthåndtering
Se alle »

Events
Flere events »
White papers
Flere white papers »
IT-Kurser
Se alle vores it-kurser »