Gå til innhold

CSS og markering av tekst

jorgis

Av jorgis
i Programmering og webutvikling

Anbefalte innlegg

jorgis

jorgis

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

Lenke til kommentar

Videoannonse

Videoannonse
Annonse
jorgis

jorgis

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

Lenke til kommentar
enden

enden

Skrevet
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

Lenke til kommentar
jorgis

jorgis

Skrevet
  • Forfatter
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.

Lenke til kommentar

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å
Gå til emneliste

  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...