Gå til innhold

CSS og markering av tekst


Anbefalte innlegg

Skrevet

Holder på med et lite design i CSS og bruker for første gang DIV's istedenfor tables (har sett lyset :p ). 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)

Videoannonse
Annonse
Skrevet
<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>

Skrevet
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 ?

Skrevet
<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?

Skrevet

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.

Skrevet (endret)

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

 

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

Endret av jorgenindahouse
Skrevet
' 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

Skrevet

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?

Skrevet

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.

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
×
×
  • Opprett ny...