Søg
Avatar billede limemedia Nybegynder
02. marts 2004 - 14:12 Der er 13 kommentarer og
1 løsning

billed ovenpå h2 tag

Jeg har et billede, der i min kode (via noget CMS) er defineret pt. som <img src="/images/event_nagano_appetizer1.jpg" style="display: block; float: right; position: relative;"> og et par linier derunder, koden <h2>September 2003</h2>, begge placeret i samme layer.

Mit problem er, at billedet ligger sig ovenover mit stylede h2 tag. Kan jeg via noget CSS skrive mig udaf at h2 tagget automatisk skal under eventuelle billeder ?

Eksempel kan ses på http://www.ecotrek.org/event/ (siden under udvikling)

/ LJ

PS. Underlig titel, I know, men vidste ikke lige hvad jeg skulle kalde det
Avatar billede mm12010 Nybegynder
02. marts 2004 - 14:17 #1
<img src="/images/event_nagano_appetizer1.jpg" style="display: block; float: right; position: relative; z-ixdex: 1">

<h2 style=" z-ixdex: 2">September 2003</h2>
Avatar billede mm12010 Nybegynder
02. marts 2004 - 14:17 #2
sorry - fummelfingeri fra mig :-)

<img src="/images/event_nagano_appetizer1.jpg" style="display: block; float: right; position: relative; z-index: 1">

<h2 style="z-index: 2">September 2003</h2>
Avatar billede limemedia Nybegynder
02. marts 2004 - 14:18 #3
z-index definerer da hvilket layer der placeres i hvilken rækkefølge ovenpå hinanden, og ikke som spurgt, efter hinanden
Avatar billede limemedia Nybegynder
02. marts 2004 - 14:19 #4
den grønne blok, der udgør mit h2 element, skal gerne ligge under billedet og fri af billedet - således man kan se hele billedet og hele h2 tagget
Avatar billede exp Juniormester
02. marts 2004 - 14:34 #5
Hvad med at lægge hver måned i en div, og bruge display:block ??

<div style="display:block">
<h2>August</a>
Noget tekst
<img src="/images/event_nagano_appetizer1.jpg" style="display: block; float: right; position: relative;">
</div>
<div style="display:block;">
<h2>September 2003</h2>
tekst
</div>
Avatar billede limemedia Nybegynder
02. marts 2004 - 14:38 #6
exp >> lidt usmart når koden gerne skulle genereres automatisk via cms... håber ikke at komme ud i en replace løsning på h1/h2/h3 koder
Avatar billede detox Nybegynder
02. marts 2004 - 14:41 #7
Du kan prøve med en style til <p> tagget over <h2>:

<p><a href="http://www.ecotrek.org/event/nagano2003/">Nagano Extravaganza</a> </p>
<p style='clear: both;'>&nbsp;</p>
<h2>September 2003</h2>
Avatar billede limemedia Nybegynder
02. marts 2004 - 14:44 #8
bingo !
satte clear: both; på min h2 kode og det virkede :)

#content h2 {
    font-family : "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 140%;
    font-weight : normal;
    font-style : normal;
    color : #444444;
    margin-top: 5px;
    margin-bottom: 5px;
    clear: both;
       
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 10px;
    border-left: 7px solid #B6C795;
    background-color: #EDF1E4;
}
Avatar billede detox Nybegynder
02. marts 2004 - 14:44 #9
Eller måske bare tilføjet i din #content h2 style
Avatar billede detox Nybegynder
02. marts 2004 - 14:45 #10
Lige mine ord ;o)
Avatar billede limemedia Nybegynder
02. marts 2004 - 14:45 #11
kast et svar :) og tak for hjælpen... endnu et flueben på en stor todo liste
Avatar billede detox Nybegynder
02. marts 2004 - 14:46 #12
Velbekommen :o)
Avatar billede limemedia Nybegynder
02. marts 2004 - 14:47 #13
utroligt at en løsning kan være så nem, at man ikke kan se den ...
Avatar billede exp Juniormester
02. marts 2004 - 14:48 #14
sådan er det sgu altid... ;-)
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 20:17 Kan man kopiere en DVD og afspille den på * Linux Mint - Cinnamon - 22.1 - "Xia" * ? Af Ikke-ekspert i Linux
27/0821:03 Kan man få Word viewer gratis Af Strawberry i Word
26/0813:28 Findes der en brugsanvisning til : "ONKYO Stereo Casette - Tape Deck - R1" Af Ikke-ekspert i Musik & videoafspillere
24/0820:07 Libra Office 26.2.5.2 - Er sort - Kan an ændre til lysere baggrund ? (Windows 11) Af Ikke-ekspert i Office & Kontorpakker
24/0811:24 Hvor kan jeg finde hjælp til at flytte fra min gamle Samsung Flip4 til min nye Samsung Galaxy S24 Af vbr i Apps til Android
White papers
Flere white papers »