Jump to content
php.lv forumi

Kā pareizi novietot grafisko elementu ārpus satura?


WHOAMi
 Share

Recommended Posts

Labvakar.

Jau vairākas stundas laužu galvu un meklēju internetā visērtākos un labākos veidus, kā pareizi novietot zemāk pievienotajā attēlā redzamo grafisko elementu (dzelteno joslu, kas ir novietota pa diognāli, kreisajā pusē) ārpus satura dzeltenajā kastē.

Pats saturs ir ar max. platumu 960px (saturs atrodas iekš #header div'a). Dzeltenā josla patlaban ir pievienota HTML kodā uzreiz pēc dzeltenās kastes div'a, iekš #header.

Un kādas ir alternatīvas pareizai joslas sagriešanai, attēlošanai lai šis elements būtu draudzīgs ar lietotājiem, kuriem ir augstāka izšķirtspēja?

Ceru uz Jūsu palīdzību un jau iepriekš saku paldies! :)

Ričards

 

Attēls: post-8618-0-79278800-1334275053_thumb.gif

 

[LABOTS]

Ir viena potenciālā alternatīva

  1. Izveidot atsevišķu dzeltenās joslas div'u un Ievietot to pēc <body>
  2. Piešķirt tam tādu pašu platumu kā grafiskajam elementam
  3. Un tad visu pārējo mājas lapu ietvert jaunā divā piem. #wrapper un to novietot uzreiz aiz šī elementa ar float palīdzību.

Šis variants daļēji atrisina manu problēmu, jo visa koda/dizaina izvietojums automātiski kļūst nedraudzīgs ar lietotājiem, kuriem ir augstāka izšķirtspēja.

Edited by WHOAMi
Link to comment
Share on other sites

position:absolute teksta boksim, ja jau šis tāpat atrodas virs bildes, un strīpām position absolute un top:0; left: strīpu platums px (strīpas iekš teksta bokša)

Edited by indoom
Link to comment
Share on other sites

Arī variants, bet šitais nav tik draudzīgs ar augstāku ekrāna izšķirtspēju. Tik un tā, paldies par informāciju! :)

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
 Share

×
×
  • Create New...