CSS og markering av tekst

jorgis · 5. februar 2004

Holder på med et lite design i CSS og bruker for første gang DIV's istedenfor tables (har sett lyset ). Problemet er at jeg (og sikkert mange andre) liker å kunne markere tekst de leser, eller å kunne kopiere deler av teksten. Når jeg prøver å markere to-tre ord, markeres hele siden frem til der jeg prøvde å markere. Mye det samme som det er her. Dette er også kun i IE, i Opera funker det fint. Hvordan kan dette løses? (har lite lyst til å gå tilbake til tables)

enden · 5. februar 2004

Husket å putte teksten i p? Har ingen problemer med sånne ting jeg

jorgis · 5. februar 2004

Må teksten settes inni en <p> for å kunne merkes?

*skriver det bak øret*

enden · 5. februar 2004

nei, men all tekst skal egentlig inni elementer. inegting skal stå alene i body (egentlig)

jorgis · 5. februar 2004

Er ikke <div> et element?

btw: funket ikke. *visker vekk noe fra baksiden av øret*

haugsand · 5. februar 2004

<div> er et element ja, men for å få semanetisk korrekt kode, skal tekst plasseres i <p>, overskrifter i <h#> osv. Ingenting skal stå i "rota".

Arve Systad · 5. februar 2004

<div> er et element ja, men for å få semanetisk korrekt kode, skal tekst plasseres i <p>, overskrifter i <h#> osv. Ingenting skal stå i "rota".

:yes:

ergo må du sette opp

<div id="dinid">
<h3>Overskrift</h3>
<p class="dinclass>
Lorem ipsum ;)
</p>
</div>

Marvil · 5. februar 2004

ergo må du sette opp

<div id="dinid">
<h3>Overskrift</h3>
<p class="dinclass>
Lorem ipsum ;)
</p>
</div>

Mangler du ikke en """ (jea 3stk) i p class ?

jorgis · 5. februar 2004

<div> er et element ja, men for å få semanetisk korrekt kode, skal tekst plasseres i <p>, overskrifter i <h#> osv. Ingenting skal stå i "rota".

Har satt teksten inn i <p>, men det går likevel ikke an.

Btw: Kan det ha noe med at det genereres fra en php-løkke?

[Jante] · 5. februar 2004

Har merket dette bugget selv, da IE ikke liker absolutt posisjonering i divs. Det funker, men da kan du ikke markere tekst, slik som du forklarer.

jorgis · 5. februar 2004

Du mener at jeg må sette en annen verdi i position:?

EDIT: Isåfall: Hva er best/vil fungere mest likt absolute?

Endret 5. februar 2004 av jorgenindahouse

enden · 5. februar 2004

' date='05/02/2004 : 22:22'] Har merket dette bugget selv, da IE ikke liker absolutt posisjonering i divs. Det funker, men da kan du ikke markere tekst, slik som du forklarer.

rart at jeg ikke har problemer med det på siden min med noen IE >= 5.0

pgdx · 6. februar 2004

Nei, tror ikke det er pga absolute position...

Kan du gi oss en snutt av kildekoden? Jeg vet jeg har vært borti problemet før, men har ikke sett det på lenge... stengt alle <p>-tagger?

jorgis · 6. februar 2004

admin.php:

<body>


 <div class="menydiv">
 <h1>Admin CP</h1><br><br>
 <br>
 <br>
 Velkommen, jorgis_jorgis  <br>
 <a href="leggtil.php">Legg til ny nyhet</a><br>
 <a href="upload.php">Upload fil</a><br>
 <a href="logout.php">Logg ut</a><br><br>
 </div>
 
 
 	
   
 <div class="nyhetsdiv">
   	
 	<div class="enkeltnyh"><br><p><b>TEST</b>  	         
 	Skrevet 2004-02-06 av: Jørgen<br><br>Testnyhet-lorem ipsum trallalalaTestnyhet-lorem ipsum trallalalaTestnyhet-lorem ipsum trallalalaTestnyhet-lorem ipsum trallalalaTestnyhet-lorem ipsum trallalalaTestnyhet-lorem ipsum trallalala<br><br><a href="les_mer.php?id=65539">Les mer</a><br><br><img src="slett.gif" alt="Slett innlegget" onClick="slette(65539)">  	     
 	<img src="edit.gif" alt="Endre innlegget" onClick="endre(65539)"></p></div>  	
 	<div class="enkeltnyh"><br><p><b>Tha official TODO-list     v0.2</b>  	         
 	Skrevet 2004-02-05 av: Jørgen<br><br>Dette er den offisielle TODO-listen. Jeg lister de nedover i "les mer", og etterhvert som målene er fullført, legger jeg til DONE og dato ved siden av. Versjonsnummeret i overskrift endres etterhvert. Klikk "les mer" for å se listen.<br><br><a href="les_mer.php?id=1">Les mer</a><br><br><img src="slett.gif" alt="Slett innlegget" onClick="slette(1)">  	     
 	<img src="edit.gif" alt="Endre innlegget" onClick="endre(1)"></p></div>  	
   </div>
 

</body>

Koden ser veldig stygg ut, men det er egentlig fordi den genereres fra noe mySQL + PHP-greier.

css.css:


DIV.menydiv { width:200px;
height:auto;
position:absolute;
left:5px; }


DIV.nyhetsdiv {width:50%;
height:auto;
position:absolute;
left:250px;
}

DIV.enkeltnyh {	width:inherit;
 height:auto;
 position:inherit;
 right:0px;
 border-bottom: 1px solid #000000;
 text-align:center;
 padding: 5px 5px 5px 5px;
   
}

Koden er trimmet litt ned, siden det er mye som ikke brukes på akkurat denne siden.

Logg inn

CSS og markering av tekst

Anbefalte innlegg

jorgis

Videoannonse

enden

jorgis

enden

jorgis

haugsand

Arve Systad

Marvil

jorgis

[Jante]

jorgis

enden

pgdx

jorgis

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer