Søg
Avatar billede eskeeske Nybegynder
25. juni 2003 - 13:05 Der er 13 kommentarer og
2 løsninger

vertical-align og <span>

Er der nogen der kan finde ud af at lave en <span> med et billede indeni som lægger sig i nederste højre hjørne.

Hvorfor virker denne kode ikke:

<HTML>
<span style='vertical-align:bottom;background-color:999999;width:300px;height:150px;OVERFLOW: auto;'>
<img title='width: height:' src='http://www.eksperten.dk/img/eksperten_logo_new.gif'>
</span>
</HTML>

???
Avatar billede asger.friis Nybegynder
25. juni 2003 - 13:42 #1
<HTML>
<HEAD>
<TITLE>din side</TITLE>
<STYLE TYPE="text/css">
div {
position: absolute;
top: 500px;
left: 400px;
}
</style>
</HEAD>
<BODY>
<div>
<IMG SRC="../../Dokumenter/asger/php/pic1.gif">
</div>
</body>
</html>
Avatar billede asger.friis Nybegynder
25. juni 2003 - 13:43 #2
og indsæt span istedet for div hvis du vil have at det skal være "inline"
Avatar billede asger.friis Nybegynder
25. juni 2003 - 13:45 #3
<HTML>
<HEAD>
<TITLE>din side</TITLE>
<STYLE TYPE="text/css">
span {
position: absolute;
top: 500px;
left: 400px;
}
</style>
</HEAD>
<BODY>
<span>
<IMG SRC"'http://www.eksperten.dk/img/eksperten_logo_new.gif'">
</span>
</body>
</html>
Avatar billede asger.friis Nybegynder
25. juni 2003 - 13:48 #4
så må du ivært fald selv udfylde resten
Avatar billede eskeeske Nybegynder
25. juni 2003 - 13:51 #5
Det kan jeg ikke bruge, Jeg vil gerne have vertical-align til at virke på span.

Jeg skal jo ligesom bruge det i en mere generel situation, det er jo ikke fordi jeg vil lægge et eksperten logo i en enkelt span.
Avatar billede asger.friis Nybegynder
25. juni 2003 - 13:53 #6
undskyld. Den første er rigtig. Har tastet forkert i den anden kode
Avatar billede asger.friis Nybegynder
25. juni 2003 - 13:53 #7
ok
Avatar billede asger.friis Nybegynder
25. juni 2003 - 13:55 #8
Kan du ikke forklare dig bedre. Kan ikke forstå dit spørgsmål
Avatar billede asger.friis Nybegynder
25. juni 2003 - 13:57 #9
jeg synes ikke du kan afvise mit svar da jeg svarede på dit spørgsmål. Du skrev bare forkert. Det du stillede som hovedspørgsmål og det du lige har skrevet er to vidt forskellige spørgsmål
Avatar billede eskeeske Nybegynder
25. juni 2003 - 15:26 #10
Hvorfor virker denne kode ikke:

<HTML>
<span style='vertical-align:bottom;background-color:999999;width:300px;height:150px;OVERFLOW: auto;'>
<img src='http://www.eksperten.dk/img/eksperten_logo_new.gif'>
</span>
</HTML>

Jeg vil gerne løse problemet uden brug af tables eller position absolute, ellers havde jeg jo ligesom ikke spurgt.
Avatar billede knudgert Nybegynder
25. juni 2003 - 15:36 #11
vertical-align virker kun i forbindelse med inlineelementer i tabeller/celler.

http://www.w3.org/TR/REC-CSS2/visudet.html#propdef-vertical-align
Avatar billede asger.friis Nybegynder
25. juni 2003 - 16:00 #12
Du bliver nødt til at bruger position: absolulute som i mit eksempel. Du kan ikke lave det på andre måder i css
Avatar billede eskeeske Nybegynder
25. juni 2003 - 22:53 #13
Det står i IE dokumentationen at det også virker til <span> men det må være en fejl.

Jeg tror det er en bedre løsning at lægge en <TABLE> indeni <span>´en, end at bruge position absolute.

Tak
Avatar billede knudgert Nybegynder
26. juni 2003 - 03:29 #14
Du må ikke have blokelementer inde i et inlineelement (table er blok og span er inlinelement.

<table style="height: 400px; border: 1px solid black">
<tr><td style="vertical-align: bottom">
tekst forneden
</td></tr>
</table>
Avatar billede eskeeske Nybegynder
26. juni 2003 - 15:53 #15
Hmm, jeg kigger på det. Det er fordi jeg skal bruge overflow auto, men det kan jo selvfølgelig bare sætte i TD´en.

Tal
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 »